HTML & スタイルシート デザインブック

Webページのレイアウトに参考になります。一度作れば使いまわすのにも楽です。

Chapter1　TOP BAR STYLE　トップバーを入れたスタイル

• 基本スタイル
• バーのまわりに余白を入れないスタイル
• 上のバーにメニューを入れたスタイル

Chapter2　SIDE BAR STYLE　サイドバーを入れたスタイル

• 基本スタイル
• バーのまわりに余白を入れないスタイル
• バーの形にデザインしないスタイル

Chapter3　TOP & SIDE BAR STYLE　トップバーとサイドバーを入れたスタイル

• 基本スタイル
• バーのまわりに余白を入れないスタイル
• ヘッダーバーをコンパクトにまとめたスタイル

Chapter4　TOP BAR & THREE COLUMNS　トップページと3段組のスタイル

• 基本スタイル
• ページのまわりに余白を入れないスタイル

Chapter5　ONE BOX STYLE　ボックススタイル

• 基本スタイル
• ボックス内にヘッダーやサイドバーを入れたスタイル
• ボックスのまわりに余白を入れないスタイル
• 縦長のボックスでレイアウトするスタイル

Chapter6　POWER UP ARRANGE　パワーアップアレンジ

• 指定した大きさの別ウィンドウでページを表示する
• JavaScriptを使わないでロールオーバーボタンを作成する
• 画像を使ったロールオーバーボタンを作成する
• プルダウンメニューを作成する