Home > XHTML CSS > XHTML CSSの書籍を執筆しました

XHTML CSSの書籍を執筆しました

  • Posted by: wu
  • 2007年2月20日 23:00
  • XHTML CSS

Web Standards Design

(Amazonから買えるようになったもようです)

九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。

本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります)

  1. XHTML, CSSの基礎知識と管理方法
  2. レイアウト編
  3. Tips&Tecnique

ずっと作りたかった構成ができた!

CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレーンなテキストからウェブページを作成するまでのマークアップ手順、そしてメンテナンスを考えた記述・管理法を1章~3章にかけて解説しています。ここでの解説は書籍全体を通して一貫しており、他のセクションを深く理解するためにも是非読んでもらいたいです。(X)HTMLの記述方法に迷いがある人にとって頭のなかがスッキリする内容です。

4章から6章までがCSSによるレイアウト方法の解説になります。このセクションは僕が担当したのですが、CSSのプロパティの中でも躓きやすいと思われるfloatプロパティの章では、サンプルと図を多めにして実際使われるfloatを利用したレイアウト方法をパターンに分けてステップアップ式に勉強できるように工夫しました。これは、僕がこれまで学校でfloatを教えるためにずーっと考えてきた構成の現時点で一番理解しやすい形だと思っています。floatプロパティ、そんなに怖くありません。ここを理解すればどんなレイアウトでも自分で組めるようになるでしょう。続いて、positionを解説し、すぐに使えるレイアウトパターンと実践編として2つのサイトの製作をワークフローと共に解説しています。

7章はXHTMLとCSSのチップス編になり、サイト製作にすぐに活かせるものから、アイデアを真似て別の新しいものを作れるようなテクニックが満載されています。僕も知らなかったものばかりで、メニューやトピックパスのマークアップ、画像置換系といった、実現方法がいくつもあるようなものが1つにまとまっているので、手元にあれば役に立つでしょう。

書籍の情報

書名
実践 Web Standards Design- Web 標準の基本と CSS レイアウト &Tips
出版元
株式会社 九天社
著者
サイズ
B5判、 436ページ← 分厚
定価
3,200円
発売日

2007年2月23日頃に書店に並ぶようです。

アウトライン

  1. 1 章 Web Standards の基本
    1. Web Standards とは
  2. 2 章 (X)HTML の基本
    1. HTMLXHTMLに共通して覚えておくべきこと
    2. HTMLXHTMLにおける違い
    3. (X)HTMLはまず文章ありき
  3. 3 章 CSSの基本
    1. これだけは守らなければならない書式
    2. 心がけるとメンテナンスしやすい書式
    3. CSS管理のコツ
    4. 視覚整形フォーマット
  4. 4 章 float プロパティを利用したレイアウト
    1. 寄せと流し込み
    2. 重なったブロックボックスにマージン
    3. 複数フロートの横並び
    4. ネガティブマージンを利用したレイアウト
    5. float プロパティを利用したレイアウトの使い分け
    6. フロートしたボックスを含む親ボックスの高さの算出
  5. 5 章 position プロパティを利用したレイアウト
    1. 指定できる 4 つの配置方法
    2. 絶対配置を利用したレイアウト
    3. 固定配置を利用したレイアウト
  6. 6 章 実践レイアウト
    1. レイアウトパターン
    2. 複合レイアウトで情報を整理したブログページの制作
    3. ボックスを自由に配置したページデザイン
  7. 7 章 XHTML&CSSTips
    1. トピックパスのマークアップ
    2. outline プロパティによるドロップシャドウ
    3. Mac OS X の Dock 風ナビゲーション
    4. CSSによる自動番号付け(カウンタ生成)
    5. CSSでフォトギャラリー
    6. アイコンリモート表示メニュー
    7. CSSを使って画像をポップアップ表示
    8. CSSだけで動作するドロップダウンメニュー
    9. 背景画像を利用したロールオーバー効果
    10. visibility プロパティを利用して img 要素をロールオーバー
    11. さまざまなブラウザでフォントの見栄えを揃える CSSライブラリ
    12. IE6以下での子供セレクタの使用
    13. 印刷用 CSSの作成
    14. line-height プロパティの指定値
    15. 定義リストの dt と dd を横並びさせる
    16. 背景画像を利用して訪問済みリンクを一工夫する
    17. img 要素のサイズを CSSで指定
    18. position プロパティを利用して要素を画面中央に固定
    19. position プロパティでフッタを常に画面の下部に固定
    20. 行ボックスの高さで垂直センター配置
    21. 背景画像を利用した画像置換
    22. リンク先のファイルタイプを CSSで明示する
    23. CSSでフォームをスタイリング
    24. モダンブラウザ向けの CSSハック
  8. Appendix
    1. DTDの読み方ガイド
    2. DOCTYPE スイッチの一覧表
    3. CSS 2.1の各プロパティリファレンス

400ページ以上のボリュームなので寝ながら見るのはつらいですが、WEB製作時に近くに置いてもらえたらうれしいな。

