●サイト用フォルダの作成これから作ろうとするサイトの保存場所を確保しておきます。開くとPCの構成が表示されます。「マイコンピュータ」をクリックし、(D)ドライブをクリック。「新しいフォルダ」ができますので、フォルダ上で右クリック、[名前の変更]で「HOME」等、好きな名前を入力します。「サーバより指定されたトップページファイル名」を選択。保存先のフォルダが設定される。→[OK]"d:¥HOME¥mitumori¥image”と画像ファイルの保存先のフォルダが設定される。→[完了]「トップページ作成画面」が表示される。作成画面の右上×をクリックし閉じる。作成ソフトを終了する。新規にトップページを作成する最初は、なにをテーマとしたサイトかなんの為のサイトか(サイトの目的)をある程度決めておいただけですので、サイトの構成、レイアウトやデザイン・盛り込む内容などは、ページの基本の作りかたを覚えた後で決めていった方がサイトを作りやすいと思います。●ホームページビルダーを起動するオープニングダイアログが開いたなら、「キャンセル」をクリックして閉じる。●サイトを開くメニュー「サイト」→「サイトを開く」→作成したサイト名を選択し、「開く」をクリック、サイトが開いたので、「閉じる」をクリックし、[サイト一覧]を閉じる。●編集画面を開くサイト/素材ビュー及び、ページ編集画面が表示されていることを確認し、サイト/素材ビューの中から、「サイト」→「フォルダ」を選択し、「index.htm]を右クリック、「編集」をクリックする。●配置用スペースを作る無地の編集画面が開き、これがこれからサイトを作る編集領域となります。いわゆるExcelなどでいうところの”セル”の役目をする「表」をまず配置する。これを使わずに文字などを配置しようとすると、縦型の単調なデザインになってしまいます。外枠を作るメニューバー「表」→「表の挿入」とクリックし、(同様の作業は対応したツールバーをクリックすることでもできます。今後の他の作業も同様です。→[OK]四角の囲いができるので、これの右下角をクリックしたまま画面の右下に引っ張っていき、ある程度の大きさにする。ここで表(セル)の大きさですが、表の高さについては、そのページの内容に左右されるだけですので特に問題は無いのですが、表の幅は、見ているPCの画面サイズに左右されるので、(人それぞれ見ている環境が異なるので)、ある程度は決めておいたほうが良いです。表の中で右クリックし、一番下のメニュー「属性の変更」をクリックします。「セル」をクリックするとセルの幅を指定することができます。「1024×768ドット」での表示が一般的だと思われます。=700ピクセルに設定します。:ディスプレイ上に表示される画像や文字の構成単位。ディスプレイ上での表示の有無、もしくは色や輝度を制御できる最小単位。:ピクセルと同義で使われるが、ドットは色や色深度は含まない「点」を意味する。間仕切を作る外枠ができたなら、サイトのレイアウトを考えながら、外枠の中に「表の挿入」ウィンドウで「行数」と「列数」を指定し、配置用スペースを作っていきます。→[OK]”2×2”のセルができますので、外枠と同様に任意の大きさに拡大させます。・1つのセルを分割し、2つにすること・2つのセルを結合し、1つにすること・行を追加すること・列を追加することなどが自由にできますので、想定したレイアウトに合わせて、セルの大きさと配置を設定します。順序は前後しますが、この様な感じで配置用スペースの作りかたが解れば、トップページとしての全体レイアウトの概略を決めます。●全体のレイアウトを考えるトップページのレイアウトを考えます。ビルダーからは少し離れ、トップページ全体のレイアウトをスケッチ程度で決めていきます。トップページに入れる要素としては、次の様なものがあります。これらを、いかに読者にアピールできるかを考えながら、更にページの間仕切を念頭におきながら配置していきます。●間仕切(表)を調整するレイアウトの概略を作成したなら、それに合わせて間仕切(表)の調整を行います。枠組を作り、文字・ロゴ・画像等を配置していきます。ここで注意すべき点は、一つの表(セル)の中に、左寄せ、中央寄せ等の違う内容のものを配置したい場合、一つの表(セル)を分割させると、一つの幅を変えようとすると、他の境界線も同じに動いてしまいます。一つの表の中にさらに表を挿入すると、それぞれ単独で設定できますので、「表(セル)の中にさらに表(セル)を配置する」という感覚で作業すると良いでしょう。●ロゴの作成方法サイト名・店名などをテキスト(文字)による表現ではなく、画像としてデザイン化したものを「ロゴ」といいます。ホームページビルダーには、ロゴ作成機能が付いていますので、それを利用すると良いです。ロゴ作成ウィンドウが表示されますので、指示に従って入力・選択していくだけです。編集画面にロゴが挿入されたなら、ロゴをクリックして選択し、右下角をクリックして大きさを調整します。注意することは、テキストに比べ画像であるため重くなり、表示速度が遅くなるので、使い過ぎないようにすることです。「GIF(ジフ)」形式のみです。写真がJPEG形式、ロゴ・ボタン・イラスト等の画像がGIF形式です。デジカメで撮影した写真は一般的にJPEG形式ですので、そのままでOKです。写真の大きさにも2通りあり、いわゆる見た目の大きさと写真の容量(データ量=ファイルサイズ)です。見た目小さな写真でも容量が大きい写真を使うと、ホームページ自体の使用可能容量を減らしてしまうばかりでなく、表示時間が長くなったり、表示されなかったり、といったことになります。Pictures等に保存した写真ファイルを選択し、「挿入」するか2)メニューバーの「挿入」→「画像ファイル」→「ファイルから」を選び、写真ファイルを選択し、「開く」で挿入される。撮影した写真をそのまま保存したものを編集画面に挿入すると極端に大きなものになります。表・ロゴなどと同様に、右下角をクリックしながら大きさを小さくすることはできますが、それだけでは写真が小さくなっただけで、容量は変わっていません。次の作業でファイルサイズを小さくすることを忘れずに。画像の大きさの変更については、ホームページビルダーの「ウェブアートデザイナー」機能を使う方法や、windowsオプションの「ペイント」を利用する方法、又、「デジカメの達人」や「フォトショップデザイナー」などの市販ソフトやフリーシェアの加工ソフトを利用する方法などがあります。文字は配置用スペースヘ直接打ち込むか、あらかじめ画像化しておいて挿入するかです。SEO対策上、画像化してしまうと、検索ロボットが拾っていかないので、直接打ち込むのが良いでしょう。文字のデザイン、大きさ、色などの設定方法は、Excelなどとそう変わりはないので、特に難しいことはないと思います。●全体を整えるロゴや写真、文字などを配置したなら、全体のイメージを整えます。整えたい表を右クリックし、「属性の変更」を選択。色や画像などを設定します。サブページを作成するトップページができたなら、そこからリンクさせる、商品の詳細情報などのページを作ります。「ファイル」→「新規作成」とし、新規編集画面を表示させます。作り方はトップページとまったく同じですが、トップページと同じイメージで作成したいのであれば、トップページをまるごとコピーして加工・編集していくと簡単です。メニューバー「ウィンドウ」をクリックし、「index.htm」ファイルをクリック、「編集」→「すべてを選択」し、右クリックより「コピー」を選び、メニューバー「ウィンドウ」をクリックし、「(新規ファイル名).htm」ファイルをクリック、右クリックより「貼り付け」でindexページがまるごと新規ページにコピーされます。あとはこれを加工・編集していけば良いわけです。サブページが完成したなら、「編集」→「ページのプロパティー」を選択。「ページ情報」のページタイトルに好きなタイトルを入力します。これは、ウェブ上で表示される、一番上のバーに表示されるページタイトルになります。最後に「ファイル」→「名前を付けて保存」を選択。保存場所を選択し、ファイル名(たとえばsub1)を入力、「保存」ページに写真を挿入していれば、保存ファイル一覧に写真のファイルが表示されますので、ファイル名をクリックし、写真ファイルの保存場所を決めます。そのまま「OK」とすると、トップページ、サブページと同列で同じフォルダに保存されますが、そのフォルダの下に新たにフォルダを作り保存します。保存ファイル一覧画面で「OK」をクリックして、サブページが保存されます。