ホームページビルダー小技編
ホームページビルダー作成報告 > 小技編トップ > テーブルを使ってレイアウト
ページ、レイアウト関連
本文挿入スペース(青色ゾーン) 
- 先ほどの表(ピンク色ゾーン)の下に新しく表を挿入する。
- 行１×列１ の表を作成し、表の属性で準備を整える。(基本となる表の属性画面)
- 上の図を参考に、左端セルに 「01c.gif」 真ん中セルに「d.gif」 を挿入
- ダウンロードしたサンプル素材の中にある、「space.gif」を右端に挿入
ここで計算します。
- このテーブルの全体の幅は６３０ピクセルです。既に配置済みの画像の横幅分を引いたピクセル数をspeace.gifの横幅に設定します。
６３０(全体の横幅)−４０(<01c.gif>の横幅)−６５(<d.gif>の横幅)＝５２５(speace.gifの横幅) - 計算で残りは５２５ピクセルとなりました。speace.gifの横幅を属性の変更を利用して５２５ピクセルに変更します。
高さは特に変更しなくても構いません。
※スペース画像を配置するために最初に表を作成する時点で、行２×列３にし、左側のセルを結合して利用してもいいかと思います。
※スペース画像を利用しないときは、左端セルのサイズを５２５ピクセルに設定します。
- 試しに本文を入力するスペースに改行を入れてみました。。左側がヘンです。
- セルの属性で、真ん中セルの垂直位置を「上揃え」、左端セルの垂直位置を「下揃え」に設定。
- 真ん中セルは良さそうですが、左端のセルがもう一歩です。
- 左端セルには本文の縦の長さに影響されないよう、背景画像を設定。
- 左端のセルの設定で、背景画像を「01b.gif」に設定。
- 本文入力スペースに改行を入力してみて、キレイに表示されるかプレビューで確認する。
キチンと表示されるのが確認できたら、作成したページをベースにして他のページを作成していきます。
出来上がったページは、base.htm と 01.htm の２つの名前で保存します。