書籍について更に詳しく知りたい方は共著した方の記事を見てね。

謝辞

書籍を執筆するにあたり、多くの方にご協力いただきました。心僕の執筆の遅れにより担当の大内さん並びに関係者の皆様にとてもご迷惑おかけいたしました。皆さんのアドバイスによりとても良い本ができました。

忙しい中突然の誘いにも関わらず長い期間執筆を共にしてくれた真琴さんとe-luckさん、執筆から校正まで、皆さんの的確な指示がとてもあり難かったです。お疲れ様です。出版のきっかけを与えてくれたgraffiti.orgのnaoさん、皆様にはこの場をかりて心より感謝申し上げます。

Comments:31

rea 2007年2月21日 01:12

おー、本を出されるんですね!おめでとうございます:-)

ぜひ読ませていただきます。それにしても、豪華な顔ぶれですね。みなさん、すごい方ばかりだ。

kz 2007年2月21日 02:03

遂に、この日がやってきましたね!
おめでとうございますっ
僕自身、読者(予定)として非常に楽しみにしていたので、1冊の書籍としてカタチになることを非常に嬉しく思います!!

#2007/02/20/23:00 ←

ZIGOROu 2007年2月21日 05:17

買います!そして飲み会も待ってます!

Roots 2007年2月21日 06:25

うおお!ついに本出すのか!おめでとう!
うーたんが書いたなら信頼できる!買うよ!
そして正しいHTMLとCSSを身につけるッ!

wu 2007年2月21日 08:13

reaくん

katsuo 2007年2月21日 09:48

お疲れ様ですそしておめでとうございます。
某専門学校独占だったwuの教えをみんなが堪能できるんですね。 軽く嫉妬。

436ページ全てまじめなのか、小ネタをはさむのか、それが気になるので即買い即読しますね。

zoom 2007年2月21日 11:04

とうとう発売になるんですね、おめでとうございます。

