レスポンシブWebデザイン の第一人者である菊池崇（きくち・たかし）さんをお呼びして“１つのHTMLでどのデバイスでも対応 スマートフォンサイト制作講座”を開催します。

今回の講座内容は、allWebクリエイター塾で開催されている講座内容と同様のものになります。貴重な大阪での開催（交通費が浮きますよ！）になりますので、是非ご参加ください。

詳しい講義内容は、allWebでの開催概要をご覧ください。
http://all-web.org/curriculums/smart-phone/index.html

すでに14名の参加が決まっているので、残席は6名になります。
 

セミナー内容
昨今のスマートフォン市場は、デバイスの増加し、それに伴いOSとスクリーンサイズが「多様化」し、スマートフォンサイト制作を困難にしています。

スマートフォンサイト制作のアプローチには２つの方法があります。
1つはサーバーサイドでデバイス(ユーザーエージェント：UA)ごとに振り分け、複数のHTML、CSSを作成する方法。もうひとつは、CSS3の Media Queries（メディアクエリ）でウィンドウサイズを基準にCSSのみを切り分ける方法です。

本講座では、後者のCSSだけで複数の OS やデバイスに対応するResponsive Web Design（レスポンシブWebデザイン）を中心に学習します。もちろん、スマートフォンのサイズになった際の制作方法も学ぶ事ができます。


対象
・HTML5を理解されている方
・CSSで自分で最初からページを組む事ができる方
・CSSの継承・相対単位・フォントサイズを理解されている方
・iOS、Android、Windows Phone 7、タブレット向けのスマートフォンサイト制作をしたい方
・スマートフォンサイト制作の案件の問い合わせのある業者様
・スマートフォンサイト構築が初めての方

特徴
・日本初、レスポンシブWebデザイン のカリキュラムを正式導入
・レスポンシブWebデザイン の第一人者であり、多くの実績がある講師が担当
・iOS端末、Android端末、Windows Phone 7、BlackBerryへ対応
・実践レベルに合わせたカリキュラム
・最新の実案件を元にしたスマートフォンサイト開発ケーススタディーの提供

進行方法
・講座は１日全8時間です。
・パソコン持参の方には事前に環境設定のメールをご案内いたします。
・本講座ではCSS3は詳解していません。ご希望の方はCSS3講座にご参加ください。

内容
1.デスクトップとモバイルの違い
2.モバイルファースト
3.開発環境の設定
4.レスポンシブ・ウェブデザインとは
5.Fluid Image(Flexible image)
6.Fluid Grid(Flexible grid)
7.Media Query（メディア・クエリ）
8.実践基本サンプルサイト
9.ボックスモデル
10.背景画像の処理
11.スマートTVと表示の注意点
12.モバイルサイトの為のパフォーマンスチューニング


実習で利用するソフト
テキストエディタ（要UTF-8入力）を利用して開発します。
Windows:TeraPad
Mac:ミミカキエディット
Safari5


講座をお受けになる方々は当日ノートパソコンをご持参ください。（ノートパソコンをお持ちでない方は事前にご相談ください）
Wi-Fi環境はございます。