学科 HTML基礎④【オンライン】

-本日のアジェンダ-

1限目
学科 HTML基礎④
CSSの基本事項について

2限目
学科 HTML基礎④
練習問題の説明

3限目
学科 HTML基礎④
マークアップの練習

4限目
学科 HTML基礎④
練習問題の解説

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

本日のテーマ

レイアウトデザイン練習問題①(マークアップの練習)

CSSの基本構造について

  • HTML ファイルとは別に記述する場合
  • HTML ファイル内に記述する場合
  • HTML タグにインラインで記述する場合

セレクタの記載方法

  • 全称セレクタ
  • 型セレクタ
  •  id セレクタ(#)
  • class セレクタ(.)
  • 子孫結合子セレクタ
  • 子結合子セレクタ(>)
  • 隣接兄弟結合子セレクタ(+)
  • 一般兄弟結合子セレクタ(~)

幅・高さの単位

  • px(ピクセル値)
  • %(要素の割合(百分率))
  • em(要素の割合)
  • rem(ルート要素の割合)
  • vw(画面の表示幅の割合)
  • vh(画面の高さの割合)
  • calc 関数(値の計算)

色の指定方法

  • カラーネーム
  • #rgb(ハッシュ(#)で始まる 16 進数 3 桁)
  • #rrggbb(ハッシュ(#)で始まる 16 進数 6 桁)
  • #rrggbbaa(ハッシュ(#)で始まる 16 進数 8 桁)
  • rgb(r,g,b)(rgb 関数)
  • rgba(r,g,b,a)(rgba 関数)
  • hsl(h,s,l)(hsl関数)
  • hsla(h,s,l,a)(hsla関数)
  • 線形グラデーション(linear-gradient 関数)
  • 放射グラデーション(radial-gradient 関数)

練習問題:マークアップの練習

【資料】

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

下記のファイルをダウンロードしましょう。
レイアウトデザイン 練習問題①.zip」 

【動画】

本日の課題

本日学んだ内容を復習して整理しておきましょう。
ポートフォリオサイトの投稿ページ作成が出来る方は投稿ページにまとめておくと良いです。

本日のテーマ② ※前回の続き

ここからは補足資料になります。
情報収集など手を動かしながらの視聴でも構いません。
もしくはお時間のある時にご自身で視聴ください。

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

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

【資料】

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

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

【動画】

求人応募について (15:02)
「人材紹介」や「人材派遣」について
https://youtu.be/b0x_ejhjULk

人材紹介会社と人材派遣会社の違い (8:21)
https://youtu.be/lsG_Wb5WS0w

メリット・デメリットを考えていく上で
サービス内容の比較 (7:14)
https://youtu.be/LyhHIwEdv7Y

雇用契約による違い (7:09)
https://youtu.be/wsK5Ewtvjuw

それぞれのメリット (21:28)
https://youtu.be/rX10Ci2btF4

アルバイトとパート、正社員とアルバイトの違いとは? (4:03)
https://youtu.be/C8p08gxnNfM

応募書類について・転職の昨今 (9:31)
https://youtu.be/uNdbHEY4ULs

転職準備はどうですか? (7:09)
https://youtu.be/qZgrUsMQadI

スキルの整理・ 今後チャレンジしたい領域の整理 (6:01)
https://youtu.be/yAiYcpKCW4I

得意領域と挑戦したい領域の整理 ・情報収集のコツ (4:43)
https://youtu.be/dtuSwBJgs38

応募の際の注意点-履歴書- (4:18)
https://youtu.be/EovFXLwEDLY

応募の際の注意点-職務経歴書- (4:24)
https://youtu.be/-8MNWbo_4tQ

ポートフォリオ制作のコツと注意点・まとめ (15:08)
https://youtu.be/BLlOI5VpB7o

参考サイト

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です