Follow #ソシム販売部Twitterアイコン

 

HTML5&CSS3デザインブック

エビスコム

「レスポンシブWebデザイン」で、レイアウトを自在に操るための最新技法を身につける!

定価
2,860円(本体価格 2,600円)
  • 発売日
    2014年10月28日
  • 判型/ページ数
    B5変形/320ページ(オール4C)
  • ISBN
    978-4-88337-964-4

この書籍を問い合わせる

キーワード:
/ / / / / / /

PCだけでなくスマートフォンやタブレットなど多様なデバイスに対応することが、Webデザイン、Web制作の標準になりつつあります。そのためには、PCサイトを作ってから、スマートフォンなどに対応するのではなく、最初からどのデバイスにも対応できるデザインやレイアウトを考えることが重要です。

本書ではそういったスキルがレッスン形式のステップバイステップで身につくように構成しました。

●基礎
レイアウトの根本となるボックスの並べ方をマスターし、Webページにおける段組みを自在にコントロールする手法を身につけます。
●実践
「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成していきます。
●応用
マルチデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニックや実践で役立つTIPSを学びます。

Chapter 1 Webページにおける段組み

1-1 Webページにおける段組み
1-2 ボックスを横に並べる
1-3 ボックスを分割する
1-4 ボックスの横幅を指定する
1-5 ボックスの並び順を指定する
1-6 レスポンシブWebデザインを設定する

Chapter 2 Webページを作成する準備

2-1 パーツの準備
2-2 Webページの準備

Chapter 3 ブログ・ニュース系サイトのコンテンツページ

3-1 レイアウトの基本構造を作る
3-2 ボックスの中にコンテンツを入れる
3-3 レイアウトの調整を行う
3-4 レスポンシブWebデザインの調整を行う
3-5 パーツの追加と修正
3-6 ナビゲーションバーとフッターを横幅いっぱいに表示する

Chapter 4 ブログ・ニュース系サイトのトップページ

4-1 トップページの作成
4-2 パーツの追加と修正

Chapter 5 ビジネスサイト風のトップページ

5-1 レイアウトの基本構造を作る
5-2 ボックスの中にコンテンツを入れる
5-3 レイアウトの調整を行う
5-4 レスポンシブWebデザインの調整を行う
5-5 パーツの追加と修正
5-6 ナビゲーションメニューをトグル型にする

Chapter 6 ビジネスサイト風のコンテンツページ

6-1 コンテンツページの作成
6-2 パーツの追加と修正

APPENDIX Internet Explorer 8に対応する

段組み&パーツ索引
キーワード索引

ダウンロードデータ

本書で解説したサンプルデータをダウンロードできます。
なお、使用方法などに関しては、必ず書籍の該当箇所をご確認の上、ご利用ください。
ダウンロード後、解凍したファイル内に「readme.txt」ファイルなどが含まれる場合は、使用前にこちらもご確認ください。

(約13.1MB。zip形式で圧縮してありますので、ダウンロード後解凍してください)

正誤情報

お問い合わせ

本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。

この書籍を問い合わせる

[ この書籍をシェアする ]

関連する書籍

カテゴリから本を探す

シリーズから本を探す

本を探す