今週を振り返って
今週の進行
- CSS
- Illustrator(線、カニ、など)
- Photoshop(GIFアニメなど)
- 色、デザイン(補色、行動心理学など)
CSSの確認問題
CSSのスタイル指定の基本(1)
●「CSS」とは「cascading style sheets」の略で、Webページの視覚表現のために使用します。
●CSS記述によるスタイルの指定には、記述する場所の違いによりHTMLファイルに組み込む方法が「3種類」あります。
その「3種類の記述位置」を書きなさい。
(1)「style属性でCSSを直接記述する」
(2)「style要素でCSSを直接記述する」
(3)「link要素でCSSファイルを読み込む」
CSSのスタイル指定の基本(2)
●「CSS」のスタイル指定
「セレクタ」{「プロパティ」:「値」}
●複数の「プロパティの値」をまとめる定義方法
「セレクタ」{「プロパティ」:「値」;「プロパティ」:「値」}
※セミコロン「;」の後ろはソースが見やすいように、改行することができます。
スタイルシートを適用させる
(1)各要素のstyle属性として記述する
(2)head要素のstyle属性として記述する
(3)外部のスタイルシートファイルに記述し、HTML文書から参照する
■最も重要な(3)の方法について
(1)スタイルシートファイルを作る。
拡張子は[css]とします。
(2)HTML文書からスタイルシートを参照する。
CSSの基本練習問題(1)
●関連するものを選択しなさい。
(1)CSS 「b」
(2)HTML 「a」
(3)スタイルシート「c」
a.Webページを構成する要素や要素の属性をマークアップする言語
b.HTMLの要素に対してスタイルを指定する言語として一般的に使われている言語
c.文書のスタイル(見栄え)を指定したデータ一般
CSSの基本練習問題(2)
●CSSによるスタイル指定の構文として正しいのはどれですか。
a.<要素名 css="プロパティ:プロパティ値">
b.<要素名 style="プロパティ:プロパティ値">
c.<要素名 stylesheet="プロパティ:プロパティ値">
答え b
CSSの基本練習問題(3)
●スタイルシート言語の種類を指定するため、以下の meta要素を指定したい。HTML文書のどの位置に書くべきか正しい場所を選びなさい。
・指定したいmeta要素
「 A 」
「 B 」
「 C 」
内容
答え:B
CSSでテキスト書式を指定する
(1)CSSで文字サイズを指定する
■ フォントを指定するプロパティは何ですか?
font-family
■ CSSで指定する際の適切な単位は何ですか?
%,em (px)
(2)CSSで文字色を指定する
■ 複数のプロパティを指定する方法は?
セミコロンで続ける
■ 色の指定にはどのような方法がありますか?
プロパティをcolorにして値を指定する
(3)CSSで書体を指定する
■ 書体を指定する際のCSSのプロパティは?
font-style
■ Mac版IEの欧文表示の条件は?
(4)CSSで文字の装飾を指定する
■ CSSで文字を太くするプロパティは?
font-weight
■ CSSで文字を斜体にするプロパティは?
font-style
(5)CSSで文字の行揃えを指定する
■ CSSで段落の行揃えを指定するプロパティは?
margin
■ CSSで段落の幅を指定するプロパティは?
width
自習
- 線、丸、へびをA4の紙に描いてみる
- 1カラムレイアウトの復習を兼ねて、5ページのサイト制作
- カニのイラストに挑戦
富嶽三十六景「神奈川沖浪裏」の構図の「主役」と「脇役」は、どれ?
本当に、とてつもない絵ですね。
傑作というのは、このような作品をいうのだと再確認です。
先生の解説にあった瞬間の時間の表現、という点で特にパワーを感じます。