まず、コンテンツを考えます。
とりあえず、「top」「design」「about」「bbs」の四つにしましょう。

では２段目のテーブルを縦に５分割します。
４分割ではないのかと→コンテンツ増やす時大変なので余りを作っておこう、という意図があります。

幅ですが、ここでは、左から順に２６８、１０８、１０８、１０８、１０８とします。

図で書くとこうなる

余談ですが、この幅は黄金比である１：１．６１８を用いて算出したものです。

さてタグは、というと
--------------------------------------------------------------------
<div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5"><img src="ロゴの場所" width="700" height="100"></td>
</tr>
<tr>
<td width="268">　</td>
<td width="108">　</td>
<td width="108">　</td>
<td width="108">　</td>
<td width="108">　</td>
</tr>
<tr>
<td colspan="5">　</td>
</tr>
</table>
</div>
--------------------------------------------------------------------
こうなる。

次はナビゲーションバーのテーブルにはめるボタンを作りましょう。


次へ（ナビゲーションバーに使うボタンの作成）

戻る