徳島文理大学シラバスシステム

	徳島文理大学	Webシラバスシステム	TOP	戻る
	徳島文理大学短期大学部

【科目名】 Webデザイン論

科目番号	14094	担当教員名	中尾　弘美	単位	2単位

科目群	資格	必修・選択	選択	開講期	後期	対象年次	2年

授業概要
現在のwebサイト制作の動向と実際のデザイン技術を学びます。webデザインは制作に用いるアプリケーションの使い方を覚えるだけでは不可能で、制作を依頼するクライアントの「意図」の把握、「情報収集」と「相互理解」、そして公開後の運用・メンテナンス・広告までを視野に入れた設計が必須です。そのためには以下のスキルを修得することが必要です。 1.HTML(xml＋css)でデザインを組み立てられること 2.グラフィックソフトでデザインが作れること 3.情報を収集し編集、構築する能力この講義では、実習・課題を通してWEBデザインの制作基礎を身につけます。
到達目標
企画を立て、グラフィックソフトを使ってデザインを制作し、Dreamweaverを使ってひとつのwebサイトを構築できる技術を身につけることを目標とします。（１）Ｐｈｏｔｏｓｈｏｐ、ｉｌｌｕｓｔｏｒａｔｏｒでウェブデザインが作成できる。（２）Dreamweaverを使って基本的なhtmlとCSSでwebページを作れるようになる（３）webサイト制作に必要な手順を覚える

授業計画		授業形態	授業時間外学習
【1】	イントロダクション	コンピュータによる制作実習が中心である。課題制作及び作品発表、ディスカッション、相互批評が含まれる。	教科書の目次に目を通す（0.5ｈ）
【2】	Webサイトの企画・Illustratorを利用したWeb画面デザイン(1)	講義とコンピュータ実習	Webサイトを分析的に見る。 Dreamweaverのツールについて（1ｈ）
【3】	Webサイトの色彩計画(1)・Illustratorを利用したWeb画面デザイン(2)	講義とコンピュータ実習	Webサイトの色を分解する。 Dreamweaverの基本操作（1ｈ）
【4】	Webサイトの色彩計画(2)・Illustratorを利用したWeb画面デザイン(3)	講義とコンピュータ実習	Webサイトの色を分解する。 Dreamweaverの基本操作（1ｈ）
【5】	色彩の基本～RGBとCYMK・Illustratorを利用したWeb画面デザイン(4)	講義とコンピュータ実習	CMYKとRCBの違いについて Dreamweaverでページをつくる。（1ｈ）
【6】	Webデザインにおけるフォント・Illustratorを利用したWeb画面デザイン(5)	講義とコンピュータ実習	IllustratorでのWebデザイン Dreamweaverでページをつくる。（1ｈ）
【7】	製作意図と色彩・課題発表・Illustratorを利用したWeb画面デザイン(6)	講義とコンピュータ実習	１つの好きなWebサイトをレポートする。（2ｈ）
【8】	製作意図と色彩・課題発表	プレゼン発表	プレゼン準備（1ｈ）
【9】	情報のレイアウト(1)・Photoshopを利用したWeb用画像の加工(1)	講義とコンピュータ実習	Photoshopでのスライスの習得（1ｈ）
【10】	情報のレイアウト(2)・Photoshopを利用したWeb用画像の加工(2)	講義とコンピュータ実習	Photoshopでのスライスの習得 Dreamweaverでリンクを貼る。（1ｈ）
【11】	情報のレイアウト(3)・HTMLによるWebページ作成(1)	講義とコンピュータ実習	Dreamweaverでテンプレートをつくる。（1ｈ）
【12】	Webサイトの企画(1)・HTMLによるWebページ作成(2)	講義とコンピュータ実習	Dreamweaverでテンプレートをつくる。（1ｈ）
【13】	Webサイトの企画(2)・HTMLによるWebページ作成(3)	講義とコンピュータ実習	サイトマップをつくる。 Dreamweaverでサイトの定義（1ｈ）
【14】	Webサイトの企画(3)・HTMLによるWebページ作成(4)	講義とコンピュータ実習	Dreamweaverでサイトを構築（1ｈ）
【15】	まとめ	プレゼン発表	プレゼン準備（1ｈ）

評価方法
平常点および授業中に指示する課題の評価を総合して行う。【解説・講評等の開示方法】講師に尋ねてください。
教科書

参考図書

備考
オフィスアワーは授業終了後、１号館１階の講師控室で対応します。【実務経験】・県内外企業のコーポレートサイト　制作実績多数・県内外企業のECサイト　制作実績多数・徳島県ホームページ運営アドバイザー等　クラスコード【qd3ur6b】