◆3つの習得ポイント

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

◆こんな悩みはありませんか？

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

◆セミナー内容

▼設計編　10:30-12:15

1　レスポンシブWebデザインとは
2　直近のレスポンシブ事情
3　レスポンシブサイト制作の基本
　(1)　コンテンツ
　(2)　デザイン
　(3)　UI設計
　(4)　画像類
4　レスポンシブサイトの設計
　(1)　画面構成の考え方
　(2)　レイアウトとブレイクポイントの考え方
5　画面構成を検討してみよう（実習）

---

　45分間お昼休憩　

▼実装編　13:00-14:45

6　レスポンシブWebデザインの実装準備

　(1)　動作保証環境

　(2)　コーディング方式

　(3)　デザイン設計仕様

　(4)　テンプレート設定

7　レスポンシブWebデザイン基本テクニック（コーディング実習）

8　レスポンシブWebデザイン応用テクニック（コーディング実習）

＜質疑応答＞

　　

◆持参物

　　(1)筆記用具
　　(2)電卓
　　(2)ノートパソコン(延長コード、無線LANの環境はあります)

　　◎パソコンについて
　　 当日は下記フリーソフトのインストールを済ませてご持参ください。

　　＜必要ソフト＞
　　 Brackets（テキストエディター：無料）
　　　 ※基本的に使い慣れたテキストエディタであればOKですが、 中には入力補助機能が無いエディタですと、
　　　　タイピングに自信が無い場合は少々面倒かもしれません。その点ご了承くださいませ。

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

◆こんな方におすすめ

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

◆講師　草野　あけみ 氏

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

◆定員　8名

当セミナーは、Doorkeeper以外に、当社オフィシャルサイトでも公開募集をしております。
なるべくリアルタイムで残席の情報更新をしておりますが、
タイミングによっては自社サイトからのお申込みで満席となり、キャンセル待ちをお願いする場合がございます。ご了承くださいませ。

＊定員数を超えて当社スタッフが聴講生として同席する場合があります
　　

◆受講キャンセル・振替

(1)キャンセル
お申込みのキャンセルは、メールで（送信先 order@supotant.com ）ご連絡ください。
また、ご入金後のキャンセルについてはご返金いたしかねます。予めご了承ください。

(2)受講日振替
お客様のご都合（忙しいなど）による受講日の振替はお受けしておりません。ご了承ください。

(3)講座開催中止
最小催行人数に満たない場合、または受講講座が当社の責に帰すべき理由で止むを得ず講座を閉講（開催中止）させていただく場合があります。
閉講（開催中止）のご連絡は、原則として開催日の5営業日前に電子メールにてご連絡します。（開催決定日が土日祝の場合は、その直前の平日）
閉講（開催中止）となった場合、受講料は全額返金いたします。
ご希望により次回開催日時への振替も承ります。