それにしても、この3での共著は凄いですね(笑
そうそうたる顔ぶれと、400ページ以上の量、買いですわ。
このメンバーをドラゴンボールに例えるならば、wuさんいかがになりますか?(笑

TEA 2007年2月21日 11:10

いつも拝見しています。
ご出版おめでとうございます。
素晴しい参考書になるであろうと
期待して書店に走ります。

MUSCAT 2007年2月21日 12:15

購入させていただきます。
おめでとうございました。 そして お疲れさまでした。

カイバ 2007年2月21日 12:46

おおっ!超楽しみです!

boc 2007年2月21日 13:38

おめでとうございます。
自分も、購入させていただきます。

シシー 2007年2月21日 13:41

うーたんお疲れ様。
かっちょいい本じゃあないですか。
今度サイン本にしてね!

Lilly 2007年2月21日 20:47

はじめまして、そしておめでとうございます!
尊敬している御三方の共著ということなので凄く欲しいです。いや、買います。
お疲れ様でした。

wu 2007年2月21日 23:03

Katsuo >
ありがとう! 流れ的に小ネタははさめなかったよ。「です・ます調」は本当難しいとおもった。 

zoomさん >
はじめまして。この3人って考えてみると面白いですよね。購読者の層も凄いかぶってそう。

このメンバーをドラゴンボールに例えるならば、wuさんいかがになりますか?

あ、いいんですか?ありがとうございます。
僕がギニューで、e-luckさんがジース、そしてギニューポーズのときのバランスも考えて、mktさんはリクームとなります。以下のURIを参照してください。
特戦隊ポーズ どことなくキャラが表されているのと、丁度ポーズのときのバランスを考えてこのようになりました。

TEAさん >
ありがとうございます! 危ないので書店へのかけあし禁止です!
僕もTEAさんのその後を楽しみにしています!

MUSCATさん >
こちらでもありがとう!休みを利用してしばらく放浪したい気分です。(ネットの中を)

カイバ >
ありがとーう。 楽しみにしておいて!もうすぐAmazonで買えるはずだから。

boc >
ありがとう!bocもどんどん知識広げてパワーアップしてマスターコーダーになるのだ!

シシィ >
表紙みてから「マツボックリが目印だ!」って思ってたけど、ホップらしいです。 マツボックリかと思ってたんだけどなー。 サインはいつでもしますよ!

Lillyさん >
Lillyさんはじめまして。 そうですねぇ、僕も他のお二人と共著できてとても勉強になりました。やっぱり一人より二人、二人より三人、文殊の知恵!って感じです。 ご存知かもしれませんが、hxxkでこの書籍のプレゼントキャンペーンやってるみたいですよ。
書籍プレゼントキャンペーン

domi 2007年2月22日 12:03

出版おめでとうございます!
モヤモヤだらけな頭なので、是非、購入してスッキリさせて頂きたいと思います。
明日が楽しみでっす!

あるふぁ 2007年2月22日 12:09

はじめまして。いつもこそーりと覗かせていただいております(^^;
執筆おつかれさまでした!
http://www.cbook24.com/
で予約開始しておりましたので、速攻で予約させていただきました。
HTMLはかじったことがあるのですが、しばらくウェブ制作から遠ざかっておりましたのでこの本でXHTML+CSSをばっちり使えるようになれれば、と思っております。

omame 2007年2月23日 15:18

おめでとうございますっ!!
UOで有名になり、そしてweb制作のカリスマスマに(*´-`*)
早く読みたいのにAmazonではまだ登録されてなーいっ!!

うた 2007年2月24日 10:25

本日届きました。ぶ、分厚い・・・
早速読み倒そうと思います。
「ここはオススメ!読んでおけよ!」みたいな箇所があると
枕にする回数が減ると思うんです。
読む人のレベルによって違うとは思いますが、よかったら教えてくださーい。

うた 2007年2月24日 10:32

ってこの記事読み返したらオススメの場所書いてありましたね。
全部ですね。
頑張って読みマース。

wu 2007年2月24日 14:00

domiさん >
是非読んでみてください。 僕は23日書店をのぞいてみたんですけど、売ってませんでした。 orz =3

あるふぁさん >
はじめまして。Amazon :実践Web Standards Designでも買えるようになったようです。ほっとひとあんしん。

omameさん >
ありがとうございます! UOでもWEBでも、廃人のようにはまると強いみたいですぼく。Amazonにでてきましたよー。

うたさん >
そうですね、ちょっと分厚いですね。お勧めの場所というか、お勧めの読み方なんですけども、この書籍は技術的な解説部分と、すぐ使えるチップスやライブラリ部分で「勉強ページ」と「お役立ちページ」のように分かれているので、最初から1ページずつすすまないでも、興味のあるページだけ読んだり、「こんなことがしたい」と思ったページだけ読むといいかもしれないですね。

カイバ 2007年2月24日 23:00

今日、吉祥寺をかけずり回ったのですが、みつからなかったです…。
amazonで注文しましたよー。

nobuko 2007年2月24日 23:45

これは勉強になる、実にいい本だ。
立ち読みで済まそうと思ったけど、読んでるうちに欲しくなって結局買いました。この分厚さは罪だな。
http://dandy.ath.cx/img/20070224

wu 2007年2月25日 01:38

カイバさん >
書店に置かれるのはもう少ししてからなのかもしれないですね。
ゆっくり長く売れてゆく本になってほしいです。

nobukoさん >
おーありがとう! 是非みなさんにも立ち読みしていただいて、気に入ったらでいいので購入してもらいたいです。

sumika(tks) 2007年3月 1日 13:01

秋葉原ヨドバシカメラで発見&即購入しました。読んでるだけでドキがムネムネしてくる本ですね!

wu 2007年3月 2日 21:19

sumika(tks)さんありがとう!
アキバドバシでドキムネですね。僕の周りの本屋さんでは置いているのをまだみたことがないので悲しいです。

mi 2007年3月 6日 19:20

はじめまして。
いままでウェブ関連の書籍はあまり買ったことが無かったのですが、
いつもみているお三方ということで、価値の出そうな初版を持っておこうと注文しました。 届くのが楽しみです。

inosoap 2007年3月14日 22:46

あなたのおかげでCSSに目覚めました。
是非買います。
これからも頑張って下さい!

wu 2007年3月15日 19:25

miさん、注文ありがとうございます!
出版社さんからの情報では売れ行き好調みたいでほっとしています。また、WEBでもレビューやフィードバックが集まってきていますのでとても嬉しくおもっています。

inosoapさん、おお!目覚めちゃいましたか!
HTMLもCSSも調べれば調べるほど同じものがシンプルに記述できるところが面白いですね!

ユカリ 2007年3月30日 12:56

はじめまして。
ネットをいろいろ見ているうちにこちらのサイトに出会い、この本の存在を知り購入させていただきました!
今は忙しくて読む時間が取れないんですが、もう少し落ち着いたらじっくり読ませて頂きたいと思います。
これからもステキなCSSテクを勉強させてください!

mimoza 2007年7月11日 01:17

はじめまして!mimozaと申します。
遅くなりましたが、購入いたしました!
内容、ボリュームに関しましても非常に満足しております。

ハッチ 2008年8月24日 15:33

マレーシアにいたころ、日本から取り寄せようかどうかさんざん迷った挙句にあきらめた「実践 Web Standards Design」を、とうとう手に入れましたー!とってもうれしいです。
ウェブだけでも勉強はできますが、書籍の閲覧性と、この本の「重み」が好きです。手元にあるとホッとします。

今年の11月には、出版元も新たに刊行されるということで、より多くの人たちに届くことをとてもうれしく思っています。

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt2/mt-tb.cgi/81
Listed below are links to weblogs that reference
XHTML CSSの書籍を執筆しました from 3.5ping.org

Home > XHTML CSS > XHTML CSSの書籍を執筆しました

Book

実践 Web Standards Design

「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top