ホームページビルダー作成報告/小技編/テーブルを使ってレイアウト-1

ホームページビルダー小技編

ページ、レイアウト関連

テーブルを使ってレイアウト(フレームを使っているようで使っていないページ)

どんなページかというと。。当サイトやまたはこんな感じのページです。
サンプルページ

サンプルページはフレームを利用せず、テーブルに画像を配置して作成しています。
「角の丸い表の作成」の応用です。

※　本来、テーブルはレイアウトするためのモノではありません。ページをデザインするための技術としてはスタイルシート(CSS)があります。ページ内容はHTMLで、デザインはCSSを利用することが推奨されています。しかし、以前はブラウザによって表現方法が違った為、多くのサイトがレイアウトのためにテーブルを利用していました。(ビルダーの標準モードで作成するテンプレートもテーブルを使ってレイアウトしているモノもあります。)(このページは作成2005年以前に作成しました)

2007年現在、ページレイアウトはスタイルシート(CSS)で行うことが主流となっています。

テーブルを使ってレイアウト作成の順序

お絵かきソフトを利用し、実寸サイズでレイアウトを描いてみる。
レイアウトが完了したら、テーブルに配置用に切り抜き、画像を保存する。
(ソフトによってはスライス機能のあるものもありますが、ビルダー付属のウェブアートデザイナーにはスライス機能はありません。)
ビルダーでテーブルに配置していく。

用意すると便利なもの

紙と鉛筆: たくさんの画像をテーブルに配置する場合、複雑になり把握しにくくなるので簡単に設計図のようなモノを書いておくと便利です。
電卓: 画像を配置する際には、1ピクセルでも違ってしまうと隙間が出来てしまいます。
計算されたテーブルを作成するため、また、テーブル配置を考えた切抜きをするため、私は電卓を使っています。