1. 書籍情報

6ステップでマスターする 「最新標準」HTML+CSSデザイン

マルチデバイス対応のレスポンシブなWebサイトをステップ・バイ・ステップで作成。最新標準のHTML+CSSをマスターすることを目的とした一冊です。

6ステップでマスターする 「最新標準」HTML+CSSデザイン

2016年8月 マイナビ出版刊
B5変型 320ページ / 978-4839960223

はじめに これからのWebページ制作

Webページ制作を取り巻く環境は、ここ数年で大きく変化しています。

スマートフォンやタブレットといったモバイルデバイスからのアクセスがPCを凌駕し、それとともにWebページのデザインも1段組みをベースとしたシンプルなものが求められるようになっています。

HTML5は2014年に正式勧告がリリースされ、2年が経とうとしていますが、まもなくHTML5.1の勧告もリリースされる予定です。CSSはさまざまな機能がCSS3やCSS4の規格として採り入れられ、策定作業が進められています。

同時に、OSレベルでのサポートの打ち切りなどにより、ブラウザの世代交代も強制的に進んでおり、主要ブラウザは最新のHTML+CSSをフルにサポートした状態になっています。

こうした現状をあらためてみると、

そろそろHTML5+CSS3の真価を発揮させてもいい時期

になったのではないでしょうか。そこで、本書では古いブラウザに縛られた時代には使い切ることができなかった機能をふんだんに活用し、今どきのWebページをシンプルなステップで形にしていく方法をまとめました。

巻末にはリファレンスも用意していますので、これからWebページ制作を学びはじめる方にも、最新のHTML+CSSに興味がある方にも、これからのWebページ制作に求められるスキルやテクニックをまとめた1冊として、役立てていただければ幸いです。

本書について

本書は、マルチデバイスに対応したWebサイトをステップ・バイ・ステップで作成し、最新標準のHTML+CSSをマスターすることを目的としています。

サンプルの制作ポイント: フレキシブルボックスレイアウト / HTML5 (HTML5.1) + CSS3 / SVG / セマンティクス など

対応ブラウザ

本書のサンプルは主要ブラウザに対応しています。詳しくは著者NOTEを参照してください。

Chrome / Firefox / Edge / IE / Safari / iOS Safari / Android

制作ステップ

本書のサンプルは6ステップで制作・アレンジしていきます。

下準備

ページ作成の下準備を行います。

トップページの作成: コンテンツ編

トップページのコンテンツ部分を作成します。

トップページの作成: ナビゲーション編

トップページのヘッダーとフッターを作成します。

完成サンプル: トップページ

コンテンツページの作成

コンテンツ/アバウト/お問い合わせページを作成します。

完成サンプル: コンテンツページ / アバウトページ / お問い合わせページ

記事一覧ページの作成

記事の概要をリストアップしたページを作成します。

完成サンプル: 記事一覧ページ

デザインのアレンジ

ヘッダーのデザインやページの色などをアレンジしていきます。

アレンジサンプル

もくじ

Chapter 1
下準備
Chapter 2
トップページの作成
コンテンツ編
Chapter 3
トップページの作成
ナビゲーション編
Chapter 4
コンテンツページの作成
コンテンツ/アバウト/お問い合わせ
Chapter 5
記事一覧ページの作成
カード型/サムネイル型
Chapter 6
デザインのアレンジ