Nvu1.0でホームページを作成しよう : Nvu1.0のテーブルでレイアウト
top || Nvu1.0でホームページを作成しよう || テーブルでレイアウト
▼Nvu1.0のテーブルでレイアウト
テーブルでレイアウトができる事を理解できると出来ないとではサイトの見た目に雲泥の差が生じます。
▼Nvu1.0 テーブルとは
皆さんは表(テーブル)と言えばマイクロソフトのエクセルやロータスなどの表計算を想像すると思いますが、ホームページではレイアウトを整える重要な役割を果たします。
例)エヌヴュー のプロフィール
枠無し(テーブルがあることを感じさせない)
|
枠表示(実はこうなっています)
|
テーブルを使わなくても出来そうですが、訪問者のブラウザがどのフォントを使用しているかによって文字間隔がそれぞれ違いますのでレイアウトがガタガタになってしまいます。
又、こんな事もテーブルを使わないと出来ません。
枠無し(テーブルがあることを感じさせない)
|
枠表示(実はこうなっています)
|
例)スポーツニュース
枠無し(テーブルがあることを感じさせない)
|
|||||||
枠表示(実はこうなっています)
|
こんな感じでデザインも兼ねてしまいます。結構便利!
今は大分使われなくなって来てますが、まだまだ現役!
臨機応変に使用するべし!
▼Nvu1.0 テーブルの名称
下を全て指しているのが[テーブル]です。そして一つ一つが[セル]と言います。
| 名前 | エヌヴュー |
| 年齢 | 3歳 |
| 住所 | 日本 |
| 職業 | デザイナー |
| 趣味 | 散歩 |
| 電話番号 | ひみつ |
▼Nvu1.0 実際に表を作る
では実際に表を作ってみましょう。
・テーブルの挿入・セル内の配置
・テーブルの配置 ・背景の挿入
・背景に画像 ・セルの間隔とは
・セルの間隔を設定
・ユーザビリティー
広告
広告 ロト6攻略法。本当に当たる驚異の攻略法が完成。
広告 うつ病に関する情報。
広告 当サイト推奨のレンタルサーバー