書きながら覚える HTML＆CSS 入門ワークブック

書籍の概要

この本の概要

本書は，コーダー，フロントエンジニアを目指す人のためのHTMLとCSSのコーディング独習書です。業界を目指すためにはコーディングは必須です。ホームページ時代のタグの記述方法ではなく，これからWeb業界を歩んで行く人たちに正しいコードの書き方，より現在の業界水準にあった正しいコードの書き方が求められています。実際にコードを書くことで刷り込むように覚えられます。サンプルはダウンロードして確認することができます。「基礎」「応用」「実践」の3部構成で，段階的にステップアップしながら学びます。

こんな方におすすめ

  • コーダー，フロントエンジニアをこれから目指す人
  • Web業界標準の正しいHTML，CSSコードのマークアップ方法を知りたい人
  • 実際にHTML，CSSコードを試しながら学びたい人

この書籍に関連する記事があります！

正しいコードの書き方とは？～ウェブ業界の即戦力となるHTMLとCSSの記述方法を身につけよう！
今更ですが，「ホームページ」と「ウェブページ」はどちらも同じインターネット上の情報をウェブブラウザで閲覧するページのことを指します。

目次

Chapter1　HTMLとCSSを学ぶ準備

  • Lesson1　HTMLとCSSの役割と関係
  • Lesson2　パソコンの設定をする

Chapter2　HTMLとCSSの基本

  • Lesson1　HTMLの基本
  • Lesson2　CSSの基本
  • Lesson3　HTMLとCSSを連携する
  • COLUMN　セレクタの詳細度と優先度

Chapter3　テキストと画像

  • Lesson1　テキストをマークアップする
  • Lesson2　テキストにスタイルを指定する
  • Lesson3　他のページへリンクする
  • Lesson4　リンクにスタイルを指定する
  • Lesson5　項目と説明リストを作成する
  • Lesson6　画像と動画を表示する
  • COLUMN　正しいHTMLを書こう

Chapter4　テーブル

  • Lesson1　表組みをマークアップする
  • Lesson2　テーブルにスタイルを指定する
  • Lesson3　複数行・列にまたがるセルを作る

Chapter5　レイアウト

  • Lesson1　ボックスとは
  • Lesson2　ボックスに背景をつける
  • Lesson3　ボックスに余白をつける
  • Lesson4　ボックスの大きさを指定する
  • Lesson5　displayプロパティを使ってレイアウトする
  • Lesson6　floatプロパティを使ってレイアウトする
  • Lesson7　positionプロパティを使ってレイアウトする
  • Lesson8　flexboxを使ってレイアウトする
  • COLUMN　セクショニング要素とコンテンツ構造

Chapter6　フォーム

  • Lesson1　フォームの仕組み
  • Lesson2　テキスト入力欄を作成する
  • Lesson3　選択肢を作成する
  • Lesson4　入力欄にスタイルを指定する
  • Lesson5　フォーム用ボタンを作成する

Chapter7　スマートフォン対応

  • Lesson1　モバイルサイズで表示を確認する
  • Lesson2　コンテンツのサイズを調整する
  • Lesson3　メディアクエリの使い方

Chapter8　いろいろな実践パターン

  • Lesson1　ボックスに影をつける
  • Lesson2　リストのマーカーを変更する
  • Lesson3　テキストの前後にアイコンをつける
  • Lesson4　画像のサイズをコントロールする
  • Lesson5　ウェブフォントを使ってみる
  • Lesson6　凝った日本語表現をする
  • Lesson7　凝ったデザインのテーブルを作成する
  • Lesson8　ページ内リンクとボタンの固定方法

著者プロフィール

さわだえり

URL：http://momojam.com
Twitter：@MOMOJAM_eri

広告代理店で自社運営サイトやクライアントサイトの制作を経て，2005年よりフリーランスに転向。
2016年から1 年半，個人事業と並行して「株式会社ネコメシ」に所属。
現在は再びフリーランス一本で，コーディングやCMSカスタマイズ，ディレクションなどをメインに活動中。
趣味は犬と旅とカメラとゲーム。美味しいごはんを作ったり食べたりすること。
著書：「速習Webデザイン HTML&CSS 」（技術評論社）　他