1. トップ > 
  2. 書籍一覧 > 
  3. インターネット/ホームページ/SNS > 
  4. ホームページ作成 > 
  5. よくわかる HTML5&CSS3ウェブサイト構築の基本と実践

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

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

表紙fpt1507
定価 2,640 円 (本体 2,400 円)
型番 FPT1507
ISBNコード 978-4-86510-238-3
仕様 A4変型判 305ページ
添付 なし
発行日 2015年9月9日
  • おすすめPDF1
  • おすすめPDF2

ご購入

紙書籍

  • amazon
  • 楽天ブックス
  • ヨドバシカメラ
  • FOMダイレクト

電子書籍

個人のお客様

  • Kindle

法人のお客様

  • FOM eBooks

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 フォームの送受信を設定する

総合問題

解答

付録1 HTML5リファレンス

付録2 CSS3リファレンス

索引

書籍学習用データ

Windows 10用補足資料

正誤表

▲ ページの先頭へ