カテゴリー別アーカイブ: HTML5・CSS3

実技・WEBサイト制作実習

目次
・1限目「実技・WEBサイト制作実習」
(レスポンシブWebデザインについての課題)

・2限目「実技・WEBサイト制作実習」
(レスポンシブWebデザインについての課題)

・3限目「実技・WEBサイト制作実習」
(レスポンシブWebデザインについての課題)

・4限目「実技・WEBサイト制作実習」
(レスポンシブWebデザインについての課題)

・5限目「実技・WEBサイト制作実習」
(レスポンシブWebデザインについての課題)

レスポンシブWebデザイン

レスボンシブWEBデザイン課題

以前コーディングしたページを別途スマートホンとその他に最適化したデザインを作成して下さい。
※ブレイクポイントは480xpで作成

—-作成のポイント!!—-
1.まずは設計図はメモ紙等々でしっかりまとめてから
2.画像は仮で入れて、後から最適な画像と入れ替えるといいかも。。
3.ブレイクポイントのON、OFFのCSSを先に作成しておく
4.ブラウザはGoogle Chromeで作成し要素を検証(Developer Tools)を上手く利用するとよい
5.ある程度出来てきたら、各ブラウザ各デバイスでの表示をキチンと確認をしましょう。(デバイスはGoogle ChromeのUser-Agentの偽装を利用してください)