CSS Niteビギナーズのセミナーイベントと連動して制作している書籍に関する情報です。

基本情報

  • 書名:『現場のプロから学ぶXHTML+CSS』
  • 著者:益子 貴寛、堀内敬子、小林 信次、千貫りこ、伊藤 学、山田あかね、西畑一馬
  • 編集:益子 貴寛、CSS Nite
  • 出版社:毎日コミュニケーションズ
  • ページ数:336ページ
  • 色数:オールカラー
  • 判型 B5変型(横182mm×縦234mm)
  • 本体価格 2,800円+税
  • 発売日11月11日

株式会社ビジネス・アーキテクツの森田 雄さんに帯に一言いただきました。

「僕はXHTMLとCSSをマスターするには仕様書の全読は欠かせないと思う。しかし、まずは本書をマスターすること。それは間違いなくプロへの第一歩だ。」 ──森田 雄 (株式会社ビジネス・アーキテクツ 取締役) 増刷になりました

目次

第0章:XHTML+CSSのつくり方(千貫 りこ)

  • 0-1. XHTML+CSSのメリット
  • 0-2. XHTML+CSSの考え方・学び方
  • 0-3. XHTML+CSS制作ワークフロー
  • 0-4. XHTML+CSS制作ツール
  • 0-5. CSSをゼロから学びたい人へ
  • Column:テーブルレイアウトから抜け出したい人へ(千貫 りこ)
  • Column:ブラウザシェアの現状と今後(益子 貴寛)

第1章:XHTMLのキホン(益子 貴寛)

  • 1-1. XHTMLのしくみ
  • 1-2. XHTMLの書き方
  • 1-3. XHTMLの文書型選び
  • 1-4. XHTMLの全体像
  • 1-5. 基本情報を設定する要素
  • 1-6. 本文を構成する要素
  • 1-7. ブロックレベル要素
  • Column:XHTMLにJavaScriptを記述するための「CDATAセクション」(西畑 一馬)
  • 1-8. インライン要素
  • 1-9. コメントと文字参照
  • Column:XHTML+CSSの標準仕様(益子 貴寛)

第2章:CSSのキホン(益子 貴寛)

  • 2-1. CSSのしくみ
  • 2-2. CSSの書き方
  • 2-3. CSSの適用方法
  • 2-4. セレクタ
  • 2-5. プロパティ
  • 2-6. スタイルの優先順位
  • 2-7. ユーザースタイルシート

第3章:CSSセッティング(堀内 敬子)

  • 3-1. コンポーネント化とファイル設計
  • 3-2. リセットスタイル
  • 3-3. タイポグラフィスタイル
  • 3-4. カテゴリーやページごとに異なるスタイル
  • Column:XHTML+CSSのチェックに便利なツール(西畑 一馬)

第4章:CSSデザインのための実用テクニック(山田 あかね)

  • 4-1. デザインカンプからの画像書き出しとイマジネーション
  • 4-2. div要素によるコンテンツのブロック化
  • 4-3. IDとクラスの使い方・使いわけ
  • 4-4. マークアップ選びの工夫
  • 4-5. フォントとテキストのスタイリング
  • 4-6. リストとリンクのスタイリング
  • 4-7. テーブルのスタイリング
  • 4-8. フォームのスタイリング

第5章:CSSレイアウト(小林 信次)

  • 5-1. 1カラムレイアウト
  • 5-2. 2カラムレイアウト
  • 5-3. 3カラムレイアウト
  • 5-4. エラスティックレイアウト
  • 5-5. フリーレイアウト
  • Column:XHTMLの将来:XHTML 2.0とHTML 5(益子 貴寛)
  • Column:複数のInternet Explorerを共存させる方法(益子 貴寛)

