閉じる
閉じる
閉じる
  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. レンタルサーバ選びから始める Webサイト&ネットショップ&ビジネスブログ構築ガイド

    レンタルサーバ選びから始める Webサイト&ネットショ…

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

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

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

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

  4. Photoshop スーパーリファレンスCS4

    Photoshop スーパーリファレンスCS4

  5. 作りながら覚えるAndroidプログラミング

    作りながら覚えるAndroidプログラミング

  6. スタイルシートによるレイアウトデザイン見本帖

    スタイルシートによるレイアウトデザイン見本帖

コメント

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

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

ページ上部へ戻る