松原駅前商店会 パソコン研修会 WEB版

ホーム > PC研修会 > ホームページビルダー活用

・ レイアウト用素材でヘッダーデザイン （フッダーデザイン）

■ 表を使ってヘッダー（ホームページ上部）のデザインをしましょう
  1. まず メニューバーのファイルより、ページを新規作成します。
  2. サイト/素材ビューより、レイアウト用素材をクリックします。

  3. 表示されたレイアウト素材から、お気に入りの素材を1行目に挿入します。
    セルの背景色を変更する時は、表の属性の背景色で変更します。
    （レイアウト素材は、表（セル）に色を付けてデザインされています。）

    表ツールバーで、セルの追加・削除・結合を行い、デザインしましょう。
  4. 上下左右をブラウザの幅一杯に表示する（マージンを0）には、HTMLソース画面で<BODY>タグを、<BODY leftMargin="0" rightMargin="0" topMargin="0">に、書き替えます。
    （左右と上部の余白を０に指定）
    続いて、表の幅を100％に指定しましょう。

    プレビュー画面とブラウザで確認してください。
    余白をまったく無しにするには、罫線の幅 "0"がポイントです。（完成品；サンプル）
■ 表を使ってフッダー（ホームページ下部）のデザインをしましょう
上記4.の<BODY>タグに、bottommargin="0" を追加すれば下部余白が0になります。
ヘッダーと同様に、サンプルを参考にデザインしてみましょう。
■ 【Copyright って？】
copy・right 版権［著作権］（を得る［を有する］） の意味です。
■ なぜ、フレームを使用せずに表でフレーム風にするのだろう？
フレームページは、検索サイトの検索に弱いと言われているからです。
「検索エンジン最適化」技法(ロボット型検索エンジンに上位表示させるための手法)関連の、ホームページが指摘しているように、フレームは検索エンジンと親和性が余り高くないようです。Googleで検索すると上下左右のフレームページが、ばらばらに表示される事が多いようです。
しかし表のデザインが複雑になると、表示に時間がかかりますので そこそこに。
2003/7/16
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
Copyright(C)  2000.-2003. Isono.biz AllRights Reserved