内容紹介

（概要）

※この商品は固定レイアウトで作成されており，タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また，文字列のハイライトや検索，辞書の参照，引用などの機能が使用できません。※PDF版をご希望の方は Gihyo Digital Publishing ( https://gihyo.jp/mk/dp/ebook/2022/978-4-297-12548-6 )も合わせてご覧ください。

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

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

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

（こんな方におすすめ）

・Webサイト制作の初学者、Webデザイナー志望者、学生、Webデザインやサイト制作について勉強したい人

・各種学校の教師、講師、受講者／セミナーを主催する中堅のWeb制作会社

（目次）

Lesson 01 wwwやwebサイト制作の基本を理解しよう

　　1-1 webサイトが表示される仕組み

　　1-2 webサイト制作のキーワード

　　1-3 webサイトに使用される言語

　　1-4 コーディングに必要なアプリケーション

　　1-5 webサイトに使用される画像

　　1-6 エディタの使い方を学ぶ

Lesson 02 HTMLコーディングの基本を学ぼう

　　2-1 HTMLとは

　　2-2 マークアップとは

　　2-3 タグと要素と属性

　　2-4 head要素とbody要素

　　2-5 head要素の中に入る要素

　　2-6 webサイトを構成するファイルの管理

　　2-7 HTMLファイルを作成して保存する

　　2-8 webサイトの全体像を見てみる

Lesson 03 画像表示とリンクをマークアップしよう

　　3-1 画像を表示する

　　3-2 リンクを設定する

　　3-3 パスを指定する

Lesson 04 リストとナビゲーションをマークアップしよう

　　4-1 順不同リストを作る

　　4-2 順序付きリストを作る

　　4-3 定義リストを作る

　　4-4 リストでナビゲーションを作る

Lesson 05 表組みをマークアップしよう

　　5-1 シンプルな表組みを作る

　　5-2 セルを結合する

　　5-3 より高度な表組みを作る

Lesson 06 フォームをマークアップしよう

　　6-1 フォームの基本を身につける

　　6-2 入力形式に合わせたフォームパーツを作る

　　6-3 お問い合わせフォームを作る

Lesson 07 CSSコーディングの基本を学ぼう

　　7-1 CSSとは

　　7-2 CSSの基本ルールを身につける

　　7-3 HTMLにCSSを組み込む3つの方法

　　7-4 よく使うセレクタを知る

　　7-5 特殊なセレクタ「疑似クラス」と「疑似要素」

Lesson 08 見出しや段落をスタイリングしよう

　　8-1 文字サイズを調整する

　　8-2 行間を調整する

　　8-3 書体を指定する

　　8-4 文字の色を指定する

　　8-5 見出しを背景色で装飾する

　　8-6 見出しを線で装飾する

　　8-7 見出しの先頭を装飾する

　　8-8 段落のスタイルを整える

Lesson 09 CSSレイアウトの基本を学ぼう

　　9-1 ボックスモデルを理解する

　　9-2 余白を調整する

　　9-3 ボックスサイズ（幅・高さ・余白）を計算する

　　9-4 webサイトの基本レイアウト

Lesson 10 ページ全体をレイアウトしてみよう

　　10-1 4つのwebレイアウトパターン

　　10-2 段組みでレイアウトする

　　10-3 自由に要素を配置する

　　10-4 要素を回り込ませる

　　10-5 要素の横・縦方向の位置を指定してレイアウトする

Lesson 11 リストとナビゲーションをスタイリングしよう

　　11-1 リストの装飾について学ぶ

　　11-2 ナビゲーションを装飾する

　　11-3 グローバルナビゲーションを作る

　　11-4 パンくずリストを作る

Lesson 12 表をスタイリングしよう

　　12-1 表の装飾について学ぶ

　　12-2 横線・縦線のみの表を作る

　　12-3 さまざまな装飾の表を作る

Lesson 13 フォームをスタイリングしよう

　　13-1 フォームの装飾について学ぶ

　　13-2 使いやすい装飾を施す

　　13-3 ボタンをデザインする

Lesson 14 webサイト制作を実践してみよう

　　14-1 コーディングの準備をする

　　14-2 トップページのHTMLを記述する

　　14-3 トップページのCSSを記述する

　　14-4 コース紹介ページを作る

　　14-5 アクセスページを作る

　　14-6 レスポンシブデザインにする

Lesson 15 webサイトを公開しよう

　　15-1 サーバーとドメインを準備する

　　15-2 FTPソフトでアップロードする

　　15-3 webサイトのデータをチェックする

　　15-4 webサイトを管理する