HTML5&CSS3標準デザイン講座(草野 あけみ)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. HTML5&CSS3標準デザイン講座

HTML5&CSS3標準デザイン講座


形式:
書籍
発売日:
ISBN:
9784798142203
定価:
2,728(本体2,480円+税10%)
仕様:
B5変・384ページ
カテゴリ:
Web制作
キーワード:
#グラフィックソフト・ツール,#デザイン,#ビジネスデザイン,#イラスト集・作品集
シリーズ:
標準デザイン講座
紙の書籍
本書籍には新版があります
HTML5&CSS3標準デザイン講座 30LESSONS【第2版】

ゼロから学べるWeb制作学習書がHTML5とCSS3に完全対応!

わかりやすいと好評のWeb制作入門書が、現在の標準規格である「HTML5」と「CSS3」に完全対応して登場です。HTML5とCSS3の初歩的な文法学習から始めて、本格的なサイト制作までの流れを通して学ぶことで、初心者でも正しいマークアップの作法が身に付きます。用語や考え方を解説する講義パートと、実際にサンプルページを制作していく実習パートからなるレッスンを順に進めて、ステップアップしながら学んでいけます。サンプルソースはダウンロードが可能。Web制作をこれから始める人に最適の1冊です!

ORIENTATION レッスンを始める前に

Chapter01 HTMLで文書を作成する

LESSON01 HTMLの概要
LESSON02 文書をHTMLでマークアップする
LESSON03 改行や強調・画像やリンクを挿入する
LESSON04 表とフォームを設置する
補講 文法チェックのすすめ
補講 DOCTYPEをHTML4.01/ XHTML1.0にする場合の注意点

Chapter02 CSSで文書を装飾する

LESSON05 CSSの概要
LESSON06 基本プロパティとセレクタの使い方
LESSON07 背景画像を使って装飾する
LESSON08 初歩的な文書のレイアウトとボックスモデル
LESSON09 表組みと入力フォームのスタイリング

Chapter03 CSSレイアウトの基本

LESSON10 レイアウトの種類
LESSON11 floatレイアウト
LESSON12 positionレイアウト
補講 新しいレイアウト手法

Chapter04 本格的なHTML5によるマークアップを行うための基礎知識

LESSON13 セクション関連の新要素
LESSON14 新しいカテゴリとコンテンツ・モデル
LESSON15 その他の新要素と属性
補講 HTML5 の全体仕様と実装上の注意点

Chapter05 本格的なWeb制作のための設計と準備

LESSON16 Webサイトのコーディング設計
LESSON17 効率的なCSSコーディングの下準備

Chapter06 実践的なWebサイトのコーディング

LESSON18 大枠のレイアウトフォーマットを作成する
LESSON19 displayプロパティを活用したレイアウト
LESSON20 CSSスプライトの仕組みを理解する
LESSON21 メインコンテンツ領域を作成する

Chapter07 CSS3入門

LESSON22 CSS3の概要
LESSON23 CSS3セレクタ
LESSON24 CSS3プロパティ
LESSON25 変形・アニメーションとメディアクエリ

Chapter08 マルチデバイス対応の基礎知識

LESSON26 デバイスの特性を理解する
LESSON27 モバイル対応Webサイト制作の基礎知識

Chapter09 レスポンシブ・ウェブデザインのコーディング

LESSON28 レスポンシブの画面設計とベースコーディング
LESSON29 メディアクエリを使ったレイアウトの調整
LESSON30 Retinaディスプレイ対策
補講 レスポンシブにまつわる各種TIPS

索引

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。

追加情報はありません。

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付(書籍の最終ページ)に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2017年12月18日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 021
手順2の見出し
2刷
②ひな型ファイルを開き、中身を確認する
②文書タイトルを変更する
2015.11.04
1刷 036
図02-16
2刷
図02-16 要素の入れ子と親子関係
図02-16 ソース/構造変換
2015.11.18
1刷 039
図03-2
2刷
<strong>重要な語句<strong>
<strong>重要な語句</strong>

終了タグのほうにはスラッシュが必要です。
2015.11.06
1刷 051
手順2の3つのname属性
2刷
猫ちゃんのお名前…… name="cat-name" 飼い主のお名前…… name="cat-name" メールアドレス…… name="cat-name"
猫ちゃんのお名前…… name="cat-name" 飼い主のお名前…… name="name" メールアドレス…… name="email"

※name属性はそれぞれ異なるものにします。
2015.11.18
1刷 051
一番下のソースコード
2刷
<th>コメント:</th> <td><textarea name="comment" row="4" cols="40"></textarea></td>
<th>コメント:</th> <td><textarea name="comment" rows="4" cols="40"></textarea></td>

