HTML・CSSでWebページを作る本
おすすめの本
3冊
1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
編集部の評価:91/100
Mana/SBクリエイティブ
HTMLとCSSを初めて学び、実際にサイトを作りながらページの仕組みを理解したい人。
内容・選ぶ前の確認
HTML・CSSの基本から、画面幅に合わせたレイアウトまでを作例で学べます。練習問題や導入部分の動画もあり、読むだけで終わらせず手を動かして進められる構成です。
選ぶ前に確認:個々のタグを網羅した辞典ではありません。作例を離れて自由に組み立てたい段階では、詳しい仕様や別の教材も参照するとよいでしょう。
評価の理由:サイト制作の手順と練習を重視。タグの網羅性より、初めて完成まで進む目的に合います。
出版社の紹介HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]
編集部の評価:87/100
服部雄樹/技術評論社
HTMLとCSSの書き方を少し学び、カフェのサイトを完成させる練習に進みたい人。
内容・選ぶ前の確認
架空のカフェを題材に、コードを追加したときの画面の変化を確認しながら進めます。スマートフォン向けの表示や複数のレイアウトを、制作の流れの中で試せます。
選ぶ前に確認:文法を順番に網羅する構成ではありません。タグやCSSの意味を一つずつ詳しく知りたい人は、基礎解説を併用したほうが進めやすい内容です。
評価の理由:画面の変化を見ながら制作できる点を評価。文法を少し知っている人に向きます。
出版社の紹介これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
編集部の評価:87/100
Capybara Design 竹内直人・竹内瑠美/翔泳社
コードを書くのが初めてで、小さなページから段階的に練習したい人。
内容・選ぶ前の確認
SNSリンク集やブログ、招待状、レストランのサイトを題材に、HTMLとCSSを練習します。図解と手順を見ながら、少しずつ作れる範囲を広げる構成です。
選ぶ前に確認:完成コードや公開方法の資料にはダウンロードが必要です。本だけで完成コードを見比べたい人や、パソコンと本の画面差に戸惑いやすい人は、付属データも用意して進めてください。
評価の理由:段階的な説明が初学者向け。完成コードの参照に付属データが必要な点を考慮しました。
出版社の紹介選ぶときのポイント
HTML・CSSの基礎説明
初めてWebページを作るなら、HTMLの要素とCSSの指定を一つずつ説明する本を選びます。基礎を学んだ後なら、複数ページのサイトを作る本が候補です。
作るページと練習内容
短いコードを試す練習か、カフェやブログなど一つのサイトを完成させる課題かを見ます。コードを変えた結果が画面で示されていると、働きを追いやすくなります。
スマホ対応と付属教材
スマホでの表示を学びたいなら、レスポンシブ対応の作例がある本を選びます。完成コードや画像素材のダウンロード、公開手順が付くかも確認します。
購入前の確認
- 教材で使うエディターとブラウザーを確認する
- サンプルコードや画像素材の配布先を見る
- 購入する版と教材の対応を確かめる