武器になるHTML
書籍情報
発売日 : 2022年11月26日
著者／編集 : 柴田 宏仙
出版社 : 技術評論社
発行形態 : 単行本
書籍説明
内容紹介
悩まないＨＴＭＬ学習をはじめよう。ページの先頭から末尾まで、ＨＴＭＬをすべて自力で書けるようになる。現役講師のきめ細やかな解説で、つまずくポイントを徹底フォロー。アクセシビリティに配慮した、これからのＷｅｂサイト構築がわかる。
目次
本書の進め方
ダウンロード練習ファイルについて
■INTRODUCTION
0-1 Webページが表示される仕組み
0-2 HTMLとCSSとJavaScriptの立ち位置
0-3 開発環境の準備
0-4 タグの基礎知識
COLUMN 誰もがアクセスできるWebメディアの特性
■CHAPTER1 HTMLの全体構造と基本ルールを知ろう
このチャプターのゴール
1-1 HTMLの基本構造の要素
1-2 HTMLの属性
1-3 HTMLのバージョンとDOCTYPE
1-4 文字エンコーディングと文字化け
1-5 要素の配置ルールとカテゴリ
章末練習問題
COLUMN CodeHeroでタグを調べてみよう
■CHAPTER2 テキストやリストをマークアップしよう
このチャプターのゴール
2-1 見出しを表す
2-2 段落を表す
2-3 特殊な記述が必要な文字
2-4 改行を表す
2-5 強調を表す
2-6 重要性を表す
2-7 サイドコメント
2-8 日時
2-9 箇条書き
2-10 説明リスト
章末練習問題
COLUMN Webサイト制作の仕事とは？
■CHAPTER3 リンクやコンテンツを埋め込もう
このチャプターのゴール
3-1 リンクを設定する
3-2 URL の指定方法
3-3 ページ内リンク
3-4 画像を埋め込む
3-5 動画を埋め込む
3-6 外部のコンテンツを埋め込む
3-7 本文から切り離せる図や写真
章末練習問題
COLUMN 勉強のモチベーション
■CHAPTER4 表とフォームを作ろう
このチャプターのゴール
4-1 表（テーブル）を作る
4-2 表の構造を明確化する
4-3 フォームとコントロール部品
4-4 複数行の入力フィールド
4-5 選択式メニュー
4-6 コントロール部品のラベル
章末練習問題
COLUMN フォームのユーザ体験の向上
■CHAPTER5 セクションとページ構造を整理しよう
このチャプターのゴール
5-1 セクショニングに関する要素
5-2 アウトラインを意識する
COLUMN かつてのセクショニング・コンテンツ
COLUMN かつて存在していた「セクショニング・ルート」カテゴリ
5-3 ページやセクションの基本構造を示す
5-4 連絡先情報
COLUMN 汎用的な要素
章末練習問題
COLUMN HTML にメモを残す
■CHAPTER6 よりよいページにしよう
このチャプターのゴール
6-1 ページの紹介文を設定する
6-2 SNS の共有情報を設定する
6-3 ファビコンを設定する
6-4 URL を正規化する
6-5 検索エンジンのクローラーを制御する
6-6 構文をチェックする
章末練習問題
COLUMN 自走する力
■PRACTICE ページをまるごとマークアップしよう！
7-1 架空のお店のWeb ページをマークアップしてみよう！
7-2 解答例を確認しよう
■付録
カテゴリ一覧表
グローバル属性一覧表
ダウンロード練習ファイルについて
■INTRODUCTION
0-1 Webページが表示される仕組み
0-2 HTMLとCSSとJavaScriptの立ち位置
0-3 開発環境の準備
0-4 タグの基礎知識
COLUMN 誰もがアクセスできるWebメディアの特性
■CHAPTER1 HTMLの全体構造と基本ルールを知ろう
このチャプターのゴール
1-1 HTMLの基本構造の要素
1-2 HTMLの属性
1-3 HTMLのバージョンとDOCTYPE
1-4 文字エンコーディングと文字化け
1-5 要素の配置ルールとカテゴリ
章末練習問題
COLUMN CodeHeroでタグを調べてみよう
■CHAPTER2 テキストやリストをマークアップしよう
このチャプターのゴール
2-1 見出しを表す
2-2 段落を表す
2-3 特殊な記述が必要な文字
2-4 改行を表す
2-5 強調を表す
2-6 重要性を表す
2-7 サイドコメント
2-8 日時
2-9 箇条書き
2-10 説明リスト
章末練習問題
COLUMN Webサイト制作の仕事とは？
■CHAPTER3 リンクやコンテンツを埋め込もう
このチャプターのゴール
3-1 リンクを設定する
3-2 URL の指定方法
3-3 ページ内リンク
3-4 画像を埋め込む
3-5 動画を埋め込む
3-6 外部のコンテンツを埋め込む
3-7 本文から切り離せる図や写真
章末練習問題
COLUMN 勉強のモチベーション
■CHAPTER4 表とフォームを作ろう
このチャプターのゴール
4-1 表（テーブル）を作る
4-2 表の構造を明確化する
4-3 フォームとコントロール部品
4-4 複数行の入力フィールド
4-5 選択式メニュー
4-6 コントロール部品のラベル
章末練習問題
COLUMN フォームのユーザ体験の向上
■CHAPTER5 セクションとページ構造を整理しよう
このチャプターのゴール
5-1 セクショニングに関する要素
5-2 アウトラインを意識する
COLUMN かつてのセクショニング・コンテンツ
COLUMN かつて存在していた「セクショニング・ルート」カテゴリ
5-3 ページやセクションの基本構造を示す
5-4 連絡先情報
COLUMN 汎用的な要素
章末練習問題
COLUMN HTML にメモを残す
■CHAPTER6 よりよいページにしよう
このチャプターのゴール
6-1 ページの紹介文を設定する
6-2 SNS の共有情報を設定する
6-3 ファビコンを設定する
6-4 URL を正規化する
6-5 検索エンジンのクローラーを制御する
6-6 構文をチェックする
章末練習問題
COLUMN 自走する力
■PRACTICE ページをまるごとマークアップしよう！
7-1 架空のお店のWeb ページをマークアップしてみよう！
7-2 解答例を確認しよう
■付録
カテゴリ一覧表
グローバル属性一覧表
著者情報
柴田 宏仙
柴田宏仙（しばたひろのり）
ウェブデザイナー。2012年よりWebデザインスタジオ「Qlio」を設立し、フリーランスとしてWebサイト制作の仕事をはじめる。企画戦略からデザイン、コーディングまで、Webサイト制作全般を担当。その後、Webサイト制作を学べるコンテンツ「CreatorQuest」を公開したり、Webクリエイターを養成するオンラインサロン「Shibajuku」を立ち上げ、運営を行っている。また、ＨＡＬ大阪 夜間部 WEBデザイン学科の非常勤講師としても活動している。
柴田, 宏仙
