左右ナビゲーションタイプ、フッター付きタイプの3カラムレイアウトの説明をしていきます。
HTMLファイルのサンプルはsample8.htmlを、スタイルシートはstyle8.cssを使います。 これが最終章です。頑張って下さい。

左右ナビゲーションタイプヘッダー部分と左ナビゲーション部分、コンテンツ部分、右ナビゲーション部分及びフッター部分から構成されます。ここではメニューは右ナビゲーションとフッター部分に設置してみました。


このページの特徴は次の通りです。
1.グリーンを基調とし、バナーとフッター部分はgifとなっています。
2.左ナビゲーションには角丸のgifを配置し文字を乗せてみました。
3.右ナビゲーションにはボタン調のリンクを設置しました。
4.フッターにも小型のボタン調のリンクを設置しました。

このようなホームページデザインとなります。

ホームページのレイアウト

画像の編集にお進み下さい。メニューは上部にあります。


Copyright ©2007-2008 HTMLCSS.biz-ホームページ制作講座 All Rights Reserved.
運営者:SEOホームページ制作-SIS