《网页设计》课程教学大纲.docxVIP

《网页设计》课程教学大纲

课程名称：网页设计

英文名称：WebDesign

课程编码：634020131

学 分：3

学 时：45

开课学期：第四学年秋季学期适用专业：视觉传达设计课程类别：开放选修课

先修课程：设计软件应用（1）、版式设计、文字设计、图形创意

建议教材：张婷.网页设计与前端开发实用教程[M].北京：人民邮电出版社，2020.

课程教学目标

本课程是一门集艺术设计与计算机专业相交叉的学科，涵盖的知识点广，通过本课程的学习使学生掌握网页的构成原理，设计方法和表现形式，加强学生实践能力的培养，开拓学生的艺术设计领域和设计思路。

本课程主要讲授网页的可视化设计方法，网页制作技术，网站设计流程及策划，最终完成建立一个小型网站的设计实践课题。

思政育人目标：课程实践融入中华传统优秀文化展示或者爱国主义教育内容，通过课程教学案例增强学生的文化自信心以及民族自豪感，从而激发学生弘扬传统文化的精神和爱国主义情怀，使学生成为“爱国、敬业、诚信、友善”的高规格专业人才。

课程教学基本要求理论知识方面掌握网页设计的基本原理

ＨＴＭＬ语言基础网页设计的艺术表现方法实践知识方面网页制作的应用技术和方法网页创意设计方法训练小型网站的实践课题三、课程教学内容

第一章网页设计概论一、网络的发展变化过程二、网页构成要素及结构、类型分析三、网站设计流程第二章网页的可视化设计一、网页信息架构和用户体验二、视觉语言的运用三、界面与版式布局四、网页视觉风格第三章网页制作的应用技术和设计方法

一、创建和管理站点二、前端HTML基础操作三、CSS样式定制和DIV布局网页

四、JS特效和H5基础五、网页设计要素和技术的单项训练第四章综合案例解析及应用设计一、网站设计策划方案二、经典案例解析三、课题调研分析四、移动端WEB设计解析

课程的实验内容与要求（另附实验教学大纲）

课程习题要求根据课程的教学要求，进行课题设计六、课程学时分配

课程内容

理论讲授

实践

一、网页设计概论

2

1

二、网页的可视化设计

4

6

三、网页制作的应用技术和设计方法

4

10

四、综合案例解析及应用设计

4

10

考试

4

小计

14

31

合计

45

七、课程的主要参考文献

[1]晋小彦.形式感+网页视觉设计创意拓展与快速表现[M].北京：清华大学出版社，2023.

[3]周礼萍等.网页设计与制作项目式教程[M].成都：西南交通大学出版社，2021.

[2]赵丰年.网页设计与制作（HTML5+CSS3+JavaScript）[M].北京：人民邮电出版社，2020.

考核方式：?考试?考查

答疑安排

根据学生对专业知识的掌握情况，具体安排不同学期不同班级的答疑时间和答疑内容。