徳島文理大学

Webシラバスシステム

TOP 戻る
徳島文理大学短期大学部

【科目名】    Webデザイン論

科目番号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)講義とコンピュータ実習1つの好きな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】まとめプレゼン発表プレゼン準備
評価方法
平常点および授業中に指示する課題の評価を総合して行う。
教科書
参考図書
備考