CSS3基本セミナー レスポンシブwebデザイン設計実装編

モバイルフレンドリー対策の決定版!これからリニューアルされる方はこの機会が絶好のチャンス(東京:青山)

  • 開催回数

    0
  • 受けた人

    0
  • 受けたい人

    33
  • 感想読む

    0

こんなことを教えます

<3つの習得ポイント>
・モバイルフレンドリー対策を視野に入れた、更新時間を軽減できるスマホを中心としたマルチデバイス対応の制作手法
・失敗しがちな設計・実装時の注意ポイント
・フレームワークに依存しないオリジナルなレスポンシブサイトの作り方

<こんな悩みはありませんか?>
・スマホユーザーが着実に増えているのに、まだPC用サイトを無理やり表示させて閲覧しにくくなっている
・PC用、スマホ用、タブレット用とソースが分かれていて、更新時間がかかりすぎている
・フルードグリッドの考え方と、実際の数値算出方法がよくわからない

<セミナー内容>
1 レスポンシブWebデザインとは(3つのポイント)
2 事例紹介
3 メリット・デメリット
4 配慮すべき点

<実習1> コンテンツの洗い出しと画面設計
   ・モバイルファースト
   ・ブレイクポイント
   ・画面設計時の注意点

<実習2> ベースレイアウトの作成
   ・効率的なCSS設計
   ・フル-ドイメージとは
   ・フルードグリッドとは
   ・タッチデバイス対応のポイント

<実習3> メディアクエリによる中・大サイズ画面の作成
   ・メディアクエリとは
   ・フルードグリッドでの数値算出
   ・レイアウト調整手法

<実習4> 各種環境への調整
   ・ViewPortの理解と設定方法
   ・Retina対応の方法
   ・Webフォントの活用
   ・IE8対応

※実習の見出し項目や順番は、教材作成の都合により変更となる場合があります。ご了承ください。

<持ち物>
  (1)筆記用具
  (2)電卓
  (3)実習データを持ち帰る場合はUSBメモリー
  (4)ノートパソコン   当日は下記フリーソフトのインストールを済ませてご持参ください。

   <必要ソフト>
     ・Brackets(テキストエディタ)(無料)
      http://brackets.io/

ただし、持ち込みマシンは、会場の無線LANに接続してご利用いただくことも可能ですが、
ウイルス対策が施されているマシンでお願い致します。
その他、お持込いただいてトラブルがありましても当社は責任を負えませんのでご了承くださいませ。

*有償貸出あり。希望の場合ご連絡ください。数に限りがありますのでお早めに

この講座の先生

草野 あけみ

草野 あけみ

実践テクニック、時間短縮のコツなどおしみなく伝授

2004年に独立し、フリーランスで(X)HTML+CSSコーディング専門のWebクリエーターとして第一線で活動中。
現場でつかわれる実践テクニック、時間短縮のコツなどおしみなく伝授。
シンプルで分かりやすいXHTML+CSSソースのコーディングに定評あり。
著書:HTML&CSS標準デザイン講座

Thumb b3f29131 07ce 498d bb9b c722be863007

この講座の主催団体

サポタント株式会社

詳しいプロフィールを見る >

開催回数42

参加人数59

こんな方を対象としています

・HTML/CSSでの基本的な文法を理解している方
・通常のPC向けフロート段組レイアウト等は問題なく作成できる
・HTML5・CSS3で追加された新要素・プロパティ・セレクタを知っている(勉強したことがある)

受講料の説明

レンタルパソコン希望の場合別途1,080円実費負担

受講する際は以下をお読み下さい

HTML5・CSS3を使用しますが、HTML5要素、CSS3プロパティ、 CSS3セレクタ等の個別解説はいたしません。

本セミナーは、ストリートアカデミー以外に、
当社オフィシャルサイトでも公開募集をしておりますので、
ストリートアカデミーのお申込み数がご参加総数と異なる場合もございます。

感想 0

楽しかった!

( 0 )

勉強になった!

( 0 )

行く価値あり!

( 0 )

講座についてのご質問はコチラ

主催団体に問い合わせる

開催予定の日程一覧

  • 開催予定

    開催予定エリア:東京都内

    受講料:¥ 25,920

この講座の関連ツイート

サポタント株式会社 さんの他の講座

Page Top