2015年10月17日(土) 10:00-13:00
モバイルフレンドリー対策 CSS3基本セミナー レスポンシブwebデザイン設計実装編
3つの習得ポイント
・モバイルフレンドリー対策を視野に入れた、更新時間を軽減できるスマホを中心としたマルチデバイス対応の制作手法
・失敗しがちな設計・実装時の注意ポイント
・フレームワークに依存しないオリジナルなレスポンシブサイトの作り方
こんな悩みはありませんか?
・スマホユーザーが着実に増えているのに、まだPC用サイトを無理やり表示させて閲覧しにくくなっている
・PC用、スマホ用、タブレット用とソースが分かれていて、更新時間がかかりすぎている
・フルードグリッドの考え方と、実際の数値算出方法がよくわからない
- HTML5
- CSS3
- セミナー内容
- 1 レスポンシブWebデザインとは(3つのポイント)
2 事例紹介
3 メリット・デメリット
4 配慮すべき点
<実習1> コンテンツの洗い出しと画面設計
・モバイルファースト
・ブレイクポイント
・画面設計時の注意点
<実習2> ベースレイアウトの作成
・効率的なCSS設計
・フル-ドイメージとは
・フルードグリッドとは
・タッチデバイス対応のポイント
<実習3> メディアクエリによる中・大サイズ画面の作成
・メディアクエリとは
・フルードグリッドでの数値算出
・レイアウト調整手法
<実習4> 各種環境への調整
・ViewPortの理解と設定方法
・Retina対応の方法
・Webフォントの活用
・IE8対応 - 参加条件
- ・HTML/CSSでの基本的な文法を理解している方
・通常のPC向けフロート段組レイアウト等は問題なく作成できる
・HTML5・CSS3で追加された新要素・プロパティ・セレクタを知っている(勉強したことがある) - 講師・ゲスト
- 草野 あけみ 氏
2004年に独立し、フリーランスで(X)HTML+CSSコーディング専門のWEBクリエーターとして第一線で活動中。 現場でつかわれる実践テクニック、時間短縮のコツなどおしみなく伝授。 シンプルで分かりやすいXHTML+CSSソースのコーディングに定評あり。 - 日時
- 2015年10月17日 10:00-13:00
- 会場
- 東京都港区南青山1-1-1 新青山ビル 東館19F (TEL) 03-5413-6681
最寄駅:
東京メトロ銀座線、半蔵門線、都営大江戸線
青山一丁目駅 4番出口直結ビル ツインタワー東館 - 参加費
- 【一般】
24,000円
【サポタントメルマガ読者会員 / OSMC会員】
19,200円 - 定員
- 14名
- URL
- http://www.webtant-seminar.jp/css3_02-20151017.html
上記URLより、直接お問い合わせください。