やさしくわかるHTML&CSSの教室
書籍情報
発売日 : 2022年08月27日
著者／編集 : リブロワークス/鹿野 壮
出版社 : 技術評論社
発行形態 : 単行本
書籍説明
内容紹介
はじめてでも安心の基礎から身につく入門書。Ｗｅｂサイトづくりを楽しく学ぼう！ＨＴＭＬ＆ＣＳＳの基礎知識・文法・活用方法がわかる。会話形式でワクワク読める。新しい技術もしっかり使いこなせる。実際にＷｅｂサイトを作りながら学べる。
目次
Chapter 1 Webサイト制作を始めよう
Section 1 Web サイトってどうやれば作れるの？
Section 2 HTML―Web ページの本体
Section 3 CSS―Web ページの見た目を決める
Section 4 Web サイトを構成するその他の要素
Section 5 HTML＆ CSSを書くのに必要な道具を揃えよう
Chapter 2 HTML―Webページの内容を決めよう
Section 1 HTMLはWeb サイトの内容を担当する
Section 2 まずはHTML ファイルを作ってみよう
Section 3 タグを書いてみよう
Section 4 何をどこに書くかを知ろう
Section 5 文書に見出しを付けよう
Section 6 箇条書き（リスト）を作ろう
Section 7 画像を挿入しよう
Section 8 他のWeb ページにリンクしよう
Section 9 ページ内リンクを設定する
Chapter 3 CSS―Webページをデザインしよう
Section 1 CSS はWeb サイトの見た目をつかさどる
Section 2 HTMLにCSSを適用する
Section 3 CSS の基本的な書き方
Section 4 フォントを設定する
Section 5 文字サイズと行送りを変更する
Section 6 文字や背景の色を設定しよう
Section 7 テキストを中央揃えや右揃えにする
Section 8 枠線を付けよう
Section 9 要素の大きさと余白を整えよう
Section 10 装飾のための要素を追加する
Section 11 Web ページ全体の幅を調整しよう
Chapter 4 セレクタを使いこなそう
Section 1 セレクタのさらに深い世界
Section 2 セレクタの種類を知ろう
Section 3 見出しに連番を付ける
Section 4 要素の順番でスタイルを変える
Section 5 マウスホバー時に色を変える
Section 6 デベロッパーツールで書式を確認する
Chapter 5 Webサイトに表とフォームを追加する
Section 1 表とフォームでWeb ページをパワーアップ
Section 2 表のHTML を書こう
Section 3 表のスタイルを設定しよう
Section 4 セルを結合しよう
Section 5 問い合わせフォームを作成しよう
Section 6 フォームのスタイルを整える
Chapter 6 1カラムのWebページをレイアウトしよう
Section 1 本格的なWeb ページを作るには
Section 2 サイトとフォルダーの構成を考える
Section 3 ページ構成に合わせてHTML を書こう
Section 4 各要素のスタイルを整えよう
Section 5 背景に画像を配置しよう
Section 6 要素のレイアウトの調整方法
Section 7 グローバルメニューを作ろう
Section 8 トランジションを設定する
Chapter 7 2カラムのWebページをレイアウトしよう
Section 1 複数カラムのページデザイン
Section 2 サイドバーのHTML を作成する
Section 3 サイドバーをメインコンテンツの横に並べる
Section 4 要素の順序を入れ替える
Section 5 スマートフォン用に表示を変える
Chapter 8 グリッドを使ってレイアウトしよう
Section 1 より複雑なレイアウトのために
Section 2 CSS Grid の使い方
Section 3 もとになるHTMLを書く
Section 4 グリッドを設定する
Section 5 アイテムの配置を決める
Section 6 コンテンツを作り込む
Section 7 CSS Grid とフレックスボックスを組み合わせる
Section 8 スマートフォンに対応する
Section 1 Web サイトってどうやれば作れるの？
Section 2 HTML―Web ページの本体
Section 3 CSS―Web ページの見た目を決める
Section 4 Web サイトを構成するその他の要素
Section 5 HTML＆ CSSを書くのに必要な道具を揃えよう
Chapter 2 HTML―Webページの内容を決めよう
Section 1 HTMLはWeb サイトの内容を担当する
Section 2 まずはHTML ファイルを作ってみよう
Section 3 タグを書いてみよう
Section 4 何をどこに書くかを知ろう
Section 5 文書に見出しを付けよう
Section 6 箇条書き（リスト）を作ろう
Section 7 画像を挿入しよう
Section 8 他のWeb ページにリンクしよう
Section 9 ページ内リンクを設定する
Chapter 3 CSS―Webページをデザインしよう
Section 1 CSS はWeb サイトの見た目をつかさどる
Section 2 HTMLにCSSを適用する
Section 3 CSS の基本的な書き方
Section 4 フォントを設定する
Section 5 文字サイズと行送りを変更する
Section 6 文字や背景の色を設定しよう
Section 7 テキストを中央揃えや右揃えにする
Section 8 枠線を付けよう
Section 9 要素の大きさと余白を整えよう
Section 10 装飾のための要素を追加する
Section 11 Web ページ全体の幅を調整しよう
Chapter 4 セレクタを使いこなそう
Section 1 セレクタのさらに深い世界
Section 2 セレクタの種類を知ろう
Section 3 見出しに連番を付ける
Section 4 要素の順番でスタイルを変える
Section 5 マウスホバー時に色を変える
Section 6 デベロッパーツールで書式を確認する
Chapter 5 Webサイトに表とフォームを追加する
Section 1 表とフォームでWeb ページをパワーアップ
Section 2 表のHTML を書こう
Section 3 表のスタイルを設定しよう
Section 4 セルを結合しよう
Section 5 問い合わせフォームを作成しよう
Section 6 フォームのスタイルを整える
Chapter 6 1カラムのWebページをレイアウトしよう
Section 1 本格的なWeb ページを作るには
Section 2 サイトとフォルダーの構成を考える
Section 3 ページ構成に合わせてHTML を書こう
Section 4 各要素のスタイルを整えよう
Section 5 背景に画像を配置しよう
Section 6 要素のレイアウトの調整方法
Section 7 グローバルメニューを作ろう
Section 8 トランジションを設定する
Chapter 7 2カラムのWebページをレイアウトしよう
Section 1 複数カラムのページデザイン
Section 2 サイドバーのHTML を作成する
Section 3 サイドバーをメインコンテンツの横に並べる
Section 4 要素の順序を入れ替える
Section 5 スマートフォン用に表示を変える
Chapter 8 グリッドを使ってレイアウトしよう
Section 1 より複雑なレイアウトのために
Section 2 CSS Grid の使い方
Section 3 もとになるHTMLを書く
Section 4 グリッドを設定する
Section 5 アイテムの配置を決める
Section 6 コンテンツを作り込む
Section 7 CSS Grid とフレックスボックスを組み合わせる
Section 8 スマートフォンに対応する
著者情報
鹿野, 壮
リブロワークス
鹿野 壮
鹿野壮
フロントエンドエンジニア。九州大学を卒業後、最新のフロントエンド技術を駆使したWeb 制作に携わる。JavaScript・TypeScript が大好き。Twitter ID は「@tonkotsuboy_com」。
