実習で身につく！新しいＷｅｂデザインの教科書　基礎から学べるＨＴＭＬ＆ＣＳＳデザイン

Ｗｅｂデザインを基礎から習得、コスパ最強の１冊！

Ｗｅｂデザイン、ＨＴＭＬ、ＣＳＳの基礎、Ｗｅｂレイアウトの基礎と応用などを、図と写真を用いて基礎から詳しく説明しています。
数多くの実習課題を掲載しましたので、ウェブサイトを実際に作成しながら学習できます。

また、最近ではパソコン、スマートフォン、タブレットなど、ウェブサイトを閲覧するアイテムが多様化しています。
異なる画面サイズでもレイアウトやデザインを見やすく調整する「レスポンシブウェブデザイン」についても１００ページにわたり、随所で解説しています。

もちろんソーシャルメディアとの連携方法も解説！

自作のウェブサイトを客観的に評価する方法とチェックシートも掲載しましたので、よりわかりやすく見やすいウェブサイト作成にお役立てください。

目次

はじめに

本書の使い方

第１章　Ｗｅｂデザインの基礎知識
０１　インターネットとＷｅｂの歴史
０２　Ｗｅｂサイトの種類
０３　Ｗｅｂブラウザーの使い方

第２章　ＨＴＭＬの基礎
０１　ＨＴＭＬの基本文法
０２　見出しと段落を指定
０３　画像の種類と特性について
０４　画像を配置する指定
０５　他のページにリンクする指定
０６　同じページ内のリンクを指定
０７　表の構造と指定方法
０８　フォームの種類と指定方法

第３章　ＣＳＳの基礎
０１　ＣＳＳの基本文法
０２　ＣＳＳを記述する場所とＣＳＳの検証について
０３　ＣＳＳの「継承」と「ボックスモデル」の考え方
０４　ブラウザーのデフォルトＣＳＳ
０５　テキストとフォントの指定
０６　行と行の間隔を指定
０７　文字色と背景色の指定
０８　背景画像の指定

第４章　Ｗｅｂレイアウトの基礎
０１　文書をＨＴＭＬで構造化する
０２　ＨＴＭＬのアウトライン（階層構造）を確認する
０３　セマンティックコーディングしていこう
０４　ページ全体のレイアウトとナビゲーションを配置する
０５　Ｗｅｂレイアウトの基本「フロート処理」
０６　ページのマージンとパディングを調整する

第５章　Ｗｅｂレイアウトの応用
０１　レスポンシブＷｅｂデザインの仕組みを理解する
０２　ＣＳＳフレームワークについて理解する
０３　ワイヤーフレームを描く
０４　プロトタイプの作成（１）〜ページの構造化
０５　プロトタイプの作成（２）〜ページの視覚表現「固定幅レイアウト」
０６　プロトタイプの作成（３）〜コンテンツの「幅」の調整
０７　プロトタイプの作成（４）〜ブレークポイントの設定
０８　レスポンシブＷｅｂデザインの応用と検証

第６章　拡張技術の活用
０１　ＨＴＭＬ５の周辺技術と活用方法
０２　Ｗｅｂページに動画を配置する
０３　ＷｅｂページにＧｏｏｇｌｅマップを配置する
０４　ＪａｖａＳｃｒｉｐｔについて理解する
０５　ライブラリの基礎知識と活用方法
０６　スライドショーを組み込む
０７　ソーシャルメディアと連携する方法

第７章　Ｗｅｂサイトの検証と公開
０１　ＦＴＰについて理解する
０２　作成したＷｅｂページを「公開」する
０３　Ｗｅｂサイトの評価・検証とは？
０４　Ｗｅｂユーザビリティとアクセシビリティ
０５　Ｗｅｂサイトを総合評価する方法

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。