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. 携帯ゲーム機/ＴＶ画面向け
  • 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、または、こちらのフォームからお知らせください。

このページの上部に戻る