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

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

Ｗｅｂサイトを分解→組み立て！本格的なＷｅｂ制作を追体験して、脱初心者を目指そう。タグやプロパティは覚えたけれど、いざコードを書こうとすると、つい手が止まってしまう…。もしあなたがこんな悩みをお持ちなら、本書はぴったりの一冊です。本書は、モックアップをもとに、サイトの構成要素をブロック単位に分解し、ひとつずつコーディングして組み立てるという本格的なＷｅｂ制作さながらのプロセスをハンズオン形式で実践学習します。

＜コンセプト＞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サイトを作りたい」「知識ゼロでも手取り足取りやさしくWebデザインを教えてほしい」「今のWebサイトは成果が上がらないので、デザインを見直したい」そんなあなたに朗報です! イラストを見るだけでサクッと学べると評判の「見るだけノート」シリーズに、待望のWebデザイン登場! これ一冊で、専門知識がなくてもラクラクWebサイトが作れます。デジタル対応必須のウィズコロナ時代の必読書。

Ｗｅｂサイトのコードが読める・分かる。書式、ＨＴＭＬタグ、ＣＳＳプロパティーすべてを網羅した定番リファレンス。