1. まとめトップ

【プログラミング】HTML/CSS入門にオススメの本10選!

【プログラミング】HTML/CSS入門にオススメの本10選!をご紹介します。

更新日: 2013年11月05日

26 お気に入り 13304 view
お気に入り追加

この記事は私がまとめました

ezeightさん

著者/訳者:市瀬 裕哉 福島 英児 望月 真琴
出版社:技術評論社( 2008-11-29 )
定価:¥ 3,360
Amazon価格:¥ 3,360
大型本 ( 448 ページ )
ISBN-10 : 4774136840
ISBN-13 : 9784774136844

web標準とCSSレイアウトについて書かれている本。通称ホップ本。HTML+CSS初心者がステップアップしたい頃に読むと最適。本書は発売当初より評判が高かったのだが、出版社が倒産し一時は絶版状態になる。中古品が(記憶が確かならAmazonで)9000円前後で売りに出されていた頃もあった、ある意味で伝説の本。現在は出版社が変わり定価で購入できます。web標準の基本はこれで身に付ける事ができると思います。

出版社:MdN( 2007-01-30 )
定価:¥ 1,890
大型本 ( 160 ページ )
ISBN-10 : 4844359002
ISBN-13 : 9784844359005

タイトルのとおりwebサイトを作る為に必要な基礎を書いてある本。レイアウト見本や配色・CSSレイアウト・ユーザビリティ・web2.0・サイト構造・SEOなどwebサイトを作るうえで必要な知識を広くまとめた本。プロとして恥ずかしくないシリーズは基礎から教えてくれて、全体的にハズレはないと思います。(同じような内容が載ってる場合は多いけど)

出版社:MdN( 2008-03-18 )
定価:¥ 1,890
大型本 ( 144 ページ )
ISBN-10 : 4844359754
ISBN-13 : 9784844359753

これもデザインの大原則とおなじような内容もあるがワークフローなどのページがある。前者が文章で読ませるが中心なら、こちらはCSSの使い方を画像とソースを見て学ぶ本。またテクニックも小回りのきくものが中心で、サイト作りのアクセントとして取り入れやすい。

著者/訳者:Andy Clarke
出版社:毎日コミュニケーションズ( 2009-02-24 )
定価:¥ 3,360
単行本(ソフトカバー) ( 376 ページ )
ISBN-10 : 4839923167
ISBN-13 : 9784839923167

原題は「Transcending CSS」。内容も素晴らしいが、訳と監訳のおかげでストレスなく読める。Transcending CSSは卓越したCSSという意味で、これからのCSSのスタンダードとなる可能性を秘めている。簡単に説明すると古いブラウザに合わせてCSSハックやフィルタを使うのではなく、これからは新しいブラウザ基準でCSS3やCSSセレクタを使ってデザインしていこうという内容。昨年末くらいだろうか、一部のブログで「IE6にはアップデートを催促するメッセージを出そう」という話題が持ち上がっている頃、著者のAndy Clarke氏のwebサイトが何度か引き合いに出されたことがあった。彼のサイトはIE6で見ると、サイト全体がモノクロになってしまう。

著者/訳者:鷹野 雅弘 植木 真 益子 貴寛 神森 勉 茂木 葉子 境 祐司 たにぐち まこと 中村 享介 こもり まさあき
出版社:毎日コミュニケーションズ( 2007-09-20 )
定価:¥ 2,625
単行本(ソフトカバー) ( 304 ページ )
ISBN-10 : 4839924341
ISBN-13 : 9784839924348

Dreamweaverを使い慣れたら是非とも読みたい一冊。HTMLやCSSの本ではないが、Dreamweaverの効率の良い使い方を学ぶ事で作業効率が上がります。「独学で使ってます」という人は必ず得るものがあるはず。Dreamweaverを使わない人には必要ないものなのでご注意を。

著者:外間かおり
出版社: ソーテック社; 3rd edit版 (2009/12/5)
言語 日本語
ISBN-10: 4881667211
ISBN-13: 978-4881667217
発売日: 2009/12/5

本書『HTML&スタイルシートレイアウトブック』は今回で2度目の改訂となり、3rd Editionとなりました。
3rd Editionに改訂するにあたり、本書では対象とするブラウザを従来のIE5.x以上から、IE6以上へ変更しました。古いタイプのブラウザへの対応よりも、Web標準を重視した結果です。加えて、作成例を増やし、目的別に分類したので、さらに使いやすくなったと思います。

すぐに使えるWebページのデザイン素材として好評の「CSS+HTML Webレイアウト すぐに使えるアートワーク」の第2段です。より実用性のあるデザインで、バリエーションも収録しています。もちろん、IE6~IE8、Firefox、Safariと、主要ブラウザに対応。Webページを構成する要素、バナー、アイコン等のパーツから、全体のデザインサンプルを掲載およびCD-ROM付録として収録します。リンクされている画像やテキストを付け変えるだけで、オリジナルのブログやショップサイトなどに使えます。個人のブログやショップだけでなく、商用利用も可能です。

エビスコム (著)
出版社: ソシム (2008/05)
ISBN-10: 4883376095
ISBN-13: 978-4883376094
発売日: 2008/05

Webページの基本デザインは、4パターン。実例サンプルを活用すれば、どんなWebデザインもできる。XHTML/HTMLやスタイルシートの基本的な使い方だけではわからないテクニックをステップ・バイ・ステップで解説。Webデザインソフトを使わずに、エディタで作成することで、スタイルシート、HTML/XHTMLの理解が深まる。レイアウトのバランス、ブラウザのサイズに応じた固定カラム、可変カラムの作り方など実践手法が身につく。

詳解HTML & XHTML & CSS辞典
posted with amazlet at 09.03.30
大藤 幹
秀和システム

まず、基本中の基本のタグ辞典ですが、5年以上このシリーズをずっと使っています。今後も他のものを購入することは無さそうです。
カラーページで読みやすく、W3Cの仕様に沿ってわかりやすく書かれています。

出版社: 毎日コミュニケーションズ (2007/9/20)
言語 日本語
ISBN-10: 483992435X
ISBN-13: 978-4839924355
発売日: 2007/9/20

ほぼ何も見ないでフルCSSコーディングが出来るようになっても、IEとFirefoxでの見た目の違いや、ボックスモデルのバグ(余白の大きさの違いやfloatの挙動など)に対処できなかったり、意図したレイアウトが実現できないことはよくあります。

その原因と、現時点での正しい対処法をまとめたのが本書です。

1