いちばんよくわかる HTML5 ＆ CSS3 デザインきちんと入門(イチバンヨクワカルエイチティーエムエルファイブアンドシーエスエススリーデザインキチントニュウモン)

Name: いちばんよくわかるHTML5＆CSS3デザインきちんと入門
Rating: 4 (3 reviews)
Author: 狩野 祐東
ISBN: 9784797388541

著者:: 狩野祐東(カノウスケハル)
出版社:: SBクリエイティブ
出版日:: 2016年10月28日頃
ISBN:: 9784797388541
在庫:: 在庫あり

★★★★☆4(3 件)

初級者向け

プログラミングHTMLインターネット・WEBデザインホームページ入門書入門書CSSWebデザインモバイル開発レスポンシブデザインホームページ制作マークアップ

Amazon で見る楽天ブックスで見る

なぜ注目されているか

言及数

494位

総合

688位

↓ 16 ランクダウン5 件の言及

書籍紹介

レスポンシブ Web デザインが“当たり前”の時代の、新しい HTML ・ CSS の書き方ガイド

現在の HTML ・ CSS の書き方は、少し前までの HTML ・ CSS の書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、 HTML を組むときの考え方から CSS の実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

＜本書の対象読者＞
● これから Web サイト制作を学びたい初心者の方
● 最新の HTML ・ CSS の書き方を知りたい経験者の方
● フレックスボックスを使ったページレイアウトについて知りたい方
CHAPTER 1 Web サイトの仕組みを知ろう

SECTION 1 Web サイトが表示される仕組み
SECTION 2 URL
SECTION 3 Web サイトに使われるファイルの種類
SECTION 4 Web サイトのファイル・フォルダ構造
SECTION 5 Web サイトの制作環境を整えよう

CHAPTER 2 HTML の基礎知識とマークアップの実践例

SECTION 1 HTML とは
SECTION 2 HTML の書式
SECTION 3 HTML ドキュメントの構造
SECTION 4 マークアップの考え方トレーニング

CHAPTER 3 CSS の基礎知識とページデザインの実践例

SECTION 1 CSS の基礎知識
SECTION 2 CSS の書式
SECTION 3 ページに CSS を適用するトレーニング

CHAPTER 4 テキストの装飾

SECTION 1 見出しや本文のフォントサイズを調整する
SECTION 2 読みやすい行間にする
SECTION 3 段落のテキストをリード文だけ太字にする
SECTION 4 表示するフォントを設定する
SECTION 5 テキストの行揃えを変更する
SECTION 6 2 行目以降を 1 文字下げる
SECTION 7 テキスト色を変更する
SECTION 8 見出しにサブタイトルをつける

CHAPTER 5 リンクの設定と画像の表示

SECTION 1 テキストにリンクを追加する
SECTION 2 テキストリンクに CSS を適用する
SECTION 3 画像を表示する
SECTION 4 画像にリンクをつける
SECTION 5 画像にテキストを回り込ませる

CHAPTER 6 ボックスと情報の整理

SECTION 1 インラインボックスとブロックボックス
SECTION 2 箇条書き (リスト) のマークアップ
SECTION 3 リストを情報の整理に使う
SECTION 4 上手な＜ div ＞の使い方
SECTION 5 CSS のボックスモデル
SECTION 6 パディング、ボーダー、マージンの設定
SECTION 7 2 つ以上のボックスを並べる
SECTION 8 ボックスのデザインを調整する

CHAPTER 7 テーブル

SECTION 1 テーブルを作成する
SECTION 2 アクセシビリティを考慮したテーブル
SECTION 3 テーブルのデザインバリエーション

CHAPTER 8 フォーム

SECTION 1 フォームとデータを送受信する仕組み
SECTION 2 さまざまなフォーム部品
SECTION 3 標準的なフォームの例

CHAPTER 9 ページ全体のレイアウトとナビゲーション

SECTION 1 実践的なコーディングのために知っておきたい CSS の知識
SECTION 2 シングルコラムレイアウト
SECTION 3 フレックスボックスを使ったコラムレイアウト
SECTION 4 ナビゲーションメニューを作成する

CHAPTER 10 レスポンシブ Web デザインのページを作成しよう

SECTION 1 レスポンシブ Web デザインとは
SECTION 2 レスポンシブ Web デザインのサイトを作る

技書の森解説

Web ページの見た目を自分の手で作れるようになりたい。そう思ってエディタを開いたものの、 HTML と CSS の役割分担すらあやふやなまま手が止まる。本書はまさにその地点からスタートし、「構造を HTML で書き、見た目を CSS で整える」という原則を身体に染み込ませることを目指した入門書です。著者の狩野祐東氏は Web 制作の実務経験を踏まえた解説書を複数執筆しており、初学者が躓きやすいポイントを熟知した構成になっています。

セマンティクス (見出し・段落・リストの意味づけ) 、ボックスモデル、 Flexbox によるレイアウト、レスポンシブデザインの考え方といった基礎を、実際にブラウザで表示を確認しながら進めていく形式です。デザインツールの操作ではなくコードを手で書くアプローチなので、「なぜこのプロパティでこう動くのか」という因果関係の理解が積み上がります。

本書は HTML5 と CSS3 の仕様に沿った基礎をカバーしていますが、 JavaScript によるインタラクションや CSS フレームワーク (Tailwind 等) の運用は範囲外です。まず HTML と CSS だけで「意図したレイアウトを組める」状態をつくり、そこからツールやフレームワークを足していく学習順序に適しています。