初心者でもすぐ完成!ホームページ・ビルダー「SP」を使った、ウェブサイトの作り方 (1/2)

執筆者: 良知敏子 職業:PCインストラクター・ホームページアドバイザー
はじめに

こんにちは、PCインストラクターの良知敏子です。

前回のコラムでは、ホームページビルダー19添付の「SP」というツールを使って、簡単にホームページが作成できるというお話をしましたが、今回は「SP」を使って、実際にサイトを作っていきます。

 

 

ホームページビルダーを使ったことがないという方にとっても、お役に立てれば嬉しいです。

 

まず、「新規作成」ボタンをクリックする

それでは、ホームページビルダー19SPの起動画面から見ていきましょう。

この画面の中の「新規作成」ボタンをクリックします。

 

 

テンプレートを選択する

テンプレートの選択画面が表示されます。

画面左のテンプレート名をクリックし、お好みのものを選んでください。

 

 

「フェミニン」を選んでみる

さて、私はこのテンプレートの中から、「フェミニン」を選んでみます。

女性らしいデザインで素敵ですね。

 

 

「基本情報」を入力する

画面右下の「次へ」をクリックすると、「基本情報」の入力画面が表示されます

 

 

サイト情報を設定する

任意のサイト名を入力し、業種を選びます。

業種が異なると、テンプレートに設定されるメニュー項目が異なるため、作成するホームページの業種に合わせたものを選んでください。

 

該当する業種が一覧の中に無い場合は、できる限り作成イメージに近いメニュー項目を持つ業種を選びましょう。

 

「プレビュー」ボタンで確認してみる

また、業種を選んだら、その右にある「プレビュー」ボタンをクリックして、確認してみましょう。

選んだ業種で構成されたテンプレートを、確認することができます。

 

サイトタイプを選択する

また、サイトタイプという項目もあります。

 

ここでは、通常のサイトに加え、Wordpressサイトも作成できるようになっています。

用途に応じて選びましょう。

 

  • 通常サイト

主にHTMLとCSSで構成される、従来型のホームページ。

自分でデザインできる範囲はWordPressサイトよりも広く、より自由なレイアウトが可能。

 

  • WordPressサイト

ブログのようにブラウザを使って内容を更新できる仕組みのホームページ。

スマホやタブレット、Macでも更新できる点が便利。

 

タイトルとキャッチフレーズを入力する

タイトルやキャッチフレーズも適切な文言を設定しましょう。

 

「基本情報」画面、入力例

以下のように設定してみました。

 

 

 
 コラムニスト情報
良知敏子
性別:女性  |   職業:PCインストラクター・ホームページアドバイザー

はじめまして。静岡県静岡市でパソコン講習やセミナー、ホームページ作成やサポートを行っているテックスカラ代表の良知敏子と申します。
営業事務業務のIT担当として、たまたま携わったパソコンでしたが、色々な業務に携わりながらとてもたくさんの事を学び、現在に至っております。
常にユーザー目線での講習や制作を心がけることが信条です。
どうぞよろしくお願いいたします。