- ISBN:
- 978-4-7973-8854-1
- サイズ:
- B5/フルカラー
- ページ数:
- 280
- 付録・付属:
- -
購入する
全国の書店、または以下のネット書店よりご購入ください。
※書店によって在庫の無い場合、お取扱いの無い場合があります。予めご了承ください。
※各ネット書店での詳しいご購入方法は、各サイトにてご確認ください。
紙版を購入
電子版を購入
おすすめのポイント
レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド
現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。
＜本書の対象読者＞
● これからWebサイト制作を学びたい初心者の方
● 最新のHTML・CSSの書き方を知りたい経験者の方
● フレックスボックスを使ったページレイアウトについて知りたい方
■目次：
CHAPTER 1 Webサイトの仕組みを知ろう
CHAPTER 2 HTMLの基礎知識とマークアップの実践例
CHAPTER 3 CSSの基礎知識とページデザインの実践例
CHAPTER 4 テキストの装飾
CHAPTER 5 リンクの設定と画像の表示
CHAPTER 6 ボックスと情報の整理
CHAPTER 7 テーブル
CHAPTER 8 フォーム
CHAPTER 9 ページ全体のレイアウトとナビゲーション
CHAPTER 10 レスポンシブWebデザインのページを作成しよう
初心者からプロまで、流行に左右されない基礎固めを
基礎的なWebの仕組みやタグの知識から、ページレイアウトのための高度なマークアップまでをカバー。Webページを組むときの考え方がわかる詳しい解説と豊富なサンプルで、ゼロからWebサイトを構築する力が身につきます。
モバイル時代の最新テクニック
パソコンの画面向けに作られたページをモバイル向けに改造するより、モバイル向けのページをパソコンに対応させるほうがカンタン、って知ってました？ 本書で取り上げるすべてのテクニックやサンプルは、はじめからモバイル対応。シンプルで無駄のないHTML/CSSが書けるようになります。
コンポーネント単位で考える、現代的なマークアップ
現代のWebデザインでは、ページの構成要素をパーツ（コンポーネント）ごとに作って組み合わせるケースが多くなっています。本書でも、パーツ単位の差し替え・組み替えに強い作例を多数紹介しています。
仕様を深く理解して、CSSを使いこなそう
CSSのボックスモデルやカスケード、詳細度の仕組みをきちんと知ることで、ブラウザの動作に振り回されずにページを組むことができます。本書では、実践に即してこれらの仕組みをわかりやすく解説。「よくわからないけどできた」からステップアップして、変更に強く、ハイクオリティなWebサイト構築を目指しましょう。
フレックスボックスを完全解説
ページのナビゲーションやレイアウトに使われる、CSSのフレックスボックスをご存じですか？ はじめはちょっと取っつきにくい機能ですが、一度わかってしまえばフロートよりも直感的で、レイアウトの自由度も高まります。本書ではこのフレックスボックスを、実践的な作例に合わせて完全解説しています。
モバイルファースト・レスポンシブデザイン
閲覧する機器の画面サイズに合わせてレイアウトを変更する「レスポンシブデザイン」は、どんなWebサイトにも必須のテクニックです。さまざまなレイアウトに対応できて管理もしやすい、柔軟なマークアップの手法を紹介しています。
サポート情報
2017.01.13正誤情報
2016.10.24ダウンロード
この商品に関してのお問い合わせは、右上の「お問い合わせ」ボタンからお願いいたします。
※ご意見、ご感想は、このフォームよりお寄せください
-
flex-boxのイロハがとてもよく分かります！！
5.0カノン4現在web制作の現場では主流になりつつある（もうなっている？）flex-boxのコーディング方法がとても丁寧に解説されています。全体的に初心者向けの言葉を選びながらわかりやすく解説されています。意外とwebサイトのコーディング方法は十人十色で、ルールなどの基礎をしっかり固めたい、といったキャリアのある方にもとてもオススメです。スラスラとページをめくるのが進む書籍です。
-
初心者ですが少し分かりにくかったです。
2.0nasi全体的に説明が雑というか詰め込みすぎというか分かりにくかったです。始めて出てくる要素が関係ない物とまとめて説明されててコードがやたら長くなっていたりしてどこがどうなってそうなるのかが分かりにくい場面が多かったです。始めて出てくる要素は短いコードで「これをこうするとここがこうなる」みたいに説明してくれた方が分かりやすいかなと思います。あとサンプルコードがあるからといって紙面にソースを全部載せないのはよくないと思います、なんで何もしてないのにこうなってるんだ？とか混乱する事も多かったです、紙面割とスカスカなんですから全部載せて欲しかった。最後の方はjavascriptなんか使いだしてこちらには分からないブラックボックスを作られたせいで何がどうなってるのかまるで分かりません。!importantを使うなと言った直後にこれは例外だからとか言っていきなり使いだしたりとか。こういうこれをやるなといった直後に自分はやるみたいなのが多くて初心者は混乱すると思います。
-
惜しい！
4.0くつした他の方の評価にもあるように一つ一つの項目について非常に丁寧な説明がなされており、web初心者を想定してか html とはなんぞやというところから解説が始まります。新旧問わず定番のcssタグについてはもちろん、後半では現在主流になってきている「フレックスボックス」の作り方にも触れ、押さえておきたい最新の知識も学べるつくりです。本自体のデザインもオシャレでセンスのある人たちがつくったんだろうなという信頼も置けます。一見すると欠点がないかのように見えますが、難をあげれば、よほどリリースを急いだのか校正担当者がザルだったのか誤字が多いことと、９章までの「こういう風に記述するんですよ」とサンプルを確認していく流れから、10章では「では実際に作成していきましょう」との文言があり実践的な練習作業ができるかと思いきや、完成したサンプルと工程途中のhtmlが用意されているだけで結局サンプルを眺めるだけで終わってしまうという何とも肩すかしな終わり方になっていることです。９章までも、読者にいくらか手を動かす余地を入れた方がただ読み眺めておしまい♫よりは習得度の実感も湧きやすいと思います。その点で「ー★」ですが、cssの基礎を学べる良書には間違いないと感じました。
-
偽史の書き手Riz
何となく実装できている状態から，確実な基礎のもとに実装できる状態まで持っていく本．付録のコードはほぼ完成品なので，練習には骨組みを残して他をいじりながら表示を確認するのが良いと思う． 続きを読む▼
-
シカマル
基礎本。分かりやすい。初心者の内は手元にあるといいかも。 続きを読む▼
-
baboocon
超速読で読了。HTML5とCSS3の入門書は多いけれど、それに加えてこの本のようにレスポンシブデザインまでカバーしてるのはまだ少ないのでは。わかりやすい良書だと思う。 続きを読む▼
関連著者・監修者 商品
同じジャンルの商品
試し読み
暗殺スキルで異世界最強2 ～錬金術と暗殺術を極めた俺は、世界を陰から支配す...
進行諸島/赤井てら
きれいなお姉さんに養われたくない男の子なんているの？２
柚本悠斗/西沢５㍉
ちょっぴり年上でも彼女にしてくれますか？6
望公太/ななせめるち
俺の女友達が最高に可愛い。2
あわむら赤光/mmu
天才王子の赤字国家再生術7～そうだ、売国しよう～
鳥羽 徹/ファルまろ
