よくわかる HTML5&CSS3ウェブサイト構築の基本と実践

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

定価	2,640 円（本体 2,400 円）
型番	FPT1507
ISBNコード	978-4-86510-238-3
仕様	A4変型判 305ページ
添付	なし
発行日	2015年9月9日

ご購入

紙書籍

電子書籍

個人のお客様

Windows10用補足資料のご提供について掲載中！

ゼロからはじめて仕上げまで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　フォームの送受信を設定する