出版書誌データベース

「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて、基本的な書式から、よく使われるHTMLの要素やCSSのプロパティの意味を丁寧に解説。本書の手順にしたがってHTMLとCSSのコードを記述していくことで、Webページを一から作りあげることができます。HTMLは、現在のデファクトスタンダードとなっているHTML Living Standardに、CSSは、Cascading Style Sheets, level 3（CSS3）に対応します。OSは、Windows 11とmacOS 15対応です。

Chapter 01 ウェブページについて知ろう
Lesson 01 ウェブサイトについて知ろう
Lesson 02 ウェブページを作成するために必要なもの
Lesson 03 ウェブサイト制作の流れを知ろう
Lesson 04 ウェブページを表示するアプリケーションを知ろう
Lesson 05 Google Chromeをインストールしよう
練習問題

Chapter 02 HTMLの基本を理解しよう
Lesson 01 テキスト作成の準備をしよう
Lesson 02 実際に書いてみよう
Lesson 03 ページタイトルを決めよう
Lesson 04 文書の基本情報を記述しよう
Lesson 05 HTMLファイルを保存しよう
Lesson 06 テキストを追加しよう
Lesson 07 ウェブブラウザで確認しよう
練習問題

Chapter 03 ウェブページを作ろう
Lesson 01 見出しを作成しよう
Lesson 02 箇条書きを作成しよう
Lesson 03 段落を作成しよう
Lesson 04 文章を改行して読みやすくしよう
Lesson 05 情報の種類に分けよう
Lesson 06 画像を追加しよう
練習問題

Chapter 04 サブページを作ろう
Lesson 01 ページを複製しよう
Lesson 02 説明リストを作成しよう
Lesson 03 表組を作成しよう
Lesson 04 ページ同士を連携しよう
練習問題

Chapter 05 CSSの基本を理解しよう
Lesson 01 CSSの基本を理解しよう
Lesson 02 セレクタを理解しよう
Lesson 03 テキストの色を指定しよう
Lesson 04 テキストの大きさを指定しよう
Lesson 05 CSSファイルを保存しよう
Lesson 06 HTMLにCSSを読み込もう
Lesson 07 デザインに合わせてグループ化しよう
練習問題

Chapter 06 CSSでレイアウトしよう
Lesson 01 幅を指定して中央に配置しよう
Lesson 02 箇条書きの記号を非表示にしよう
Lesson 03 箇条書きの項目を横並びにしよう
Lesson 04 商品情報を見やすくしよう
練習問題

Chapter 07 テキストをデザインしよう
Lesson 01 テキストを中央に寄せよう
Lesson 02 デフォルトスタイルを上書きしよう
Lesson 03 ウェブフォントを利用しよう
Lesson 04 リンクテキストのスタイルを変更しよう
練習問題

Chapter 08 背景、影、枠線を付けよう
Lesson 01 枠線を付けよう
Lesson 02 表組をデザインしよう
Lesson 03 背景画像を指定しよう
Lesson 04 影を付けよう
Lesson 05 余白を付けよう
Lesson 06 角を丸めよう
練習問題

Chapter 09 モバイル・SNS対応して公開しよう
Lesson 01 モバイル対応しよう
Lesson 02 SNS対応しよう
Lesson 03 ファイルをアップロードしよう

著：千貫 りこ
フリーランスのウェブクリエイター。主な業務は小～中規模サイトの企画・制作。書籍の執筆やプロフェッショナル向けセミナーでの登壇に加え、企業の技術顧問や大学の非常勤講師として次世代クリエイターの育成にも取り組んでいる。初級～中級者を対象とした「難しくない解説」を得意としている。 ウェブサイトのURLはhttps://kicks-web.com/。 ・主な著書 プロのコーディングが身につくHTML/CSSスキルアップレッスン（ 翔泳社） 現場のプロから学ぶXHTML+CSS（マイナビ（旧：毎日コミュニケーションズ）） ・講師・講演 株式会社メンバーズ　フロントエンドスキルフェロー デジタルハリウッド大学　非常勤講師 資格スクール ヒューマンアカデミー講師 CSS Nite LP50「Shift10：Webデザイン行く年来る年」出演