講座内容

これは、ご好評いただいている 「Webクリエイターならおさえておきたいスマホサイト制作の基礎知識」の続編です。 今回は、より深く学んでみたい！との声が高かった、 『レスポンシブWebデザイン』というデザイン手法を中心に学習します。 それは、スマートフォン・タブレット・デスクトップ… など異なる画面サイズの機器でアクセスされても、一枚のHTMLファイルで 使いやすく・見やすくするためにCSS3で新しくサポートされた Media Query を使って、 表示する機器の画面サイズでスタイルシートを切り替える手法です。 説明してしまえば単純なデザイン手法なのですが、 「機器ごとのスタイルをどう組めば使いやすく・見やすくできるのか？」 を考えるのが難しいといわれている所です。 この講座では、レスポンシブWebデザインの手法を中心に、 より実践的なスマートフォン対応サイトの制作について学習します。 ■国内のレスポンシブWebサイトページの例 【株式会社カネボウ化粧品】は、レスポンシブWebデザインの手法で作成されています。ここをクリックした先のページ上部のアイコン（デスクトップ・タブレット・スマートフォンなど）をクリックし、表示範囲を確かめてみましょう。 スマホサイト制作を初めて勉強される方は、前週(2月13日)実施の「Webクリエイターならおさえておきたいスマホサイト制作の基礎知識」と合わせて受けるとより理解が深まります。2週間で連続受講のチャンスです。 【注意】 本編は、「Webクリエイターならおさえておきたいスマホサイト制作の基礎知識」の続編ですが、この講座からも受講可能です。



お申込みに関して

※事務局からのお申込み確認メール送付をもって、受付完了となります。 ※開講日1週間前の時点で最少催行人員に満たない場合は、やむをえず講座を閉講とさせていただく場合がございます。 　その場合は、メールでご連絡するとともにホームページにも 掲載します。 開催一週間前に本ページの開催日時欄をご参照ください。 ※開講が決定したものについては、「申込締切日」までお申込み可能です。



キャンセルについて

キャンセル期限は 2/18(火) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 開催前日（2/19）、当日（2/20）のキャンセルおよび当日の不参加は 事務局 06-6615-1006 へお電話にてご連絡願います。

この場合、受講料の100％がキャンセル料として発生します。 追ってご案内を送信しますので内容に基づいてご対応願います。

免責事項

1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。

講座構成（予定）

レスポンシブWebデザイン(RWD)とは？ 基本構造は、Fluid Grid（フルードグリッド）で作る Media Query（メディアクエリー）の記述方法と仕組み レイアウトに合わせて画像データをサイズ指定する 　・Fluid Image（フルードイメージ） 　・背景画像（background-image）をうまく利用する 　・jQueryを使って差し替える IE対策はどうするか？ RWDの事例から見る、さまざなまテクニック RWDサイト制作で知っておくと便利なツール 　・Adobe Dreamweaver CS6の可変グリッドレイアウト 　・RWDでのコーディングを効率化する LESS 　・RWDページのレイアウト確認ツール RWDが、向くサイトと不向きなサイト 不向きな場合はどうするか？ ・振り分け型＋CMSを使った事例…など



対象者

・スマートフォン対応サイト制作に本格的にチャレンジしたいWeb制作者 ・レスポンシブWebデザインについて学習したい方



受講に必要な条件

以下の条件全てを満たしている場合に限り受講が可能です。 ・Web制作経験者でHTMLとCSS2のソースコードをある程度理解できていること 　（これからWeb制作を始める方向けの基礎とは異なるのでご注意ください） ・キーボードからの英数字等入力が難なくできること 　（講義内でソースコード入力が多いため、ついていけない可能性があります）



講師プロフィール

森和恵氏（r360studio） Dreamweaver CS5 ACI (Adobe認定トレーナー) フリーランスのWeb制作者、およびIT系セミナー講師。 数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。 現在はさまざまなWebコンテンツの企画／制作業務に携わる。 また、IT／Web分野のセミナー講師として活動中。 「難しいことでも、わかり易く伝える」をモットーに、 クリエーターの立場で得た知識を、制作者や講師の立場から、 皆さまに役立てていただければ…と日々精進している。 著書に、『DreamweaverとMovable Typeで作る 　　　　　　　テンプレートカスタマイズレッスン 』（技術評論社）など。

注意事項

「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。

講座形式

聴講（一部ハンズオン含む）

過去の 受講者アンケートより

過去に本編を受講された方からいただいたご感想です。 お申込みを検討される際にぜひお役立てください！ ・細かく説明いただいてわかりやすかった（一般企業　勤務） ・本をよんでもよくわからなかったのですが、先生の説明でわかったような気がします。 　実制作をしながら理解していこうと思います。（Web・紙媒体などの制作会社　勤務） ・業務で取り組む事になったタイミングだったので、コンパクトに勉強出来て 　とても助かりました。教科書上だけの話だけでなく、 　現場の事例等も紹介して下さり大変参考になりました。（システム開発会社　勤務） ・独学で勉強してきましたが。先生に口頭で教えていただき、 　分からないところが良く理解することができました。（一般企業　勤務） ・言葉だけで難しいと思っていたが、分かりやすい説明だったので理解できた。（フリーランス）

会場アクセス


大きな地図で見る 大阪市住之江区南港北2-1-10　アジア太平洋トレードセンター（ATC）内 ITM棟6階 （ニュートラム南港ポートタウン線　トレードセンター前駅下車） http://www.imedio.or.jp/about_us/access.php/ 強風などの場合は地下鉄・ニュートラムの運行が遅れる場合があります。 念のため時間に余裕をもってお越しください。