第6章:CSSデザインのブラウザ調整(益子 貴寛)

  • 6.1. CSSハック/条件コメント/パスフィルター
  • Column:Internet Explorer のCSSサポートを強力にする「IE7.js」「IE8.js」(西畑 一馬)
  • 6-2. Firefox/Safari/Opera対策
  • 6-3. Internet Explorer 8対策
  • 6-4. Internet Explorer 7対策
  • 6-5. Internet Explorer 6対策
  • 6-6. Internet Explorer 5対策
  • 6-7. モダンブラウザの先行実装状況
  • 6-8. CSSの将来: CSS3(益子 貴寛)
  • Column:ブラウザのCSS3先行実装状況(益子 貴寛)

第7章:多様なデバイスでのCSSデザイン(伊藤 学)

  • 7-1. メディアタイプについて
  • 7-2. プリンタ向け
  • 7-3. モバイルケータイ向け
  • 7-4. 携帯ゲーム機/TV画面向け
  • 7-5. iPhone/iPod touch向け

第8章:JavaScriptライブラリとCSS(西畑 一馬)

  • 8.1. JavaScriptとXHTML+CSS
  • 8-2. 代表的なJavaScriptライブラリ
  • Column:複数のJavaScriptライブラリを同時に利用する際の注意点(西畑 一馬)
  • 8-3. JavaScriptライブラリを使ってみよう
  • 8-4. jQueryを使ってみよう
  • Column:Firefoxアドオン「Firebug」を利用したJavaScript のデバッグ(西畑 一馬)

第9章:CSSトラブルシューティング集(千貫 りこ、西畑 一馬、小林 信次、伊藤 学、益子 貴寛)

  • 9-1. セレクタのトラブル
  • 9-2. ボックスモデルのトラブル
  • 9-3. レイアウトのトラブル
  • Column:Webサイト制作に役立つブラウザ拡張やデバッグツール(伊藤 学)
  • 9-4. 文字色と背景のトラブル
  • 9-5. フォントのトラブル
  • 9-6. テキストのトラブル
  • 9-7. リストのトラブル
  • 9-8. テーブルのトラブル
  • 9-9. フォームのトラブル
  • Column:アクセシビリティのチェックに便利なツール(益子 貴寛)

Appendix

  • ブラウザのDOCTYPEスイッチ
  • 文字参照
  • CSSプロパティ一覧
  • XHTML要素一覧

著者とプロフィール

下記のメンバーによる連動書籍を進行しています。この書籍はセミナーのサブテキストとして利用します。
なお、出演者は事前の予告なく 変更になる可能性があります。

写真:益子 貴寛益子 貴寛(ましこ たかひろ)

株式会社サイバーガーデン
代表取締役

1975年生まれ。早稲田大学大学院商学研究科修了。大学院在学中の1999年5月にWebリファレンス&リソース提供サイト「CYBER@GARDEN」を立ち上げる。一般企業に就職後もWebデザイン誌での執筆やW3C仕様書の翻訳活動を続け、2003年5月に独立。Webサイトのプロデュースや戦略立案、制作業務、コンサルティング、Webクリエイター向けの講義やトレーニング、執筆活動に従事。

社団法人 全日本能率連盟登録資格「Web検定」プロジェクトメンバー。
2008年8月より、金沢工業大学大学院工学研究科 知的創造システム専攻 客員教授。

主な著書に『Web標準の教科書』(秀和システム)、『スタイルシート・デザイン』(共著、MdN)、『変革期のウェブ』(共著、マイコミ新書)など。

堀内さん堀内敬子(ほりうち・たかこ)

有限会社アズ・シーツー
代表取締役/ディレクター/デザイナー

1997年リクルート九州支社にて雑誌編集を担当。1999年Web制作会社勤務、2000年フリーランスのWebデザイナー等を経て、2005年にWeb制作会社、有限会社アズ・シーツーを設立。結果を出すことにフォーカスしたWeb制作・運営を行う。