row→rowsに訂正
2016.01.22
1刷 087
図06-10 「スタイル種類」の優先順位
4刷

「制作者スタイル」と「ユーザースタイル」の位置が逆になっていました。
2017.11.22
1刷 090
「2 HTMLソースに、同じスタイルを適用するためのclass 名を設定する」のソース名
2刷
[style.css]
[index.html]
2016.01.07
1刷 108
サンプルファイルはこちら
2刷
index.html/style.css
entry.html/style.css
2016.07.15
1刷 117
構造化された表組みのソースのサンプル ソースコード内のthead、tfoot、tbodyの部分の解説
2刷
thead要素 列のグループ化(ヘッダー行) tfoot要素 行のグループ化(フッター行) thead要素 行のグループ化(データ行)
thead要素 のグループ化(ヘッダー行) tfoot要素 行のグループ化(フッター行) tbody要素
行のグループ化(データ行)
2016.03.08
1刷 158
flexboxコンテナプロパティ一覧
2刷
flex-direction 値 row | row-reverse | col | col-reverse
flex-direction 値 row | row-reverse | column | column-reverse
2016.10.03
1刷 176
【属性・値】
2刷
値には正日付・時刻が入ります。
値には正確な日付・時刻が入ります。
2015.11.18
1刷 195
「今回の個別要素のマークアップ」(画像)中の赤いラベル
2刷
h2(画像中段の2つめの小見出し「コーディング業務に特化しているからこそ実現できる、驚きの低価格と高品質。」)
h3
2015.11.18
1刷 234
ページ下部「.inner=table要素相当」のフキダシがあるキャプチャ画像
2刷

※全体の横幅がグローバルナビゲーションの幅に揃います
2015.11.18
1刷 238
リード文末行
2刷
「CSSスプライト」という手法解説します。
「CSSスプライト」という手法を解説します。
2015.11.18
1刷 269
「2番目を先頭に3つおきの子要素の枠線を3pxの黒実線にする」囲み内4行目
4刷
...となり2, 5, 7....
...となり2, 5, 8....
2017.01.30
1刷 298
図25-12
4刷
例:transform:scale(30deg,0);
例:transform:skew(30deg,0);
2017.08.09
1刷 320
参考サイト
2刷
Icon Moon
IcoMoon
2015.11.18
1刷 320
コラム内ソースコード下から2行目
4刷
<imp src="imp/sample.jpg"……
<img src="img/sample.jpg"……

「"img/sample」は2刷で訂正。「<img src」は4刷で訂正
2016.01.22
1刷 371
図30-7
2刷
図30-7 Icon Moon 使い方
図30-7 IcoMoon の使い方
2015.11.18
2刷 195
「今回の個別要素のマークアップ」画像
4刷
h3(2刷・3刷本での「サービスの特徴」)
h2
2017.12.18

感想・レビュー

ベリル さん

2021-05-27

夫の本棚から拝借。2015年初版本だから古いけど、とりあえず一通りHTMLとCSSの基本がわかればいっか、と。事前にweb(Mozilla)でHTMLとCSSとJavaScriptの概要を頭に入れてたせいか、結構わかりやすかった気はする。(※ただ間違いが多くて驚いた‼︎ 何も知らない人がこれで勉強すると絶対混乱すると思う)ミールキットみたいな気分で気楽に使う分には凄く良い教材だな、という印象。本格的なHP作りは無理だけど、ガイダンス通りにやればそれなりに可愛い“HPらしきもの”は出来上がったしね。

ひょろ さん

2016-04-16

HTML,CSSの勉強しなおしに購入。HTMLの書き方からレスポンシブデザインまで基礎的なことが詰まった一冊。だが、序盤に比べて終盤の加速っぷりがすごくついていけない人も出るんじゃなかろうか。かといって、求める側(顧客)は最低ラインとしてこの辺を常識として要求してくるのだから備えておかなければならない。

文月葵 さん

2016-11-18

Webの学習経験(Webクリエイター上級取得)はあるのですが、相当なブランクがあります。そんな自分がHTML5やCSS3といった最近の技術も習得しておきたいと思い本書を手にしました。先ず率直な感想として、初心者向けではないです。浅過ぎず深過ぎず広い知識を紹介していますが、全く予備知識のない人、特に(仕事等必要に迫られて勉強を始めた)それほどWebに興味のない人は挫折してしまうかも知れません。個人差はありますが、趣味レベルでサイトを作るだけならもっと簡単な本で十分でしょう。本書は辞書的な活用に向いています。