出版書誌データベース

本書は、初めてHTMLを使ってWebページを作成する初心者から、企業のWebページ作成を担当する中級者までを対象に、HTML5やCSS3を使ってWebページを作成する方法を紹介しています。HTML5とCSS3の特長や記述方法はもちろん、さまざまな画面サイズに応じてWebページのスタイルを設定するレスポンシブWebデザインまでわかりやすく解説しています。

ゼロからはじめて仕上げまでWebサイトの作り込みを丁寧に解説！
実践的なWebサイトを仕上げていく過程を通して、Webサイトの作成方法を段階的に習得できます。本編では商品紹介サイト、総合問題ではイベント情報サイトを実際に作成しながら学習していくので、最後までやりきると達成感を持つことができます。

設計から運用・分析までWebサイト構築フローもわかりやすく解説！
Webサイトの設計や運用、Webサイトのアクセス分析など、Webサイト構築に必要な工程を解説しています。現場のワークフローに沿ったWebサイト構築方法を理解することができます。

さまざまなデバイスに対応させる「レスポンシブWebデザイン」のテクニックも紹介！
スマートフォンやタブレットといったさまざまなデバイスに合わせて変化できるようなWebページのレイアウトが求められています。同じWebページを画面の大きさに合わせて最適な形で表示するレスポンシブWebデザインのテクニックをマスターできます。

ユーザビリティやアクセシビリティに配慮してワンランク上のWebサイトを作成！
閲覧者が使いやすいWebページと感じてもらえるためのユーザビリティ、さまざまな環境でもWebページを正しく閲覧できるようにするためのアクセシビリティに配慮したWebページを作成するための方法を紹介しています。

総合問題で力試しができる！
総合復習として総合問題7問を巻末に用意しています。自分の力になったかどうかの力試しに利用できます。

Webクリエイター能力認定試験の入門書に最適！
「Webクリエイター能力認定試験HTML5対応」の出題範囲のタグやプロパティを9割以上紹介しています。Webクリエイター資格取得のための入門書にも最適です。

本書をご利用いただく前に

第1章 HTML5の基礎知識
•STEP1 Webサイトの基礎知識
•STEP2 HTML5の概要
•STEP3 HTMLファイルを作成する
•STEP4　HTMLファイルの基本構造を記述する
•STEP5　Webページの本体を作成する

第2章　CSS3の基礎知識
•STEP1　CSS3の概要
•STEP2　HTMLファイルにCSSファイルを関連付ける
•STEP3　スタイルを設定する

第3章　Webサイトの構築
•STEP1　Webサイト構築の流れを確認する
•STEP2　Webサイト開設の準備をする
•STEP3　Webサイトを設計する
•STEP4　Webサイトの基本デザインを検討する
•STEP5　Webページを作成する
•STEP6　Webサイトを転送する
•STEP7　Webサイトを運用・更新する

第4章　トップページの作成
•STEP1　作成するWebサイトを確認する
•STEP2　作成するWebページを確認する
•STEP3　文字列のスタイルを設定する
•STEP4　画像を挿入する
•STEP5　ボックスのスタイルを設定する
•STEP6　要素の表示位置を変更する
•STEP7　リストを作成する
•STEP8　ナビゲーションメニューを作成する
•STEP9　レスポンシブWebデザインを設定する

第5章　サブページの作成
•STEP1　作成するWebページを確認する
•STEP2　背景にグラデーションを設定する
•STEP3　リストの行頭文字を画像にする
•STEP4　パンくずリストを作成する
•STEP5　レスポンシブWebデザインを設定する

第6章　リンクの設定
•STEP1　リンクの概要
•STEP2　別のWebページへのリンクを設定する
•STEP3　特定の場所へのリンクを設定する
•STEP4　リンクのスタイルを設定する

第7章　Webページの動作検証
•STEP1　動作検証する内容を確認する
•STEP2　SEO対策を実施する
•STEP3　ユーザビリティ・アクセシビリティに配慮する
•STEP4　さまざまなブラウザで表示を確認する
•STEP5　スマートフォンやタブレットでの表示を確認する
•STEP6　印刷用にカスタマイズする

第8章　表を挿入したWebページの作成
•STEP1　作成するWeb ページを確認する
•STEP2　表を挿入する
•STEP3　表のスタイルを設定する

第9章　サイドメニューのあるWebページの作成
•STEP1　作成するWebページを確認する
•STEP2　サイドメニューを作成する
•STEP3　サイドメニューを編集する
•STEP4　サイドメニューの配置を設定する
•STEP5　レスポンシブWebデザインを設定する

第10章　動画やマップを挿入したWebページの作成
•STEP1　作成するWebページを確認する
•STEP2　動画を挿入する
•STEP3　Googleマップを挿入する

第11章　フォームを利用したWebページの作成
•STEP1　作成するWeb ページを確認する
•STEP2　フォームのしくみと構成要素
•STEP3　フォームを作成する
•STEP4　フォームのスタイルを設定する
•STEP5　フォームの送受信を設定する

総合問題
解答

付録1　HTML5リファレンス
付録2　CSS3リファレンス
索引