ホーム > Netscape Composer講座 > 

表でレイアウト

ここが中盤の山場になります。これが理解できると出来ないではサイトの見た目に雲泥の差が生じます。ではでは、頑張って下さい!

表とは  ★★★

皆さんは表と言えばエクセルやロータスなどの表計算を想像するでしょうが、ホームページではレイアウトを整える重要な役割を果たします。

例)ごんたのプロフィール

枠無し(表があることを感じさせない)

名前 すずき ごんた
年齢 3歳
住所 小屋
職業 番犬
趣味 散歩
電話番号 わからん・・・
枠表示(実はこうなっています)
名前 すずき ごんた
年齢 3歳
住所 小屋
職業 番犬
趣味 散歩
電話番号 わからん・・・

表を使わなくても出来そうですが、訪問者のブラウザがどのフォントを使用しているかによって文字間隔がそれぞれ違いますのでレイアウトがガタガタになってしまいます。

又、こんな事も表を使わないと出来ません。

枠無し(表があることを感じさせない)

名前 すずき ごんた
年齢 3歳
住所 小屋
職業 番犬
趣味 散歩
電話番号 わからん・・・
枠表示(実はこうなっています)
名前 すずき ごんた
年齢 3歳
住所 小屋
職業 番犬
趣味 散歩
電話番号 わからん・・・

これをもう少し発展させると....

例)スポーツニュース

枠無し(表があることを感じさせない)
メニュー
広告スペース
広告スペース
更新履歴
今日の出来事
掲示板
日記
プロフィール

プロ野球 最新情報
5/30 タイガースまたも最下位
6/1 巨人不振か?

世界水泳 最新情報
****が金!

枠表示(実はこうなっています)
メニュー
広告スペース
広告スペース
更新履歴
今日の出来事
掲示板
日記
プロフィール

プロ野球 最新情報
5/30 タイガースまたも最下位
6/1 巨人不振か?

世界水泳 最新情報
****が金!

大体分かりましたね。

表の名称  ★★

↓全てを指して「」と呼び それぞれのマスは「セル」と言います

名前 すずき ごんた
年齢 3歳
住所 小屋
職業 番犬
趣味 散歩
電話番号 わからん・・・

実際に表を使う   ★★★

では実際に表を使ってみましょう。

表の挿入・配置

・表の挿入
・セル内の配置
・表の配置

表の背景

・背景の挿入
・背景に画像

その他、表の設定

・セルの間隔とは
・セルの間隔を設定
・ユーザビリティー


ホーム > Netscape Composer講座 >