せっかく学ぶのなら、プロ志向の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サイトを公開しよう!

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

HTML5,CSS3によるWebページ作成を,例題を通して基礎から学べる入門テキスト。Windows10対応。ステップを踏んだわかりやすい説明と、豊富な問題で構成し、Webデザインの基本を身に付けられる実習書。オールカラー。巻末付録にJavaScriptによるプログラミングの基礎も収録。

1章 Webサイト制作の基礎

　1.Webサイト制作の基礎技術

　 2.Webサイトを製作する前に

　 3.Webデザインの基礎

　 4.Webの配色

　5.Webサイトの制作手順

　6.Webサイト制作の準備

2章 HTMLの基礎

　1.HTMLの基本要素

　2.見出し・段落・強調

　 3.文字要素

　 4.リスト

　5.画像

　6.ハイパーリンク

　7.ページ構造と文書構造の設定

　 8.ページ内リンク

3章 CSSの基礎

　1.CSSの基本

　 2.文字要素のCSS

　 3.背景の指定

　4.ボックスモデル

　5.Webページのレイアウト

4章 Webサイトの制作

　1.Webサイトの企画

　 2.HTMLのマークアップ

　 3.TOPページのデザイン

　 4.問い合わせページ

　5.レスポンシブデザイン

5章 JavaScriptの使用例

付録 JavaScriptの基礎

各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。

本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて、これまでに学習してきた基礎知識を、Webデザインの現場で「使える力」にレベルアップします。

Chapter1　デザインからHTMLを作る「流れ」

Chapter2　レイアウトの大枠を組み立てる

Chapter3　メインコンテナを組み立てる

Chapter4　ヘッダーを組み立てる

Chapter5　フッターを組み立てる

Chapter6　ホームのページを組み立てる

Chapter7　カラムレイアウトとサイドバー

Chapter8　フォームが含まれるページ

★言語の基本学習からサイト作成と管理までを1冊にまとめた入門書！★

webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と、サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク、リストとナビゲーション、テーブルおよびフォームのマークアップ方法を、CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで、細かくステップ分けした各単元の内容を手を動かしながら学びます。

専門学校の教壇に立つ著者陣が実際の講義内容を体系立て、さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した、HTMLとCSSの教科書です。最新エディタ「Visual Studio Code」に対応の改訂版。

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