【4年連続、売上第1位！】

【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】

ずっと、一番売れているHTML本!

大反響! 32刷突破！

読者の圧倒的な支持！シリーズ35万部突破の大ヒット!

全国の書店員がオススメする本(CPU大賞)第1位!

2019-2022年、年間売上 第1位!※

Web制作に必要な知識がすべて身につく!

※日販売上げランキング: HTML関連書籍

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

Web界隈やデザイナーに大人気！

Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、

Manaによる渾身のHTML & CSSとWebデザインが学べる本

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

今のWebサイトの作り方が一気に学べる！

・知識ゼロから体系的に学べる！HTMLとCSSの基本

・最新の技術に対応！レスポンシブ、Flexbox、CSSグリッド

・手を動かしながら学べる！プロの現場で役立つテクニック

・コードの知識からデザインのことまで1冊ですべて学べる！

WebクリエイターボックスのManaが教える

Webサイト制作の定番＆旬のスキル。

この1冊で必要なことがすべて学べる！

コードもデザインも全部学べる！

●本書の対象読者

・これからWebサイトを作り始める初心者

・HTMLとCSSを基本から学びたい人

・美しいデザインのWebサイトを作りたい人

・Webの最新技術を学びたい人

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

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

モバイルファースト＆レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする！

本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。

サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。

章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。

HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。

「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。

サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』（著者「はじめに」より）

演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。

【特典付き】

・特典PDF『HTML&CSS　簡易リファレンス』

本書のサポートサイトから入手してください。

Introduction　イントロダクション

Setup　下準備

Chpater1　ヘッダー

Chpater2　ヒーロー

Chapter3　画像とテキスト

Chpater4　記事一覧

Chapter5　フッター

Chapter6　記事

Chapter7　プラン＆フッター

Chapter8　ナビゲーション

腕前、グングンＵＰ！１５２通りのサンプルをひたすらコーディング練習！

フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。

HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。

本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。

「フロントエンド技術は移り変わりが激しい」と言われてきました。

しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。

また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。

ＨＴＭＬ＆ＣＳＳの使い方が全部わかる。プロを目指すなら、最初に選ぶ本！