学科 WEBディレクション概論③【オンライン】

-本日のアジェンダ-

1限目
学科 WEBディレクション概論③
求人応募について

2限目
学科 WEBディレクション概論③
「人材紹介」や「人材派遣」について

3限目
学科 WEBディレクション概論③
求人応募に向けて

4限目
学科 WEBディレクション概論③
本日のまとめ

5限目
学科 WEBディレクション概論③
本日のまとめ


本日のポイント

応募書類の作成に正解はありません。

もし正解があるとしたら「面接に呼んでいただく」です。そして、面接になったら聞いてみてください。「何で呼んでいただけましたか?」と各書類の狙いが上手くいっているか確認してみましょう。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
求人応募について.pdf」 

【動画】

参考サイト

本日の課題

オンラインは課題無しです。

学科 HTML/CSS基礎⑥

-本日のアジェンダ-

1限目
学科 HTML/CSS基礎⑥
CSSの記述方法について

2限目
学科 HTML/CSS基礎⑥
CSSの記述方法について

3限目
学科 HTML/CSS基礎⑥
Webページ制作実践

4限目
学科 HTML/CSS基礎⑥
Webページ制作実践

5限目
学科 HTML/CSS基礎⑥
本日の講義のまとめ


本日のテーマ

CSSの記述をしましょう

セレクタの得点について

セレクタには優先順位があり点数計算をして高得点のものが採用されます。同じ得点の場合は後ろに書いてあるものが採用されます。点数計算の結果によっては前に書いてあるセレクタが採用されてしまうことがありますので意図したスタイルにならない時は点数を確認してください。

CSS:レイアウト系プロパティ【復習】

  • width プロパティ(内容の幅)
  • max-width プロパティ(幅の最大値)
  • min-width プロパティ(幅の最小値)
  • height プロパティ(内容の高さ)
  • max-height プロパティ(高さの最大値)
  • min-heightプロパティ(高さの最小値)
  • float プロパティ(回り込み)
  • clear プロパティ(回り込みを解除)
  • display プロパティ(要素の表示方法)
  • overflow プロパティ(ボックスからあふれた内容の処理方法)

Webページ制作実践③

実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。

  • バックグランド系プロパティ
  • テキスト系プロパティ
  • フォント系プロパティ
  • リスト系プロパティ
  • レイアウト系プロパティ
  • パディング系プロパティ
  • マージン系プロパティ

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
chapter3.zip」 

  1. CSSファイル(style.css)にセレクタの書出し
  2. 文字の大きさや色の設定
  3. header部分のレイアウト作成

本日の課題

Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。(出来たところまでで大丈夫です)