Web制作コース中級編

企業と仕事できるコーディング力をつけよう

DAY 16

フッターのコーディング

いよいよ最後のパーツ、『フッター』です!これで練習課題のコーディングは完成。

以下のXDのデザインカンプをレスポンシブ込でコーディングしてください!

※パスワードはDAY9に記載したものと全て共通です。

コーディングに必要な値はデザインカンプから取得できます。その他の条件としては、以下の条件で作成してください。

  • 全体的にリンクの設定は不要
  • スマホ時は縦並びにする
  • 背景はグラデーション

01 余裕がある人向けの課題

02 フッターの3ブロックの作り方

03 トップへ戻るは常に右下に配置

04 回答例コード

05 デザインデータからコーディング〜よく使うパターンを練習しよう編まとめ