10月10日（火）実技 スマートフォンサイト作成実習

大浜 信彦　先生

アジェンダ

1限目
実技 スマートフォンサイト作成実習
RWDの歴史・基本設定Viewportについて

2限目
実技 スマートフォンサイト作成実習
Media Queries・UI/UXについて

3限目
実技 スマートフォンサイト作成実習
課題制作

4限目
実技 スマートフォンサイト作成実習
課題制作

5限目
実技 スマートフォンサイト作成実習
課題制作・講評

ポイント

• 世の中スマホ６割のビュー
• 復習ボックスモデル
• 　　☑ width ☑ height　☑ padding ☑ margin ☑ border
• 　　☑ float ☑ clear ☑ position ☑ overflow ☑ display
• 復習
• 　　Box model　Media Queries　Viewport　UI/UX
• タッチデバイスを意識　aタグはdisplay :block;　
• 　リンクが付いていることを解りやすく
• ■ ファーストビューで「最優先のコンテンツ」フッターで「各ページ」へ

成果