数字媒体艺术专业《网页设计》课程教学大纲.docx

本科课程教学大纲（理论课）

一、课程基本信息

课程名称

（中文）网页设计

（英文）WebsiteDesign

课程代码

2040149

课程学分

4

课程学时

64

理论学时

32

实践学时

32

开课学院

艺术设计学院

适用专业与年级

数字媒体艺术专业二年级

课程类别与性质

专业必修课

考核方式

考查

选用教材

《完美网页的视觉设计法则》，贾森·贝尔德，978-7-121-14202-4，电子工业出版社，2011.11第一版

是否为

马工程教材

否

先修课程

人机界面设计2040215（4），图标设计(1)2040650（2）

课程简介

互联网已经深深融入人们的日常生活、工作中。作为万维网（WWW）技术具象化的网页是普通用户接触互联网信息的一个重要而基础的媒介，是浏览器/服务器系统架构的前端表现，在信息架构与交互方式上有其独特性。本课程主要介绍网页作为网络前端（Front-ends）的视觉设计基本方法。课程首先从学习基础、技术基础、观念基础三个方面来切入主题，然后通过多个设计实践环节，包括页面分析，页面表现技法，页面布局设计，页面原型设计等内容，使学生初步掌握网页设计的方法；再通过课程设计，从理解课题、创意设计，到信息设计、视觉设计、原型设计，到提案制作，通过全流程的制作，使学生对网页设计的过程有全面的理解。通过本课程的学习，使学生能够从专业视角解析网页，理解网页结构与元素，并独立进行初步的常规网页设计与原型制作。

选课建议与学习要求

本课程适合数字媒体艺术专业、视觉传达设计专业或者其他设计类专业的二年级以上的学生学习，要求学生具备较丰富的互联网使用经验，较熟练掌握AdobePhotoshop，AdobeIllustrator等软件的基本绘图技巧，具备一定的版式设计能力。

二、课程目标与毕业要求

（一）课程目标

类型

序号

内容

知识目标

1

理解网页设计理论

2

进一步理解跨地域的设计风格

技能目标

3

能进行网页分析

4

能进行网页各层次的原型设计

5

能制作设计提案报告材料

素养目标

(含课程思政目标)

6

进一步理解数字设计审美特点

7

具备数字版权意识，在设计实践中能够遵守设计规范

8

具备自主学习的意识与能力

（二）课程支撑的毕业要求

LO1拥护中国共产党的领导，坚定理想信念，自觉涵养和积极弘扬社会主义核心价值观，增强政治认同、厚植家国情怀、遵守法律法规、传承雷锋精神，践行“感恩、回报、爱心、责任”八字校训，积极服务他人、服务社会、诚信尽责、爱岗敬业。

②遵纪守法，增强法律意识，培养法律思维，自觉遵守法律法规、校纪校规。

LO2具有人文科学素养，具备从事某项工作或专业的理论知识、实践能力。

⑤能够为数字媒体产品的界面与内容提供设计支持。网络与多媒体方向能够为产品与品牌形象的维护、营销活动等需求提供设计支持；游戏与美术设计方向需具备游戏原画的设计能力、游戏角色动画设计、特效设计、游戏界面设计能力。

LO4能根据环境需要确定自己的学习目标，并主动地通过搜集信息、分析信息、讨论、实践、质疑、创造等方法来实现学习目标。

②能搜集、获取达到目标所需要的学习资源，实施学习计划、反思学习计划、持续改进，达到学习目标。

LO5健康发展：懂得审美、热爱劳动、为人热忱、身心健康、耐挫折，具有可持续发展的能力。

③懂得审美，有发现美、感受美、鉴赏美、评价美、创造美的能力。

LO8国际视野：具有基本的外语表达沟通能力与跨文化理解能力，有国际竞争与合作的意识。

②理解其他国家历史文化，有跨文化交流能力。

（三）毕业要求与课程目标的关系

毕业要求

指标点

支撑度

课程目标

对指标点的贡献度

LO1

②

M

7.具备数字版权意识，在设计实践中能够遵守设计规范

100%

LO2

⑤

H

1.理解网页设计理论

20%

3.能进行网页分析

15%

4.能进行网页各层次的原型设计

50%

5.能制作设计提案报告材料

15%

LO4

②

M

8.具备自主学习的意识与能力

100%

LO5

③

M

6.进一步理解数字设计审美特点

100%

LO8

②

M

2.进一步理解跨地域的设计风格

100%

三、课程内容与教学设计

（一）各教学单元预期学习成果与教学内容

1.网页分析

预期教学成果：

知晓互联网、浏览器、网站的基本知识；知晓网页设计的基本概念与所用工具；知晓网站与网页的基本类型，知晓网页设计的演变过程。

能对跨地域网页设计的异同点进行分析、评价。

能进行网页分析，包括：通过各种技术手段收集网站基本信息、分析网页的网格系统、结构与内容以及整体与局部尺寸；根据网站结构绘制页面框架图；分析页面中的设计元素的使用情况，辨析页面框架（frame）与其中的素材；总结网站功能、交互方式与设计特点，总结浏览体验。

能进行初步的网页设计绘图：熟悉完