SBクリエイティブ

Web Designer’s Handbook

石井 歩:著者

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

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







【目 次】





















































































































































































SECTION1:TEXT
1-1 環境に依存しない文字サイズ指定
1-2 環境に依存しない行間設定
1-3 段組を作る
1-4 テキストのインデント
1-5 順番が重要なリストにしたい
1-6 リストマークに画像を使う
1-7 書体を効果的に使う
1-8 文字化けを防ぐ
1-9 テキストコラムを角丸にする
1-10 テキスト画像を作成する
1-11 テキストと画像のベースラインを変更したい
1-12 リンクテキストをオンマウスで反転させる

SECTION2:TABLE
2-1 テーブル罫線の立体をやめる
2-2 テーブルを利用したフォームのレイアウト
2-3 テーブルを入れ子にする
2-4 テーブルの完全指定法
2-5 オンマウス時にセルの背景色を変える

SECTION3:FORM
3-1 フォームパーツに色をつける
3-2 テキストフォームの背景に画像を貼る
3-3 フォームボタンに画像を貼る
3-4 画像を送信ボタンにする
3-5 プルダウンジャンプ

SECTION4:FRAME
4-1 メニューを別フレームにする
4-2 タイトルとメニューを別フレームにする
4-3 四方をフレームに囲まれたページ
4-4 メニューフレームを画面右に配置する
4-5 リンクの表示先を選ぶ
4-6 フレーム構造を破壊する
4-7 複数のフレームを同時に入れ替える
4-8 別ウインドウの特定フレームにリンク先を表示する

SECTION5:WINDOW
5-1 ウインドウに余白を取らない
5-2 別ウインドウでリンク先を表示する
5-3 サイズ指定で別ウインドウを開く
5-4 自動的にウインドウを開く
5-5 位置を指定して別ウインドウを開く
5-6 リモコンのようにメニューを別ウインドウにする
5-7 ウインドウを閉じるボタン
5-8 別ウインドウを閉じる
































































































































































































SECTION6:LAYOUT
6-1 ウインドウ上部にだけ背景画像を配置
6-2 ウインドウ幅に追従する背景画像
6-3 ウインドウの高さに追従する背景画像
6-4 オビの中にリンクを並べる
6-5 タイトルとメニューが繋がっているデザイン
6-6 フレームからはみ出たようなメニュー
6-7 フォルダタブのようなメニュー
6-8 円に沿って配置されたメニュー
6-9 常に中心
6-10 水平線に凝ってみる
6-11 半円に沿って配置されたメニュー
6-12 分割したイメージを配置する
6-13 無駄のない画像配置

SECTION7:TRICK
7-1 お気に入りに登録させるリンク
7-2 ステータスバーに表示されるテキスト
7-3 ブラウザによってリンク先を変更
7-4 ページのフッタを一括管理する
7-5 アクセスするたびに違う画像を表示したい
7-6 一定時間でページジャンプ・更新
7-7 画像が入れ替わるスライドショー
7-8 毎月画像を自動で差し替える
7-9 履歴でページを戻る

SECTION8:IMAGE
8-1 アニメーションGIFを作る
8-2 オンマウスで別画像も差し替える
8-3
8-4 ボケ足画像をきれいに作る
8-5 ぼやっと点滅する文字
8-6 一枚の画像から複数箇所へリンクさせる
8-7 へこんだボタンイメージ
8-8 画像に枠線をつける
8-9 効率的な背景画像用グラデーション作成
8-10 走査線が入っているようなイメージ
8-11 大きな画像の一部がオンマウスで変化
8-12 適切な背景画像を使用する
8-13 背景が透けるイメージ
8-14 背景画像の固定

SECTION9:APPENDIX
A-1 CSSについて
A-2 JavaScriptについて
A-3 Webページでの色指定について
A-4 Webサイトの配色計画
A-5 フリーフォント
A-6 付録CD-ROMの使い方






■本書は学校、企業向けのテキスト教材として最適です。

  一括購入のご相談は下記メールアドレスに御問い合わせください。

  E-mail:ordersbp@softbank.co.jp

定価:2,420円(本体2,200円+10%税)

書籍情報

  • 発売日:2001年5月25日(金)
  • ISBN:4-7973-1574-1
  • サイズ:A5判
  • ページ数:336
  • 付録:CD-ROM(1)

サポート情報はありません。ご不明な点がございましたら、こちらからお問い合わせください。

著者紹介

関連商品のご案内

もっと見る

試し読み新着お届け

もっと見る