|
徳島文理大学 | Webシラバスシステム |
TOP | 戻る |
| 徳島文理大学短期大学部 |
| 科目番号 | 74499 | 担当教員名 | 中尾 弘美 | 単位 | 2単位 |
|---|
| 科目群 | 専門 | 必修・選択 | 選択 | 開講期 | 後期 | 対象年次 | 2年 |
|---|
| 授業概要 |
|---|
| 現在のwebサイト制作の動向と実際のデザイン技術を学びます。webデザインは制作に用いるアプリケーションの使い方を覚えるだけでは不可能で、制作を依頼するクライアントの「意図」の把握、「情報収集」と「相互理解」、そして公開後の運用・メンテナンス・広告までを視野に入れた設計が必須です。そのためには以下のスキルを修得することが必要です。 1.HTML(xml＋css)でデザインを組み立てられること 2.グラフィックソフトでデザインが作れること 3.情報を収集し編集、構築する能力 この講義では、実習・課題を通してWEBデザインの制作基礎を身につけます。 |
| 到達目標 |
| 企画を立て、グラフィックソフトを使ってデザインを制作し、Dreamweaverを使ってひとつのwebサイトを構築できる技術を身につけることを目標とします。 |
| 授業計画 | 授業形態 | 授業時間外学習 | |
|---|---|---|---|
| 【1】 | イントロダクション | コンピュータによる制作実習が中心である。 課題制作及び作品発表、ディスカッション、相互批評が含まれる。 | |
| 【2】 | Webサイトの企画・Illustratorを利用したWeb画面デザイン(1) | 講義とコンピュータ実習 | Webサイトを分析的に見る。 Dreamweaverのツールについて |
| 【3】 | Webサイトの色彩計画(1)・Illustratorを利用したWeb画面デザイン(2) | 講義とコンピュータ実習 | Webサイトの色を分解する。 Dreamweaverの基本操作 |
| 【4】 | Webサイトの色彩計画(2)・Illustratorを利用したWeb画面デザイン(3) | 講義とコンピュータ実習 | Webサイトの色を分解する。 Dreamweaverの基本操作 |
| 【5】 | 色彩の基本〜RGBとCYMK・Illustratorを利用したWeb画面デザイン(4) | 講義とコンピュータ実習 | CMYKとRCBの違いについて Dreamweaverでページをつくる。 |
| 【6】 | Webデザインにおけるフォント・Illustratorを利用したWeb画面デザイン(5) | 講義とコンピュータ実習 | IllustratorでのWebデザイン Dreamweaverでページをつくる。 |
| 【7】 | 製作意図と色彩・課題発表・Illustratorを利用したWeb画面デザイン(6) | 講義とコンピュータ実習 | １つの好きなWebサイトをレポートする。 |
| 【8】 | 製作意図と色彩・課題発表 | プレゼン発表 | プレゼン準備 |
| 【9】 | 情報のレイアウト(1)・Photoshopを利用したWeb用画像の加工(1) | 講義とコンピュータ実習 | Photoshopでのスライスの習得 |
| 【10】 | 情報のレイアウト(2)・Photoshopを利用したWeb用画像の加工(2) | 講義とコンピュータ実習 | Photoshopでのスライスの習得 Dreamweaverでリンクを貼る。 |
| 【11】 | 情報のレイアウト(3)・HTMLによるWebページ作成(1) | 講義とコンピュータ実習 | Dreamweaverでテンプレートをつくる。 |
| 【12】 | Webサイトの企画(1)・HTMLによるWebページ作成(2) | 講義とコンピュータ実習 | |
| 【13】 | Webサイトの企画(2)・HTMLによるWebページ作成(3) | 講義とコンピュータ実習 | サイトマップをつくる。 Dreamweaverでサイトの定義 |
| 【14】 | Webサイトの企画(3)・HTMLによるWebページ作成(4) | 講義とコンピュータ実習 | Dreamweaverでサイトを構築 |
| 【15】 | まとめ | プレゼン発表 | プレゼン準備 |
| 評価方法 |
|---|
| 平常点および授業中に指示する課題の評価を総合して行う。 |
| 教科書 |
| 参考図書 |
| 備考 |
|---|