雑誌「Web Site Expert」(技術評論社)にて「中小企業が『勝つ』ためのWeb制作と運営ノウハウ」を連載中。雑誌・Webマガジンに不定期で執筆。他、不定期で講演等。

ブログ:云々

写真:小林 信次小林 信次(こばやし・しんじ)

株式会社まぼろし
Webディレクター、マークアップエンジニア

茨城県出身 1980年生まれ。
専修大学経営学部卒業後、1年弱のニート生活を経て、販売代理店の営業職を経験後、(有)アイエイトワンへ入社。

08年8月11日、業務分野をWebに特化するため、(有)アイエイトワン代表:栗原誠と株式会社まぼろしを設立。

主に、Webディレクション、マークアップを担当するかたわら、allWebクリエーター塾などでセミナー講師を担当する。
著書に『XHTML+CSSデザイン|基本原則、これだけ。』

写真:千貫りこ千貫りこ(せんがん・りこ)

KICKS Web代表

フリーランスのWebクリエイター。

某企業における自社サイトのWebマスターとして4年間、その後転職したWeb制作会社にてHTMLコーディング専任者として4年間勤務した後、2005年に独立。

小〜中規模サイトの企画・制作や大規模サイトの(X)HTMLコーディングといった制作業務の他、雑誌記事の執筆、プライベートセミナー開講なども行う。

Web制作会社をはじめとして、出版、呉服、店舗、作家、NPO法人などクライアントの業種は多岐に渡る。

写真:伊藤 学伊藤 学(いとう・まなぶ)

ウィルシステム・インコーポレイテッド
マークアップエンジニア/マネージャー

1977年、神奈川県生まれ。逗子開成高校卒。MIDI音楽制作とパソコン講師を行いながら99年にWebサイト制作ユニット『STUDIO Freesia』を設立。

IBM国内認定試験事務局をスタッフを経て、現在はWill System, inc.にて情報設計やCSS・マークアップ等の設計を担当。また派遣会社にてスタッフ向け講師を担当中。雑誌『Web STRATEGY』(MdN)にて「問題解決のためのWebディレクション術」も連載中。

写真:山田あかね山田あかね(やまだ・あかね)

エスカフラーチェLLC 
デザイナー

Web業界と関係ない業種で独立して働く傍ら,Web/XHTML/CSS等技術を独学。2005年「コトノハ -○×ソーシャル(http://kotonoha.cc/)」のリニューアルをきっかけに上京し転職。

paperboy&co.でWebサービス開発等を経て、2007年にエスカフラーチェLLCの設立に参画。twister(http://jp.twisternow.net/)など自社サービスのデザイン他、超特急(X)HTML/CSSコーディングサービスCodeEXPRESS(http://www.escafrace.co.jp/codeexpress/)の企画運営・Webサービスのコンサルティングなど幅広く活躍中。その他、Web連載・雑誌執筆活動など多数。

ハンドルはpurprin(ぷるぷりん)。

写真:西畑一馬西畑一馬(にしはた・かずま)

to-R代表/Webクリエイター

フリーランスのWEBクリエイター。
PHPによるシステム開発や、CMSを利用したWEBサイト制作、SEOなどのマーケティング、コンサルティング、WEBクリエイター向けの講座などを業務で行う。
ブログでは、WEB制作に関するTIPSから、自作のJavaScriptライブラリ、Movable Typeのプラグインを公開するなどの活動を行っている。
大阪市ソフト産業プラザimedioや、パソナテック、ナガセPCスクールなどでのセミナー講師も務める。

サポートサイト

書籍で扱っているデータのダウンロード、正誤表、補足情報など『現場のプロから学ぶXHTML+CSS』サポートサイトで公開しています。

友情出演

『現場のプロから学ぶXHTML+CSS』に「夜明けのミャー」が友情出演。

お問い合わせ

ご不明点やお気づきの点がありましたらcssnite@gmail.com、または、こちらのフォームからお知らせください。


このページの上部に戻る