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

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎⑤
デベロッパーツールについて

2限目
学科 レイアウトデザイン基礎⑤
プロパティと値 について

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

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

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

本日のテーマ

後はプロパティと値をひたすら書く

プロパティと値について

プロパティ(property)とは適用するスタイルの種類のことです。 上記の例では色を指定するcolorプロパティの値(value)にblueを指定しています。 CSSでは他にも様々なプロパティが用意されているので、適用するスタイルに応じて使い分けます。
ひとつのセレクタに対して複数のスタイル指定する場合には、スタイル宣言をセミコロン( ; )で区切って記述します。 セミコロン( ; )は宣言同士の区切り記号なので最後は必要ありませんが、付けても誤りではありません。 後からスタイル宣言を追加したり、スタイル宣言の順序を入れ替える可能性などを考慮して付けておくのが一般的です。

ワンポイントアドバイス

後は、デベロッパーツールでプロパティと値をひたすら書くです。
レイアウトに関するCSSは、HTMLの上から下に対して、影響をもたらす場合があります。(marginとか)デザイン(デザインラフ)の上から作っていくと、変な間違い等の見落としを回避し易いです。

参考サイト

第4回成績考査

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

次回の成績考査に向けて

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