MdNCORPORATION

スタイルシート&Web制作 知識とルール総まとめ

スタイルシート&Web制作 知識とルール総まとめ

本体 1800円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2006-11-29
仕様 A4変形判/144P
ISBN 978-4-8443-5894-7
「CSSでカッコいいデザインに仕上げたい!」、「Web制作を体系的に学びたい!」など、スタイルシートやWeb制作に関する希望や悩みをおもちの方は多いでしょう。そんなあなたには、この本がきっと役立つはず。スタイルシートとWeb制作に関する基本・応用が、この1冊に詰まっています。Web業界の第一線で活躍するWebクリエイターも活用している数々のテクニックを、余すところなくご紹介!本書の中で使用しているサンプルデータは本書特設Webサイトからダウンロードできます。

→ダウンロードはこちら



目次

スタイルシート&Web制作 知識とルール総まとめ


序章 Webデザインのルール


第1章 スタイルシートデザインとレイアウト

スタイルシートデザイン
Webレイアウトデザイン


第2章 スタイルシートレイアウトのネタ帳

テーブルをCSSでレイアウトした開発や更新がしやすい情報サイト
ストロークの長さから考える読みやすいコラムページのデザイン
CSSを使ったリキッドデザインでBlogをデザインする
回りこみを使って、写真の位置に変化を持たせたデザイン
回りこみ処理で、自由な文字組みを実現したコラムページ


第3章 WEBサイトを彩る配色と構造・仕掛け

Webデザインの配色
Webサイト構造とナビゲーション
Webデザインの動きと仕掛けの最新事情


第4章 すぐに使えるCSSデザインテクニック

positionを使いこなしたレイアウト
アクセシブルなフォームデザイン
DOMでスタイルを切り替える
横並びのナビゲーションメニュー
データテーブルのデザイン


第5章 CSSを使ったデザインパーツのアイデア

01 構造が複雑なサイトで役立つナビゲーション
02 ピントがずれたような効果の背景
03 スペースが限られるときに使えるタブ形式の囲み
04 スマートで操作性の高い入力フォーム
05 CSSの枠線を生かしたデザイン性の高い見出し
06 CSSで表現するスタイリッシュな表組み
07 CSSでページごとに異なる画像・色を指定した背景
08 インスタント写真風の囲み
09 訪問済みリンク画像に変化をつけたメニュー
10 カーソルのあるエリアにスポットを当てた背景
11 もっとも使い勝手の良いタブメニュー
12 クリックすると内容を表示するツリーメニュー
13 CSSだけで実現するロールオーバーのボタン
14 ドロップキャップを利用した本文
15 ライトアップとグレーアウトを使ったメニュー
16 クリックするとサブメニューが表示されるメニュー
17 ドラッグ&クリックで前面にくる囲み
18 スクロールに追従して表示されるメニュー
19 tableタグを使わずにつくる角丸背景
20 文字がスライドして変わるメニュー
21 簡単に実現するドロップシャドウの見出し
22 グラデーションを使用した背景
23 字間、行間調整を最適化した本文
24 スタイルシートでデザインした見出し
25 レイヤーとJavaScriptを使用した動きのあるメニュー
26 カーソルを合わせると反応する、付せん紙風メニュー
27 ボタンで選択可能な背景画像
28 リストマーカーに画像を使ったメニュー
29 BOXを利用してつくるひと手間かけた囲み
30 ボタンを押したような動きのリンクテキスト
31 IEとGecko系ブラウザの双方で表示する半透明の背景
32 テキストを背景を組合わせたグラフィカルな見出し
33 CSSを使って表現する、縦書きの見出し・テキスト
34 サムネール画像を使ったギャラリー的なメニュー

家での時間を有意義に過ごそう♪見て楽しい・つくって楽しい、とっておきセレクション

Web業界で働く人に読んでほしい!マーケティングの基本を学ぶオススメ8選