Webサイトスタイリング演習【Webｻｲﾄﾏｰｸｱｯﾌﾟ演習ｾｯﾄ履修】

授業コード
36120001
講義名
Webサイトスタイリング演習【Webｻｲﾄﾏｰｸｱｯﾌﾟ演習ｾｯﾄ履修】

開講時期
2024年度4Q(後期)
科目分類
演習
科目分野
Web

教員名
鈴木恵美
実務家教員
実務家教員
履修年次
1〜2

単位数
2.00単位
曜日時限
木曜3限、木曜4限

授業概要
CSSを学ぶことで、Webサイトの見た目のレイアウトなどの装飾を行なうことが出来るスキルを習得する。

到達目標
CSSの理解を深めHTMLでコーディングされたページに見た目のレイアウトを設定できるようになる。【学習目標】 1.　CSSで何ができるのかを理解する。 2.　CSSの記述方法を理解する。 3.　デザインデータを元にHTMLとCSSでwebページを完成させる。

履修条件

履修条件緩和

成績評価方法・基準

・平常点　２０％（授業態度や学習への意欲、授業での提出物）
・授業内の小テスト点数　３０％
・最終課題評価点　５０％

以上のトータルで成績評価を行います。
「毎回出席した」「最終課題を出した」というだけでは単位認定しません。

また、総合点が60点以上であっても、大学の定める出席率（70％）を満たさない場合は、単位を付与することは出来ません。

期末試験の内容

試験方法は課題提出となります

・試験内容　　授業内で発表される試験課題資料を参照
・実施日　　　第8週の授業時に試験課題内容を発表、指定日までに試験課題を提出
・提出〆切　　授業内で発表される最終課題資料を参照
・提出方法　　課題発表時に指示
・追試験の実施　　無　　
・再試験の実施　　無

課題の内容

授業内容

第1回
・CSSとは・CSSでできることなどについて・CSSの記述場所や記述方法などについて

第2回
・CSSを使って簡単なレイアウトの演習

第3回
・デザインデータからマークアップ＆CSSを使ってレイアウト（1−1）　-簡単なデザインを使ったcssの実践

第4回
・デザインデータからマークアップ＆CSSを使ってレイアウト（1−2）　-簡単なデザインを使ったcssの実践

第5回
・CSS小テスト（１）

第6回
・CSS小テスト（１）／解説

第7回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（2−1）　-少し複雑なデザインを使ったcssの実践

第8回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（2−2）　-少し複雑なデザインを使ったcssの実践

第9回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（3−1）　-応用編

第10回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（3−2）　-応用編

第11回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（4−1）　-レスポンシブ編

第12回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（4−2）　-レスポンシブ編

第13回
・CSS小テスト（２）

第14回
・CSS小テスト（２）／解説

第15回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト（4−3）　-レスポンシブ編

第16回
・デザインデータを使ったマークアップ＆CSSを使ってレイアウト　-まとめ

購入が必要な教科書

教科書以外に準備するもの（画材・機材）
・HTMLエディタツール・授業の資料配布や提出物また連絡ツールとしてGoogle Classroomを使用 ※各自のPC使用可能

参考文献

※大学での教科書販売はありません。

教員連絡先

シラバス情報