閉じる
閉じる
閉じる
  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

ウェブレイアウトの教科書

ウェブレイアウトの教科書

マルチデバイスの導入を考えていたので購入しました。

第1章 レイアウトデザインの基本

  • レイアウトとは?
  • グリッドシステムの概念
  • ホワイトスペースを理解する
  • 装飾と情報のデザイン
  • 浮動化する新しいレイアウトデザイン

第2章 ウェブレイアウトのレイアウト技法

  • ウェブレイアウトの基本
  • アダプティブ(適応可能)なレイアウトデザイン
  • アダプティブ・ウェブデザインの基本を理解する
  • CSSの基本概念「ボックスモデル」を理解する
  • CSS3を使ったこれからのウェブレイアウト

第3章 デスクトップ

  • 最もベーシックなリキッドレイアウト
  • フロート処理による段組みレイアウト
  • フロート処理の解除と段組みレイアウトの応用
  • CSS3グリッドレイアウトによるページデザイン
  • グリッドレイアウトによる調整可能なデザイン
  • マルチカラムレイアウトとの組み合わせ
  • フレキシブルボックスレイアウトとの組み合わせ

第4章 携帯電話・スマートフォン

  • 携帯電話用のウェブサイト「ケータイサイト」
  • スマートフォン向けのウェブサイト
  • コンテキスト・ファーストの考え方
  • スマートデバイスとViewport
  • コンテンツが優先される小さなスクリーンのレイアウト
  • メディアクエリによるレイアウトの切り替え

第5章 タブレット

  • タブレットスクリーンのレイアウト
  • ウェブアプリにレイアウト設計
  • ネイティブアプリのレイアウト設計
  • レイアウトデザインのフレームワーク

第6章 マルチデバイス対応のレイアウト

  • ラフチケットとモックアップの作成
  • 固定レイアウトで設計してリキッドレイアウトに変換する
  • メディアクエリでスタイルを切り替える
  • 対象とする閲覧環境で検証する
  • アダティブ・ウェブデザインの実践[1]設計・制作
  • アダティブ・ウェブデザインの実践[2]スタイルの切り替え

関連記事

  1. 瞬速デザイン素材集 Photoshop Design Tools ブラシ&パターン

    瞬速デザイン素材集 Photoshop Design Tools…

  2. CSS3 スタンダード・デザインガイド

    CSS3 スタンダード・デザインガイド

  3. デジハリデザインスクール Webデザイン FLASH CS4対応

    デジハリデザインスクール Webデザイン FLASH CS4対応…

  4. WordPressデザインブック 3.x対応

    WordPressデザインブック 3.x対応

  5. スマートフォンで副収入を稼ぐ本

    スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅…

  6. Dreamweaver Webアプリケーション スターティングガイド

    Dreamweaver Webアプリケーション スターティングガ…

コメント

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

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

ページ上部へ戻る