徳島文理大学

Webシラバスシステム

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

【科目名】    Webデザイン論

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

【実務経験】
・県内外企業のコーポレートサイト
 制作実績多数
・県内外企業のECサイト
 制作実績多数
・徳島県ホームページ運営アドバイザー等
 クラスコード【mhwwpjt】
科目ナンバー:9PCA614L