スラスラわかるHTML&CSSのきほん 第3版

発売日 : 2022年07月12日

著者／編集 : 狩野 祐東

出版社 : SBクリエイティブ

発行形態 : 単行本

本書ではＫＵＺＩＲＡ　ＣＡＦＥという架空のカフェのＷｅｂサイトを実際に作りながら、ＨＴＭＬやＣＳＳの知識と使い方を少しずつ学習していきます。ＨＴＭＬとＣＳＳは最新仕様に準拠し、現代のトレンドに対応したＷｅｂサイト作りのテクニックとともに、ずっと使える知識がしっかり身につきます。

Chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うアプリのインストール

Chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ～HTMLの階層関係

Chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのページに共通するHTMLタグ

Chapter04 テキストの表示
01 見出し
02 段落
03 番号なしリスト（非序列リスト）
04 要素のグループ化
05 コメント文
06 ヘッダーにナビゲーションを設置
07 キーボードで入力しにくい文字の表示
08 テーブル（表）

Chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 ページ内リンク
04 画像の挿入
05 画像＋リンク

Chapter06 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルの作成とHTMLとの関連付け

Chapter07 テキストのスタイル、背景色、ボックスモデル
01 CSSのコメント
02 ページ全体のフォントやテキストの設定
03 個別のテキストのスタイル変更
04 リンクテキストのスタイル
05 テキストと画像の行揃え
06 背景色の設定
07 ボックスモデル① マージンとパディング
08 ボックスモデル② ボーダー
09 メインコンテンツを中央揃えに
10 画像の伸縮

Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形
01 スタイルの上書き
02 繰り返す背景画像
03 デフォルトCSSの調整 ～リストの「・」をなくす
04 ナビゲーションを横に並べる
05 繰り返さない背景画像
06 背景画像の表示方法を調整
07 テーブルの整形

Chapter09 2ページ目以降のHTMLとグリッドレイアウト
01 ホームページ以外のファイルを作成
02 各ページにヒーロー画像を表示する
03 番号付きリスト ～アクセスページのHTMLを編集
04 メニューページのHTMLを編集
05 メニューページのスタイルを設定

Chapter10 フォームを使うページの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 セレクトリスト
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイル
11 送信ボタンのスタイル

Chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 メディアクエリとブレイクポイント
04 ナビゲーションを調整
05 メインコンテンツの左右にスペースを作る
06 ホームページのヒーロー画像のサイズを調整
07 メニューページの列数を変更

Chapter12 Webサイトを公開する
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認

狩野 祐東

UIデザイナー／エンジニア／執筆家アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。同代表取締役。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。

狩野, 祐東