徳島文理大学 | Webシラバスシステム |
TOP | 戻る | |
徳島文理大学短期大学部 |
科目番号 | 12680 | 担当教員名 | 中尾 弘美 | 単位 | 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サイト 制作実績多数 ・徳島県ホームページ運営アドバイザー等 クラスコード【】 科目ナンバー:9PCA614L |