実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips

ブログやホームページを作成する際に参考になるガイドブック（解説本）をご紹介します。

| トップページ | 全記事一覧

フリーエリア

キーワード上位表示させる為のブログテンプレートカスタマイズの方法

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips

2007/02/15(木)

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
(2007/02)
市瀬裕哉福島英児
価格：￥ 3,360 （税込）　1500 円以上国内配送料無料
商品詳細を見る

Web Standards(Web標準)の概念やメリット等を解説し、Web標準の仕様から、コーディングスタイル、XHTML+CSS Tipsまでをまとめた、一歩先のWeb標準ガイドブック。

【商品の説明】
WWWが登場して以来、それを取り巻く現状は、ずっと変わり続けてきました。軍用ネットワークから民間用ネットワークへの転用、グラフィカルなWebブラウザの登場に伴うWebサイトの隆盛、文字や写真に留まらない多様なコンテンツの提供、あるいは双方向性による一方的な情報提供に留まらないコミュニケーション......。そんなWebの世界で、近年注目されているのが「Web Standards(Web標準)」です。
Web Standardsとはどういう概念なのか。Web Standardsに準拠することでどんなメリットを得ることができるのか。どのように制作を進めればWeb Standardsに準拠したリソースを提供できるのか。Web Standardsに準拠しつつも新しく、それでいて魅力あるコンテンツを提供する手法とはどういうものか。
本番では、それらを次の7章で解説しています。

　1. Web Standardsの基本
　2. (X)HTMLの基本
　3. CSSの基本
　4. floatプロパティを利用したレイアウト
　5. positionプロパティを利用したレイアウト
　6. 実践レイアウト
　7. XHTML&CSS Tips

1~3章ではWeb Standardsという概念を理解するための解説を、4・5章ではCSSでのレイアウトの基本となるfloatプロパティ、positionプロパティを利用したレイアウトの基本を解説しています。6章ではレイアウトのパターン別にその手法を紹介、さらに具体的なデザインを例にその完成までを解説しています。また、7章では、実際の制作にあたって知っておきたいXHTML&CSSのTipsをまとめています。

著者からのコメント
この本は3人の共著という形になっていますが、著者の3人とも「(X)HTMLをしっかりと形作った上で、CSSによるデザインを行う」ことを常々実践・実験し、積極的に情報を交換し合っていました。

執筆にあたって綿密な打ち合わせを行い、それぞれの得意分野を生かして「仕様に基づいた解説」「多くの実践的レイアウトの解説・再現」「Web標準を守りながら、大胆かつ先進的なCSS Tips」を伝えることを目的として執筆しました。結果的に400ページを超えるボリュームとなりましたが、読者の目的に合わせて章分けをしていますので、「仕様は熟知しているけど実践的なレイアウトを更に勉強したい」「Tipsなどには詳しいけど、仕様の理解に自信がない」といった場合でも柔軟に対応できる内容となっています。もちろん、本書の内容を全てを読むことで、「(X)HTML/CSSをある程度知っているけどもっと本格的に勉強したい」という方のニーズをしっかりと満たすことができるだろうと思っています。
更なるステップアップを図りたいWeb制作者は、ぜひとも一度ご覧ください。

【目次】
[1] Web Standardsの基本
[2] (X)HTMLの基本
[3] CSSの基本
[4] floatプロパティを利用したレイアウト
[5] positionプロパティを利用したレイアウト
[6] 実践レイアウト
[7] XHTML&CSS Tips
[Appendix]
　DTDの読み方ガイド
　DOCTYPEスイッチの一覧表
　CSS2.1の各プロパティリファレンス

【カスタマーレビュー】

ボックスハックで泣かされた方に
対象レベルは、一度はホームページを作ったことがある人程度。HTMLって何？　という方には不向きですが、リンクくらいなら張れる、CSSで色指定できるよという人なら問題なく読めるはず。恥ずかしながら私もその一人ですが、本書は特に難しいとは感じませんでした。

前半は、XHTMLの組み立て方やCSSをきれいに書く方法、各項目をならべる順番など、タグは知っていてもほとんどの人が意識していないコーディングの方法がわかりやすい言葉で丁寧に説明されています。
特にCSSの書き方は参考になりました。今までただ闇雲にだらだら項目を並べたあげく、どこに何が書いてあるのか自分でもわからなくなっていた私には「コーディングするってこういうことなのか！」と目からウロコがポロポロ。見た目に美しいだけでなく、どうすればメンテナンスしやすいかなど、文書構造まで踏み込んだ解説があるのがうれしい。これだけでも十分勉強になったのですが、後半の実践編はさらに使える内容になっています。XHTMLをはじめた人がおそらく一度は躓くボックスハックの解説は秀逸で、非常にわかりやすいです。特にIEのバグ回避の対処の仕方(IE7.0やFireFoxなどのモダンブラウザまでフォロー)がシンプルかつスマートでした。その他、実践レイアウトではページレイアウト例からタブ型ナビゲーションやドロップダウンメニュー等具体的なTIPSがたっぷり充実。
お値段が高めなのがひっかかっている方も、十分に満足できる内容だと思います。

迷える「ＣＳＳデザイン学習者」の救世主。
惜しみなく掲載されたＸＨＴＭＬ、ＣＳＳコードと豊富な図解で、ＣＳＳレイアウトが存分に学べます。
自分はタイトル通り、読んだ内容は３日以内に実践しました。
頭でわかった気になるだけでなく、実際に手打ちすると体が覚えます。「ここをいじるとこうなるんだ！」と、一種の感動を伴うので長期記憶に効果的で、１度体感すればなかなか忘れません。
見やすいコード・図解と明快な解説で、わかったようでわかっていなかった曖昧な自分の理解に１本の筋が通りました。「できる大辞典　ＨＴＭＬ＋ＣＳＳ」と本書があればＣＳＳデザインの基本は十分かと思います。以前からamazonのレビューや評価で気にしていた本書ですが、書店で実物を見て即買いして本当に良かったです。本当にＣＳＳをマスターしてない人には絶対に書けない本だと思います。良い本を書いていただき有難うございました。

XHTML,CSSについてきれいにまとめられています
大きく分けて、
・XHTML,CSSの概念
・HTMLとCSSを使ったデザイン手法
がまとめられています。
前者のXHTML,CSSについては、著者の方々がしっかりと概念を理解されているのでしっかりと体系づけて理解できる書き方になっています。後者のデザイン手法は、CSSではできなさそうな表現方法を丁寧な解説付きで掲載してあります。また、人によって整理の仕方がまばらなCSSの管理方法の提案もしてあります。コーディングを仕事としている方には是非読んでいただきたい書籍です。

基本から応用までしっかりサポート！
(X)HTMLやCSSの基本的な事から、CSSレイアウトにおける応用的なテクニックまでバッチリ押さえています。知っていることでも改めて納得させられる知識・内容も多く、本のボリュームたっぷりなので満足の出来です。マークアップの基本からCSSレイアウトにおけるボックスモデルの概念、カラムレイアウトのテクニックなどもしっかりしていますので、これからWeb標準に準拠したコーディングに挑戦しようという人にはお薦めです。Web界でも有名な方たちが著書した本ですので、揃えておいて損はないと思います。