学科 レイアウトデザイン基礎④

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎④
セレクタについて

2限目
学科 レイアウトデザイン基礎④
リセットCSSについて

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

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

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

本日のテーマ

セレクタ をしっかり制御しましょう。

セレクタとは?

セレクタ(CSSセレクタ)は、CSSにおいてスタイルを適用する要素を選択するための条件式です。
セレクタ{ プロパティ :値;}
このセレクタをコントロールする事を意識しましょう。

サンプルページ(セレクタの得点)

ワンポイントアドバイス

CSSを思い通りにコントロールするには、セレクタの管理・理解をしっかりと行う事がコツです。
プロパティと値は後回しにして、セレクタの得点計算をしっかりと行ってみましょう。また、間違い探しのコツとして、HTMLに合わせて、コードの上から書くのも管理しやすくするコツです。

参考サイト

リセットCSSとは?

リセットCSSとは、ブラウザがデフォルトで持っているCSSを打ち消すCSSです。
各ブラウザは固有のCSSを持っています。(デフォルトのCSSと呼びます。)
このデフォルトのCSSの影響で、Webページをデザインするために自分で書いたCSSが意図しない表示になることがありますので、上手にリセットCSSを活用すると良いでしょう。

ワンポイントアドバイス

リセットCSSは育てていきましょう。サイト制作毎に、また更新やリニューアル毎に案件の運用方針や世の中のトレンドなどに合わせて育てていくと良いでしょう。また、リセットCSSにも流行りがあります。扱う記述は良く調べてから使ってみましょう。

参考サイト

第4回成績考査

8月13日の5限目までに、Webページを提出してください。
サイト内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。

次回の成績考査に向けて

近年、Webサイトの重要性と必要性は年々増えています。またそのWebサイトを制作する技術者も増えていますが、技術は多様化して情報は様々な内容が飛び交っています。HTMLの基本文法とCSSの基本文法を理解したら、後は使い方です。当然、この使い方が人によって異なります。
デザインをやるのかコードを書くのか、前職などのキャリアをどう活用するのか?働き始めても常に学ぶことが必要とされる為、自己学習能力や自己解決能力、自己の管理責任能力などを求められます。
ここから約1月の訓練はWEBサイト制作をするのみです。
それによって、当然皆さまそれぞれ必要となる技術と活動が異なるでしょう。まずは就職に向けての行動して、ご自身の宿題を見つけていきましょう。