WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フルスクリーンレイアウトのデザイン

f:id:yachin29:20161026201426p:plain



今までの授業ではカラムレイアウトを中心にレスポンシブデザインサイトの制作をして来ましたが、今回は既存のサイトをモデルにした全面レイアウトでのレスポンシブサイトを作っていきましょう。

全面レイアウトの場合、そのような考えで画像をサイズを決めなければいけないか、しっかりと理解しましょう。ホバーに関してはモデルとなっている既存サイトの動きを確認し、CSS3のtransitionを使って動かしてみましょう。


今まで授業で習った事を上手く組み合わせれば、今回のようなレイアウトのRWDサイトも問題無く制作出来るので、自分なりに色々と工夫をしてみましょう。
それと同時に、今まで習った基礎的な部分をしっかりと復習し必ず理解しておきましょう。




参考サイト
www.vogue.co.jp

http://mosaic-theme-active.myshopify.com/



作成
http://yachin29.webcrow.jp/vogue0710/