HTML5＆CSS3標準デザイン講座 電子書籍（草野 あけみ）｜翔泳社の本
  1. ホーム >
  2. 電子書籍 >
  3. HTML5＆CSS3標準デザイン講座

HTML5＆CSS3標準デザイン講座

著

形式：
電子書籍
発売日：
ISBN：
9784798142265
価格：
2,728円（本体2,480円＋税10%）
カテゴリ：
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に興味のない人は挫折してしまうかも知れません。個人差はありますが、趣味レベルでサイトを作るだけならもっと簡単な本で十分でしょう。本書は辞書的な活用に向いています。