テーブルを使う
テーブルを実際使うコツとしては、デフォルト(最初の設定のまま)では使わないということ。順を追って変化を見てみましょう。
1 デフォルト
|
|
ホームページビルダーからテーブルを作ると、最初は左のようなテーブルができます(行・列数はその都度違います)。
ですが、このままでは枠が表示されていて、いかにもテーブルっぽさ全開です。サイズの指定もされていません。
(*セルをわかりやすくするため数字を入れています) |
2 テーブル(表)のサイズ指定
|
|
サイズを指定しました。幅を250ピクセル・高さを150ピクセル・罫線の幅を0ピクセル・セル内の余白を0ピクセルにしました。
サイズの指定はテーブル(表)とセルでそれぞれ行うことができます。ここではまずテーブル(表)そのものに設定しました。 |
3 セルを連結
|
|
上の行には横長(250ピクセル)の画像を入れたいので、2つのセル(1と2)を1つに連結します。 |
4 セルのサイズ指定
|
|
上のセルを幅250ピクセル・高さ60ピクセルに指定。
下のセルをそれぞれ幅125ピクセル・高さ90ピクセルに指定。 |
5 背景色の変更
6 画像を挿入
 |
| 3 |
 |
|
画像を挿入しました。 |
7 文字を挿入
 |
■メニュー
■ホームページ作成 |
 |
|
文字を挿入しました。 |
8 文字サイズを変更(スタイルシート)
 |
■メニュー
■ホームページ作成 |
 |
|
文字の位置・サイズ・色・行間・枠との間隔を変えるため、下段左のセルにスタイルシートを使用しました。 |
9 画像を位置を変える
 |
■メニュー
■ホームページ作成 |
 |
|
ロボットの入っているセルを中央そろえに変えました。 |
10 枠を消しました
 |
■メニュー
■ホームページ作成 |
 |
|
テーブルの枠を消しました。 |
|
|