Nvu1.0でホームページを作成しよう : その他、テーブルの設定

top || Nvu1.0でホームページを作成しよう || テーブルでレイアウト || その他、テーブルの設定

▼Nvu1.0 その他、テーブルの設定

 

テーブルには色々な使い方があります。

セルの間隔を増やすことにより文字を見やすくしたり、間隔を無くすことにより、画像の多彩な可能性が引き出されます。

例:文章

セル内の「余白」を0ピクセルにした場合

あああああ あああああ

セル内の「余白」を5ピクセルにした場合

あああああ あああああ

 


例:画像

セル内の「余白」を0ピクセルにした場合

ここに何でも
入力できる
ここにも何でも入力出来る。
画像じゃないんです。

セル内の「余白」を1ピクセル、枠を1ピクセルにした場合

ここに何でも
入力できる
あとは簡単に
カスタマイズ可能!

どうですか?このようにして色々試してみて下さい。

 

▼Nvu1.0 セルの間隔を設定

 

テーブルのプロパティーを表示させる。

[枠線・間隔・余白]の項目で[枠線][セル間隔][余白]をそれぞれ変更し[OK]を押す。

#

#

色々設定を変更してみてご自分の好みにしてください。

 

▼Nvu1.0 ユーザビリティ

 

ブラウザの大きさに合わせてテーブルの大きさを考えてみます。

ブラウザを画面最大で見る方もいれば小さいウィンドーで見る方もいます。また、B5ノートパソコン(モバイルパソコン)では10〜12インチ画面での表示となります。

すると、画面を横にスクロールしなければならない場合が発生します。
上下のスクロールは皆さん慣れていますし、最近ではマウスにスクロールホイールが付いて簡単にスクロールできるようになっているので問題ないのですが、 横スクロールは面倒くさいです。

という事で結論は・・・

ページ全体をレイアウトするテーブルでは

  1. 幅を600ピクセル、最大でも760ピクセルに抑える!
  2. なるべくテーブルはパーセントで指定する。(レイアウトを崩さないようにするのは至難の業となりますが)
  3. テーブルはセルをシンプルに!
    テーブルの中に更にテーブルを挿入など極力しないように

 

戻る||表でレイアウト


広告

広告 ロト6攻略法。本当に当たる驚異の攻略法が完成。
広告 うつ病に関する情報。
広告 当サイト推奨のレンタルサーバー