《网页艺术设计》综合性较强的专业基础课程，其内容跨越多门课程，涵盖了标志设计、版式设计、色彩设计、交互设计以及部分计算机程序设计的内容。自开设以来，课程教学团队不断探索信息技术在课程教学中的应用，经过不断探索、改进与提升，形成了注重技术性与艺术性、创意与实践相结合、知识与实践并重的鲜明特色。 1. 注重技术性与艺术性。网页艺术设计具有技术性与艺术性融合的特征，针对该特征，课程团队确定了“技术+艺术”的课程设计思路,在课程内容选取上，技术与艺术内容并重。教学团队遵循艺术设计规律，着重培养学生在艺术素养，将网页作为一件艺术作品进行设计与制作，从教学方法上保证技术与艺术的融合，采用信息技术手段开发教学资源，搭建资源支撑型教学环境；在教学团队构成上，技术与艺术互补。 2. 创意与实践相结合。创意是网页艺术设计的灵魂，创意能力的培养是本课程的重点之一。本课程将创意能力培养与实践技能提升作为重要目标，在教学实施过程中采用资源支撑型教学模式，依托设计学科专业优势，组织师生拍摄与编辑相关教学视频、编辑教学文档，积累了丰富的教学资源。同时，通过负责人近五年的教学，在往届学生中也产生了大量优秀课程设计，教学中教师也有意识地在课堂上加以呈现，详细分析，学生相互之间对各自的作品也进行分析评价，充分汇聚集体智慧，拓展了学生的设计视野，提升创意能力。 3.知识与实践并重。建立以强化设计素质教育为主的“知识+实践”的教学模式，包括设计调研、提出设计方案、研讨、设计表达、作品评析五个环节。通过实践教学给学生营造一种主动地、探索性的学习环境，并在实践教学中适时引入数字化教学资源支撑学生深度学习，取得了良好的效果。

《网页设计》教学大纲 课程代码：1202218 英文名称：Web Design 课程类别与性质：专业限修课 课程总学分：3学分 课程总学时：48学时 适用专业：视觉传达设计 先修课程：Photoshop 、Flash 一、课程教学目的与任务 以培养应用型人才为目标,充分考虑学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、JavaScript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力掌握运用Dreamweaver网页制作软件制作网页的方法，掌握运用Photoshop图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用Flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 二、课程教学基本内容 （一）教学基本内容 1. 网页设计概述：网络的基础知识、TCP/IP协议、IP地址、域名地址、统一资源定位器的概念和内涵、CSS样式、栅格与框架、响应式、扁平化设计思潮等。 2. 网页的设计流程：以用户为中心的设计方法、以目标为导向的设计方法。 3. 网页的版式和色彩：版式设计的造型、构成形式、布局的结构形式与构建原则、网页中的色彩模式与代码、配色方法 、色彩搭配原则、辅助色调的选择和搭配。 4. 网页设计中的文字及图片：字体的规范与选择、图片格式 、图片的选择与优化。 5. HTML语言 、CSS样式及 JavaScript语言概述：HTML标签、元素、属性、颜色、路径、基本结构、主体部分、文字和段落、图片设置、表格设置、表单生成、列表；CSS选择器的基本结构、样式属性、定位属性；JavaScript的组成、基本结构、交互方法、基本语法、代码格式等； 6. 响应式网页设计 ：响应式网页设计简介、发展历程与展望、设计流程。 （二）教学重点和难点： 1.重点 掌握网页设计主要软件Dreamweaver、Flash及Photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2.难点 （1）理解HTML语言文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解JavaScript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、DIV、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 三、课程教学学时分配 序 号 内 容 讲授学时 备注 1 网页设计基础与发展历程 2 2 网页的设计流程 2 3 网页的版式 2 4 网页的色彩 2 5 网页设计中的文字及图片 2 6 HTML语言简介 2 7 CSS样式表简介 2 8 JavaScript语言在网页设计中的应用 2 9 响应式网页设计 2 10 设计课题① 10 11 设计课题② 20 合 计 48 四、课程教学与能力培养要求 1.了解HTML语言的基本内涵。理解基本标记的用法； 2.掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； 3.熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； 4.掌握在网页中嵌入图象和多媒体的方法； 5.熟练掌握使用绝对和相对URL，创建文本超链接，图象热点的方法； 6.熟练掌握使用表格、框架、DIV布局页面的方法； 7.掌握创建表单的方法； 8.掌握模板的创建和库项目的使用方法； 9.理解JavaScript脚本行为的用法； 10.掌握Dreamweaver基本操作及其在网页制作中的应用； 11.掌握Flash基本操作及简单动画的制作； 12.掌握Photoshop基本操作及在网页设计中的应用； 五、课程考核及成绩评定 1.考试方法：平时成绩包含日常考勤、学习态度、课堂应答与作业汇报等。终考成绩通过两个设计课题的完成情况和作业质量来评定，重在考核作品的表现效果、设计创新点、页面版式等方面的情况。其中，平时成绩占30％，作业成绩占70％。 2.记分方式：百分制。 六、课程选用教材及主要参考书 1. 选用教材 朱小杰编，《网页设计与制作》，第1版，武汉大学出版社，2015年。 2. 主要参考书 [1]张军凌编，《网页设计与制作教程》，第1版，中国原子能出版社，2015年。 制 订：视觉传达设计教研室 执笔人：张淞 审定人：张仲轶 日 期：2017年5月

1、获2021年湖南省信息化教学竞赛二等奖。 2、20201年在现代交际上发表教研教改文章《微学习与课程教学的整合实践研究——以网页艺术设计课程为例》。

1、开发教学视频22个，计220分钟。 2、教学课件28个。 3、习题与试题100个。 4、图片资源258张。