閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

現場のプロから学ぶ XHTML + CSS

現場のプロから学ぶ XHTML + CSS

 

XHTML、CSS使ったWeb制作のテクニックに役立つ一冊です。

 

第0章:XHTML+CSSのつくり方

  • XHTML+CSSのメリット
  • XHTML+CSSのコツ
  • XHTML+CSS制作ワークフロー
  • XHTML+CSS制作rツール
  • CSSをセロから学びたい人へ

 

第1章:XHTMLのキホン

  • XHTMLとは
  • XHTMLの書き方
  • XHTMLの文章型選び
  • XHTMLの構造
  • 基本情報を設定する要素
  • 本文を構成する要素
  • ブロックレベル要素
  • インライン要素
  • コメントと文字参照

 

第2章:CSSのキホン

  • CSSとは
  • CSSの書き方
  • CSSの適用方法
  • セレクタ
  • プロパティ
  • スタイルの優先順位
  • ユーザースタイルシート

 

第3章:CSSセッティング

  • CSSファイルの分割とファイル設計
  • リセットスタイル
  • タイポグラフィスタイル
  • カテゴリーやページごとに異なるスタイル

 

第4章:CSSデザインのための実用テクニック

  • デザインカンプからの画像書き出し
  • div要素によるコンテンツのブロック化
  • IDとクラスの使い方・使い分け
  • マークアップ選びの工夫
  • フォントとテキストのスタイリング
  • リストとリンクのスタイリング
  • テーブルのスタイリング
  • フォームのスタイリング

 

第5章:CSSレイアウト

  • さまざまなレイアウトパターン
  • 1カラムレイアウト
  • 2カラムレイアウト
  • 3カラムレイアウト
  • エラスティックレイアウト
  • フリーレイアウト
  • CSSレイアウトのポイント

 

第6章:CSSデザインのブラウザ調整

  • CSSハック/条件コメント/パスフィルター
  • Firefox/Safari/Opera/Google Chrome対策
  • Internet Explorer 8・9.6対策
  • Internet Explorer 5対策
  • ブラウザ調整のケーススタディ
  • ブラウザ調整のために知っておくと便利なこと

 

第7章:多様なデバイスでのCSSデザイン

  • さまざまなメディアタイプ
  • 印刷用CSS
  • 携帯電話用CSS
  • 携帯ゲーム機用CSS
  • テレビ画面用CSS
  • iPhone/iPod touch用CSS
  • JavaScriptによるデバイス別ページ振り分け

 

第8章:JavaScriptライブラリとCSS

  • JavaScriptとXHTML+CSS
  • 代表的なJavaScriptライブラリ
  • JavaScriptライブラリを使ってみよう
  • jQueryを使ってみよう

 

第9章:CSSトラブルシューティング

  • セレクタのトラブル
  • ボックスとレイアウトのトラブル
  • 文字色と背景のトラブル
  • フォントとテキストのトラブル
  • リストのトラブル
  • テーブルのトラブル
  • フォームのトラブル

 

Column

  • テーブルレイアウトから抜け出したい人へ……千貫りこ
  • ブラウザシェアの現状と今後……益子貴寛
  • XHTMLにJavaScriptを記述するための「CDATAセクション」……西畑一馬
  • XHTML+CSSの標準仕様……益子貴寛
  • XHTML+CSSのチェックに便利なツール……西畑一馬
  • ファビコン(favicon)を用意する……山田あかね
  • list-style-image/list-style-positionの注意点……山田あかね
  • マークアップ言語の将来:HTML5……益子貴寛
  • Internet ExplorerのCSSサポートを強力にする「IE7.js」「IE8.js」……西畑一馬
  • CSSの将来:CSS3……益子貴寛
  • ブラウザのCSS3先行実装状況……益子貴寛
  • 複数のJavaScriptライブラリを同時に利用する際の注意点……西畑一馬
  • firefoxアドオン「Firebug」を利用したJavaScriptのデバック……西畑一馬
  • 複数のInternet Explorerを共存させる方法……益子貴寛
  • Webサイト制作に役立つブラウザ拡張やデバックツール……伊藤学
  • アクセシビリティのチェックに便利なツール……益子貴寛

 

Appendix

  • XHTML要素・属性一覧
  • CSS@ルール一覧
  • CSSセレクタ一覧
  • CSSプロパティ一覧
  • ブラウザのDOCTYPEスイッチ

 

関連記事

  1. Illustrator アイコン・マーク・ロゴデザイン

    Illustrator アイコン・マーク・ロゴデザイン

  2. 初めてでもできる Perl CGI 即効サンプルブック

    初めてでもできる Perl CGI 即効サンプルブック

  3. すべての人に知っておいてほしいIllustratorの基本原則

    すべての人に知っておいてほしいIllustratorの基本原則

  4. Photoshop x Illustrator プロフェッショナルズ テクスチャ・背景・壁紙デザイン

    Photoshop x Illustrator プロフェッショナ…

  5. 世界の「最先端」事例に学ぶCSSベスト・プラクティス

    世界の「最先端」事例に学ぶCSSベスト・プラクティス

  6. CSS + jQuery Webデザインテクニック

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る