Microsoft Office FrontPage 2003 では、レイアウト テーブルとレイアウト セルを使用して本格的な Web ページ レイアウトを作成することができます。レイアウト テーブルはページ レイアウト用に作成する枠組みです。レイアウト セルはその枠組みに含まれる領域で、ページのコンテンツ (テキスト、画像、Web パーツ、その他の要素など) が入ります。レイアウト テーブルとレイアウト セルはユーザーが Web ページに追加できる水平方向と垂直方向の領域を表し、それでコンテンツの複雑な配置を可能にしています。

次の例は初期段階のレイアウト テーブルとレイアウト セルで、レイアウト テーブルは薄い背景色で表示されており、その内部にレイアウト セルが濃色の四角形で表示されています。

次の例は、同じレイアウト テーブルとレイアウト セルにコンテンツが含まれている状態を示しています。

[レイアウト テーブルとセル] 作業ウィンドウ内の定義済みのレイアウト テーブルを使うと、Web ページの作成が手軽に行えます。テーブルとセルを描くことで独自のレイアウト テーブルを作成することもできます。また、レイアウト テーブルとレイアウト セルを追加したWeb ページを FrontPage 2003 やその他の Web ページ作成ツール (Macromedia Dreamweaverなど) で編集することもできます。

レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができます。

[レイアウト テーブルとセル] 作業ウィンドウのツールを使用し、最初に Web ページにレイアウト テーブルを描き、そこにセルを追加します。定義済みのレイアウト テーブル テンプレートを選択してもかまいませんが、独自のレイアウト テーブルを作成して、高さと幅を調整し、配置を決め、ページの余白を設定し、配色と特別な枠線を適用することもできます。

レイアウト テーブルまたはレイアウト セルの枠線をクリックしてアクティブにすると、列の幅と行の高さを示すラベルが各辺に表示されます。各ラベルのドロップダウン矢印をクリックすると、列または行のサイズを変更するオプションの一覧が表示されます。

次の例は、FrontPage 2003 内でレイアウト テーブルまたはレイアウト セルの枠線をクリックしてアクティブにしたときの状態を示しています。

テーブル内の特定の列または行を選択し、それがブラウザのウィンドウに応じて自動的に拡大されるようにすることができます。このセル拡大機能は幅または高さの自動調整と呼ばれます。列の幅または行の高さを変更するラベルの矢印をクリックし、[列の幅の自動調整] または [行の高さの自動調整] をクリックすると、そのセルは自動調整セルとなり、サイトの利用者のブラウザのウィンドウの大きさに応じて自動的にサイズが変更されます。

• レイアウト テーブルを描く。
• レイアウト セルを挿入する。
• テーブルまたはセルの幅と高さを設定する。
• ページの余白を調整する。
• レイアウト テーブルまたはセルの配置を設定する。
• レイアウト ツールを有効または無効にする。
• 定義済みのレイアウト テーブルを選択する。