右ナビゲーションタイプの2カラムレイアウト(フッター有り)の説明をしていきます。文章は左側から読みますので、コンテンツをはっきりと見せる事が出来ます。
HTMLファイルのサンプルはsample6.htmlを、スタイルシートはstyle6.cssを使います。これもまた個性的でユニークなページにすることが出来ます。

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


このページの特徴は次の通りです。
1.ヘッダーとフッターを角丸にした。
2.コンテンツの中程より角丸のボックスを配置しました。
3.右ナビゲーションのメニューをスタイルシートでボタン状にしました。
4.フッターにも横並びのメニューを配置しました。

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

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

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


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