学科 レイアウトデザイン基礎③(CSSコーディング練習問題)

前回の復習

本日の訓練内容

メモ

  • 今回はピクトグラム画像をCSSのbackgroundで埋め込んだが、画像をクリックしてアクションを起こさせる場合などはhtmlで表示し動作を紐づけする。
  • 手書きのワイヤーフレームにsectionなどを書き込んで整理するとわかりやすい。
DEAUアカデミー WEBデザイナー養成科(短時間)A教室 | 日々の訓練内容をこちらに掲載していきます。

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎③
レイアウトデザイン練習

2限目
学科 レイアウトデザイン基礎③
レイアウトデザイン練習

3限目
学科 レイアウトデザイン基礎③
課題制作

4限目
学科 レイアウトデザイン基礎③
課題制作

5限目
学科 レイアウトデザイン基礎③
課題制作

本日のテーマ

CSS記述の練習をしましょう①

練習問題

ドロップボックス
資料>【4】コーディング>レイアウトデザイン 練習問題>「レイアウトデザイン 練習問題②」をダウンロードしましょう。

CSS記述の練習問題です。

第4回成績考査(予告)

8月31日の4限目終了までに、WEBページのデザインラフを提出してください。
WEBページの内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。
※提出方法はデータ保存したデザインラフのWordpress投稿です。

今後の予定

・8/22(月):●ワイヤーフレーム作成①
・8/23(火):レイアウトデザイン 練習①
・8/24(水):レイアウトデザイン 練習② (★本日・オンライン)
・8/25(木):レイアウトデザイン 練習③ (オンライン)
・8/26(金):●デザインラフ作成①

・8/30(火):レイアウトデザイン 練習④(オンライン)
・8/31(水):成績考査(●デザインラフ作成②)