ＷｅｂＤｅｓｉｇｎｅｒ’ｓＨａｎｄｂｏｏｋ

ＷｅｂＤｅｓｉｇｎｅｒ’ｓＨａｎｄｂｏｏｋ

石井歩：著者

◆ヒントはここにある。◆

ホームページは作ったけれど、なんかイマイチしっくりこない。そんなあなたのためにＷｅｂデザインのコツを網羅。Ｗｅｂをもっと美しく、もっと機能的にするためのＴＩＰＳ集。

【目　次】

SECTION１：TEXT
１－１	環境に依存しない文字サイズ指定
１－２	環境に依存しない行間設定
１－３	段組を作る
１－４	テキストのインデント
１－５	順番が重要なリストにしたい
１－６	リストマークに画像を使う
１－７	書体を効果的に使う
１－８	文字化けを防ぐ
１－９	テキストコラムを角丸にする
１－１０	テキスト画像を作成する
１－１１	テキストと画像のベースラインを変更したい
１－１２	リンクテキストをオンマウスで反転させる

SECTION２：TABLE
２－１	テーブル罫線の立体をやめる
２－２	テーブルを利用したフォームのレイアウト
２－３	テーブルを入れ子にする
２－４	テーブルの完全指定法
２－５	オンマウス時にセルの背景色を変える

SECTION３：FORM
３－１	フォームパーツに色をつける
３－２	テキストフォームの背景に画像を貼る
３－３	フォームボタンに画像を貼る
３－４	画像を送信ボタンにする
３－５	プルダウンジャンプ

SECTION４：FRAME
４－１	メニューを別フレームにする
４－２	タイトルとメニューを別フレームにする
４－３	四方をフレームに囲まれたページ
４－４	メニューフレームを画面右に配置する
４－５	リンクの表示先を選ぶ
４－６	フレーム構造を破壊する
４－７	複数のフレームを同時に入れ替える
４－８	別ウインドウの特定フレームにリンク先を表示する

SECTION５：WINDOW
５－１	ウインドウに余白を取らない
５－２	別ウインドウでリンク先を表示する
５－３	サイズ指定で別ウインドウを開く
５－４	自動的にウインドウを開く
５－５	位置を指定して別ウインドウを開く
５－６	リモコンのようにメニューを別ウインドウにする
５－７	ウインドウを閉じるボタン
５－８	別ウインドウを閉じる

SECTION６：LAYOUT
６－１	ウインドウ上部にだけ背景画像を配置
６－２	ウインドウ幅に追従する背景画像
６－３	ウインドウの高さに追従する背景画像
６－４	オビの中にリンクを並べる
６－５	タイトルとメニューが繋がっているデザイン
６－６	フレームからはみ出たようなメニュー
６－７	フォルダタブのようなメニュー
６－８	円に沿って配置されたメニュー
６－９	常に中心
６－１０	水平線に凝ってみる
６－１１	半円に沿って配置されたメニュー
６－１２	分割したイメージを配置する
６－１３	無駄のない画像配置

SECTION７：TRICK
７－１	お気に入りに登録させるリンク
７－２	ステータスバーに表示されるテキスト
７－３	ブラウザによってリンク先を変更
７－４	ページのフッタを一括管理する
７－５	アクセスするたびに違う画像を表示したい
７－６	一定時間でページジャンプ・更新
７－７	画像が入れ替わるスライドショー
７－８	毎月画像を自動で差し替える
７－９	履歴でページを戻る

SECTION８：IMAGE
８－１	アニメーションGIFを作る
８－２	オンマウスで別画像も差し替える
８－３
８－４	ボケ足画像をきれいに作る
８－５	ぼやっと点滅する文字
８－６	一枚の画像から複数箇所へリンクさせる
８－７	へこんだボタンイメージ
８－８	画像に枠線をつける
８－９	効率的な背景画像用グラデーション作成
８－１０	走査線が入っているようなイメージ
８－１１	大きな画像の一部がオンマウスで変化
８－１２	適切な背景画像を使用する
８－１３	背景が透けるイメージ
８－１４	背景画像の固定

SECTION９：APPENDIX
A－１	CSSについて
A－２	JavaScriptについて
A－３	Webページでの色指定について
A－４	Webサイトの配色計画
A－５	フリーフォント
A－６	付録CD-ROMの使い方