网页设计与制作课程教学大纲.docVIP

网页设计与制作课程教学大纲

（WebDesignandProduction）

一、课程概况

课程代码：0941059学分：3

学时：48（其中：讲授学时24，课内实践学时24）

先修课程：构成I、版面设计

适用专业：视觉传达设计

建议教材：《网页设计》陈璐许素君，安徽美术出版社2017年出版课程归口：艺术与设计学院

课程的性质与任务：本课程是视觉传达设计专业的一门专业必修课。网页设计是当今社会重要的设计领域，具有一定的技术性与前沿性，对学生拓宽设计素养、强化设计素养以及增进就业能力都有一定的帮助。通过本课程的学习，使学生熟练掌握网页界面设计的流程、方法、原理和设计技巧，熟悉网页设计的平面软件，激发学生的设计创造力。培养科学的设计思维和方法，不断增强学生的专业认知和热爱，塑造刻苦钻研、勇于创新、认真务实的专业素养。

二、课程目标

目标1.掌握网页设计的前期调研、策划、架构、设计布局等方面的过程和知

识。

目标2.掌握网页设计软件AdobeDreamweaver的基本原理和操作技巧。

目标3.运用AdobePhotoshop或AdobeIllustrator软件设计静态网页效果图。目标4.运用AdobeFlash或AdobeAftereffects软件制作网页动态效果。

素质目标：培养科学、缜密、理性的设计思维能力，敢于打破常规的创新精神

和严谨务实的职业素养。

本课程支撑专业人才培养方案中毕业要求5-2、毕业要求6-1、毕业要求6-2、毕业要求6-3，对应关系如表所示。

毕业要求指标点

课程目标

目标1

目标2

目标3

目标4

毕业要求5-2

√

√

毕业要求6-1

√

√

毕业要求6-2

√

√

毕业要求6-3

√

三、课程内容及要求

（一）网页设计总体概述

教学内容：

网站设计的意义

网站设计的策略

网站开发的通用核心过程

基本要求：

了解网页设计的整体流程和基础知识。

课程思政育人目标：

培养理论认知，塑造正确的专业和学科认识，理性看待当代社会发展趋势。

（二）网页设计的前期调研

教学内容：

资料搜集与调研

整体规划与制定计划

用户期望划分

基本要求：

掌握网页设计的前期调研和准备工作。

课程思政育人目标：

掌握科学的项目计划方法，培养正确的方法论和价值观，能理性思考和仔细探讨问题。

（三）网页设计的信息架构和页面规划

教学内容：

内容架构

信息架构

页面架构

基本要求：

了解网页设计的信息架构模式和构建方法，以及视觉页面的层级规划。

课程思政育人目标：

掌握科学的项目计划方法，培养正确的方法论和价值观，能理性思考和仔细探讨问题。

（四）网站视觉设计

教学内容：

网页设计设计要素

网页色彩设计

基本要求：

掌握视觉设计的各种元素设计原则与方法，以及图文混合排版的综合设计能力。掌握设计色彩、风格的整体性与协调性。

课程思政育人目标：

培养优秀的美学素养，专业的视觉设计能力和素养，具有设计的国际化和市场化的广阔视野。

（五）Dreamweaver、Flash的使用技巧

教学内容：

Dreamweaver基本操作技巧

Flash基本操作技巧

基本要求：

掌握Dreamweaver中站点的构建，图文混排页面，超级链接的使用，表格、表单元素和CSS的运用，框架、模板、库、层、行为等功能的使用，站点的维护和上传等技巧。掌握Flash中时间轴、遮罩层、引导层、音效等的使用，掌握简单动画的制作。

课程思政育人目标：

了解软件技术的前沿知识，培养正确的科技观和人文观。

（六）网页设计综合实践1．教学内容：

用户体验

可用性原则

网页设计的综合表达

基本要求：

运用所学知识进行综合项目训练。

课程思政育人目标：

能跨学科思考设计问题，具有综合的思考能力和广阔的知识储备，培养学生较好的专业素养。

教学内容与课程目标的对应关系及学时分配如表所示。

序

号

教学内容

支撑的课程目标

支撑的毕业要求

指标点

讲授

学时

实验

学时

1

网页设计总体概述

目标1

5-2

2

2

网站前期调研

目标1

5-2

2

2

3

网页设计的信息架构与页面规划

目标1、3

6-1、6-2

4

4

4

网站视觉设计

目标1、3

6-1、6-2

6

6

5

Dreamweaver、Flash的使用技巧

目标1、2、4

5-2、6-3

6

6

6

网页设计综合实践

目标1、2、3、4

5-2、6-1、6-2、6-

3

4

6

合计