CSSの勉強におすすめの本【初心者です】

質問

ずっとテーブルコーディングだけでやってきました。ＣＳＳを勉強しようと思っています。
こんな初心者でも理解しやすいオススメの本はありますか？
本当にテーブルで組んでfontタグなどで色づけして・・・ってことしかやったことありません。

ドリームウィーバーＣＳ５にしてかなり戸惑っています。
環境はWINDOWS　XP　ドリームウィーバーCS5です。

よろしくお願いします

回答No.3

unamica

私も3ヶ月ほど前からCSSを勉強し始めた超初心者です。

ホームページビルダーを持っているのですが、今は本を見てメモ帳で作っています。
ただでさえCSSの基本を勉強するのに苦戦しているので、
更にソフトの使い方と一緒にCSSを覚えるのは私には無理のような気がしています。

私が使っている本で使いやすかった本を紹介します。

1、HTML&スタイルシート トレーニングブック CSS3増補版
まずこれ一冊しっかりやって基礎を覚えました。トレーニング問題があるので分かりやすいです。

2、世界一やさしい 超入門 DVDビデオでマスターするHTML (DVDビデオ付)
次にこの本で段組、横並びのナビゲーションなどトレーニングでもう少し難しい要素の入ったＨＰのテンプレートが作れるようになりました。

3、速習Webテクニック スタイルシート 上級レイアウト
上級レイアウトのhtmlやcssがまるごと載っていて勉強になりました。ＣＤ付きです。

4、XHTML+CSS 100の疑問に答えます
ここまでくると細部に分からないことが次々出てくるのでこの本を買いました。

この4冊で基礎はだいたい覚えられたと思います。まだ途上ではありますが。
困ったときはネット検索で解決できています。

お互い頑張りましょう。

回答No.2

Shinroh

Web標準の教科書
http://booklog.jp/asin/4798010928

おすすめです。ちょっと古いし、特にオシャレでもないし、600ページもありますが、いい本ですよ。Web標準に準拠したHTML4, XHTMLとCSS2の基礎知識がしっかりと身に付く硬派な一冊ですね。ただ、600ページを延々と読み続けるのは結構しんどいですけどね(汗)
僕はゆっくり時間かけてなんとか読みました。

それから、色々と批評が載ってるので他の書籍も探してみると思い白いかもしれないですね。眺めてると雰囲気がわかると思いますよ。

回答No.1

ORUKA1951

私も、HTML3.2が登場してしばらくの間はTABLEやFONTを使ってコーディングしていました。その後（1999年頃）HTML4が登場したときに、その仕様書(邦訳)を読んで愕然としました。今までとんでもない誤解で作成していたことに気がつきました。
HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
　ぜひ、一度目を通して置かれると良いでしょう。特にHTMLの歴史やスタイルシートの項は(必読です)

　当時は、Webオーサリングツールは満足なものがなくて、NetscapeGold（後のComposer）がまっとうなものくらいでしたから、テキストエディタを使ってきました。
1) 仕様書を見ながらテキストエディタで作成
2) Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )などでチェックし
3) CSSでコーディングしていく。
　これは今でも変わりません。

　参考書をお探しのようですが、私も随分と参考書に散財しましたが、結論は「そんなものない」です。いくつか本や解説書を書く立場になって、なぜないかの理由がわかりました。知れば知るほど「仕様書を読む以外ない」からです。仕様書を読んでいない、理解していないうちでないと本は書けない。(笑)・・・
　仕様書なんて印刷しても、せいぜい数十ページでしょう。そこに知りたい情報が簡潔に、適切に、正確に書かれているわけですから、「本を読むより仕様書を読みなさい」となる。（本になると最低でも数百ページ・・、無知のうちでないと書けないのです。）
　大抵の場合、無知な著者によって書かれたへんてこなHTMLやCSSを身につけてしまうから、その道が頂に至らない行き止まりと気がついて、もう一度麓に戻って再出発です。しかも、悲しいことに間違った知識が身についているから苦労する羽目になります。

　HTMLもCSSも、著者がコーディングするように作られていますから、どだいプログラムに頼って作成すること自体無理があると、最近では身にしみています。たとえ使うにしても、いえプログラムを使うなら、より詳しくHTMLやCSSを知っていないと使いこなせないのです。その点ＤＷは、「HTMLの知識がないと使えない」と書いてあるので良心的ですね。(HPBと違って)

【参考書】
　よって書籍として出版された参考書に良いものはない。あるべくもないのですがネット上にはたくさんの資料があります。
[初心者]
・はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　上で紹介した仕様書翻訳メンバーのひとりの内田さんが書かれたもの
・好ましいHTML文書を書くための方法と考え方 ( http://www.asahi-net.or.jp/~wq6k-yn/konomac.html#4.5 )
　古いですが、極めて有用な知識が書かれている。
・1と2の間辺りからはじめるホームページ講座 ( http://www6.plala.or.jp/go_west/beginner/ )
(CSS)
・1と2の間辺りからはじめるCSS講座 ( http://www6.plala.or.jp/go_west/beginner/css/ )

そして、わからないときは
・HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
・REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html )
および
・W3C - W3Cの仕様書等の文書の日本語訳集 ( http://www.w3.org/Consortium/Translation/Japanese )

　HTML4.01strictがスタート地点としてはベストでしょう。XHTML1.0,1.1もこれが基準ですし、HTML5も、これに些細な変更を加えたもの
・HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )

[中級・上級者]
・必修講座100/eラーニング：ITpro ( http://itpro.nikkeibp.co.jp/selfup/archive_100sen.html )
　の下にある
　Web デザインの基礎 ( http://itpro.nikkeibp.co.jp/article/COLUMN/20070220/262533/?ST=selfup )
　HTML 入門 ( http://itpro.nikkeibp.co.jp/article/COLUMN/20070221/262642/?ST=selfup )
など。

そして意外と身につくのが・・
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
・・書いてはチェックし,指摘されたエラーの解説を読んで直す。

　実際にどのようにマークアップし、ＣＳＳを書いているかは先刻解答した
ＣＳＳ　<li> ＨＰデザイン - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q6809215.html )
が参考になるでしょう。
★ＨＴＭＬを、ひたすら文書構造にしたがってマークアップし
★ＣＳＳでコーディング。HTMLが正しければ、あのようにシンプルなHTMLと簡潔なCSSで自在にデザインできます。
　基本はHTMLです。