webサイト制作の勉強|2017月7月クラスブログ

webサイト制作の勉強に関する解説ブログです。

第5回実技試験 レスポンシブデザインサイトの作成

【問01】レスポンシブサイトに必要な記述をし作成しなさい。

【問02】flexboxレイアウトモジュールを最低2箇所以上で使用すること。

【問03】ロゴをSVG画像で制作ですること。

【問04】stroke-dasharrayとstroke-dashoffsetを使ったアニメーションを作成すること。

【問05】FetchAPIを使ってSVGファイルの外部化すること。

【問06】filterを使ったホバーアクションを設定すること(filterのみ、適切なベンダープレフィックスを記述しなさい)

【問07】ブレイクポイントは適宜に設定し、PCでもSPでも適切に表示出来るようにすること。

【問08】nth-childを使ったCSSの指定をすること。

【問09】画像はフルードイメージ化すること。

【問10】タッチアイコンを作成し、表示出来るよう適切な設定をすること。

作例(あくまで一例です)

f:id:yachin29:20171209120928j:plain


http://yachin29.com/school/test-5/