閉じる
閉じる
閉じる
  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. デジハリデザインスクール Webデザイン Illustrator & Photoshop CS4対応

    デジハリデザインスクール Webデザイン Illustrator…

  2. facebookデザインブック

    facebookデザインブック

  3. 本格派のPhotoshop プロのテクニックを紐解く

    本格派のPhotoshop プロのテクニックを紐解く

  4. 3週間でマスターWebデザインの教室

    3週間でマスターWebデザインの教室

  5. Illustration of llustrator Illustratorだけで描くスーパーアートワークス

    Illustration of llustrator Illus…

  6. PHPによるWordPressカスタマイズブック

    PHPによるWordPressカスタマイズブック 2.8対応

コメント

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

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

ページ上部へ戻る