せっかく学ぶのなら、プロ志向のHTMLを！

ウェブデザイン制作の現場で役立つHTMLを奥深くまで徹底解説。ウェブサイトの基本的なしくみから、要素を使いこなすための知識まで、じっくりと学習することができます。ただHTMLを書くだけではなく、アクセシビリティやユーザビリティの視点を知ることで、よりよいコーディングに自らたどりつけるようになります。現役講師による会話形式のやさしい解説つきで、はじめてHTMLを学ぶ方でも挫折しません。また、HTMLを学んだことはあるけれど、ゼロから書きはじめる自信がない方、次の1冊で確実なコーディング力をつけたいと望む方にも、おすすめです。これ1冊で、ウェブページの先頭から末尾まで、HTMLを自力で書けるようになります！

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Web制作の初心者に向けた「HTML5+CSS3でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、2冊目となるような、より深く「HTML」を学習できる書籍はあまりありません。

本書は、最低限のHTMLに関する知識やスキルを持ち、簡単なHTMLファイルを作成できることを前提に、HTMLを再入門、あるいはHTMLの初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス（構文）とセマンティックス（意味論）を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。

また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。

また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。

1章　HTMLの基本概念

　1-1 HTMLとは

　1-2 HTMLの仕様

　1-3 HTML標準化の歴史

　1-4 ウェブアクセシビリティの基礎

　1-5 URLの概要

　1-6 HTTP

　1-7 技術情報との関わり方

2章　HTMLマークアップのルール

　2-1 HTMLの要素とタグの基本

　2-2 属性

　2-3 URLの応用

　2-4 要素の入れ子と内容モデル

　2-5 HTMLで扱える文字

　2-6 文字参照

　2-7 コメント

　2-8 HTMLの細かい構文ルール

3章　HTMLの主要な要素

　3-1 「HTMLの主要な要素」の読み方

　3-2 ルート要素と文書のメタデータ

　3-3 セクション

　3-4 グルーピングコンテンツ

　3-5 テキストレベルセマンティックス

　3-6 リンク関連要素

　3-7 編集

　3-8 エンベティッドコンテンツ

　3-9 テーブル

　3-10 フォーム1

　3-11 フォーム2

　3-12 インタラクティブ要素

　3-13 スクリプティング

4章　主要な属性とWAI-ARIA

　4-1 グローバル属性

　4-2 WAI-ARIA

　4-3 ARIA利用時の注意点

　4-4 WAI-ARIAの実践

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！

ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素／CSSの基本構造（セレクタ、プロパティ、値）を学ぶことができ、レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。

＜本書のポイント＞

・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます

・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します

・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます

・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます

・「動画コンテンツページ」「ネットショップページ」も制作します

＜綴じ込み特典つき＞

付録1デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」

付録2インターン、就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

Chapter01 【基礎】Webサイトの仕組みを学ぼう!

Chapter02 【基礎】Webページの構造を決めるHTMLの基礎

Chapter03 【基礎】WebページをデザインするCSSLの基礎

Chapter04 【応用】表現の幅が広がるCSSの応用テクニック

Chapter05 【応用】CSSでWebページをレスポンシブにしよう!

Chapter06 【実践】Webサイトの共通部分を作成しよう!

Chapter07 【実践】トップページを作成しよう!

Chapter08 【実践】下層ページを作成しよう!

Chapter09 【応用】動画を挿入しよう!

Chapter10 【実践】Webサイトを公開しよう!

知識ゼロからＷｅｂサイト制作を学ぶなら、この１冊ではじめよう。ＨＴＭＬ／ＣＳＳの基本をやさしく解説。４つのサイトをつくりながら楽しく学べる。重要パートは動画による解説つき。

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。

破綻しないCSSを組むには、どのように考えて設計すればよいか？　デザイナーや他の開発者と連携する場合のルール作りは？　ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう？　Sassなどを使ってビルドする場合は？　……などなど。

本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。

BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。

Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

Ｗｅｂ開発の現場で活かせる基礎スキルが身につく！ＷｅｂブラウザとＷｅｂサーバーを通じてＨＴＭＬ／ＣＳＳが動作する仕組みを押さえよう！