講義概要 |
メディアデザイン実習AIでは、主にWebコンテンツに必要なスタイルシートについて学ぶ。HTMLとは別にスタイルシートとよばれるWebページの見かけを定義する方法がある。ここではこのスタイルシートの基本とデザインについて学ぶ。 |
到達目標 |
スタイルシートを適材適所使えるようになる。 |
履修のポイント及び留意事項 |
実習中心の授業であるため、遅刻・欠席の影響は大きくでる。また予習・復習を欠かさずに行うこと。
メディア基礎演習Aを受講していること。 |
講義日程 |
週 | テーマ | 内容 |
第1週 | スタイルシートとは | スタイルシートの役割・意義 | 第2週 | 色(1) | 文字・背景に色をつけてみる | 第3週 | 色(2) | 色の組み合わせを考える | 第4週 | フォント | font-size, font-family 文字のサイズ、色、書体 | 第5週 | 間 | margin, padding BOX領域の間隔 | 第6週 | リスト | list-style リストのリストマーカーの変更、およびリストマーカーに画像を利用する方法など。 | 第7週 | 背景(1) | background 背景画像の指定方法と背景画像の作成方法。 | 第8週 | 背景(2) | 背景画像の選択・作成 | 第9週 | 位置 | position オブジェクトの位置を任意に指定する。これを利用した簡易ロゴの作成 | 第10週 | 表示 | display オブジェクトの表示・非表示の切り替えとその利用場面例 | 第11週 | アニメーション | Filter フィルターなどを利用したプレゼンテーション効果の活用。(実習室のWebブラウザ環境によっては、この項目は省略する可能性がある。代わりにHTML5,CSS3の紹介を行う) | 第12週 | ユニバーサルデザイン | スタイルシートの役割の再確認と切り替え手法 | 第13週 | PHP | 動的Webページ | 第14週 | PHP | 動的Webページ | 第15週 | まとめ | まとめ |
|
他の授業科目との関連 |
メディア基礎演習A,メディアデザイン実習AI |
評価方法 |
授業態度・課題提出・出席状況・試験などにより総合的に判断するが、実習授業であるので出席状況を重んじる。よって、正当な理由なき遅刻は出席として取り扱わない。次に、毎時間行う試験の平均正解率が6割を超えることを最低条件とする。 |
教科書 |
使用しない。授業資料は適時Web上に公開する。 |
参考図書 |
Web上に参考書代わりになるコンテンツが多数存在するので、授業中にそれらを適時紹介していく。 |
学生へのメッセージ |
Web,ICT系への就職を目指す学生は必須の内容である。 |
授業用URL |
http://mast.ftokai-u.ac.jp/~yahiro/class/inet2/ |