《网页艺术设计》课程标准

1、 网页艺术设计 课程标准课程类型：必修课适用专业：视觉传达总 学 时：64适宜开设学期：4一、课程概述本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。通过本课程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制作的方法。具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。 1本课程学习领域包含网站版面设计，网站制作和网站内容编排。通过对网站的用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究文字、图案、导航等平面

2、设计语言，具备在各种形式的网页设计中灵活应用、整体把握的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。2本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目实训课题相结合的教学模式。3本课程需在计算机应用、数码摄影与图象处理等课程之后开设。此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。二、课程目标1专业能力学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGO设计、网页的Banner设计、网页的版面设计，网

3、页设计中的文字图片色彩的运用、网页中HTML-DIV-CSS样式的语言运用。以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。2方法能力（1）具有较强的草稿绘制和平面设计编排能力。（2）具有较强的自学能力及分析问题和解决问题的能力。（3）具有较准确的市场分析、调研、信息获取及判断的能力。（4）具有一定的就业与创业知识和主动寻找职业机会的能力。3职业素养（1）具有良好的诚信品质、职业道德、审美、文化素质。（2）具有较强的沟通社交能力和应变能力。（3）具有较强的组织、协调能力，与团队和他人密切协作的能力。三、学习情境划分与学时（一）网页艺术设计学习情境划分与学时一览表学习情境学习内容学时备注1

4、、 情境一网页设计制作基本概述1、 互联网、网页、网站、超级连接、HTML语言、FTP、HTTP等基础网络知识；2、 网站设计制作的常用工具与基本流程3、 HTML语言的一般规律4、 不同网站类型不同的设计与制作要求8理解网页设计制作原理、基本手段、流程与制作要求并熟悉软件各个功能模块与主要菜单、窗口创建简单的网站页面并进行链接2、情境二网页设计制作基础操作1 网站的整体结构规划2 创建和管理本地站点3 创建简单页面，设置页面属性4插入文字、图像、水平线等基本页面元素5网页中的各种超级连接83、 情境三 页面布局控制技术1表格技术及其应用2图层技术及其应用3框架技术及其应用4HTML-DIV-

5、CSS网页控制 8以优秀的实际运用案例为参照，掌握技巧与原理，积累经验4、情境四网页界面元素设计1. 网站LOGO的设计2. 网站Banner的设计3. 网站Button的设计4. 网站导航的设计5. 网站ICON的设计165、情境五 网页制作与网站的发布维护1CSS样式表的运用2表单的制作3模板与库的运用4photoshop中网页设计稿文件的切片与优化输出；5网页图形的优化技巧；6网站的测试、发布、推广与维护8进一步掌握专业网页设计制作中的相关功能与技巧；熟悉网站的发布、推广与维护综合运用所学知识，完成一个真实可用的主题网站并上传发布6、情境六主题网站的分析、设计与制作主题网站的分析、设计与

6、制作 16（二）学习情境教学设计（1）学习情景名称及设计学习情境：情境一：网页设计制作基本概述 总学时8学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求并熟悉软件各个功能模块与主要菜单、窗口等。学习任务情境一 ：网页设计制作基本概述教学材料工具与媒体1、 备课笔记2、 图形图像素材3、多媒体教学设备4、 网络教学资源5、 其他。学生知识与能力准备要求1、 有一定的造型能力和图形审美能力。2、 熟悉计算机基础知识和基本操作的能力。3、 熟悉文件，文件夹及文件路径的概念。4、 具备从网上搜索资料的能力。5、 有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与

7、欣赏，通过案例让学生了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法1检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作

8、品，是评价该项目教学的绩效。多媒体演示2（2）学习情景名称及设计学习情境： 情境二 ：网页设计制作基础操作总学时8学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求、掌握网页中各种元素的操作方法和技巧。学习任务 情境二 ：网页设计制作基础操作教学材料工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5其他。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生

9、了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学

10、的绩效。多媒体演示1（3）学习情景名称及设计学习情境：情境三 页面布局控制技术 总学时8学习目标通过教学使学生使用软件工具进行相关的网页页面版式设计与布局控制及相关的脚本的使用。学习任务情境三 页面布局控制技术 教学材料工具与媒体1、备课笔记2、图形图像素材3、多媒体教学设备4、网络教学资源5、其他。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解基本的HTML语法及基本的页面布局方式。工

11、作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示

12、1（4）学习情景名称及设计学习情境：情境四 网页界面元素设计总学时16学习目标通过教学使学生使用相关的软件工具进行网页相关的元素的设计与制作学习任务 情境四 网页界面元素设计教学材料工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5其他。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2熟悉计算机基础知识和基本操作的能力。3熟悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解网页界面元素的设计和制作过程工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队

13、，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法2计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法2决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法2实施教师根据设计成稿，进行操作修改，完善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法提问引导法4检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示2（5）学习情景名称及设计学习情境：情境五 网页制作与网站的发布维护

14、总学时8学习目标通过教学使学生使用软件进行设计图-页面的制作并完成站点的发布，使学生学会制作完整的网站。学习任务情境五 网页制作与网站的发布维护教学材料工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5其他。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2熟悉计算机基础知识和基本操作的能力。3熟悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境描 述通过教学使学生掌握使用软件进行设计图-页面的制作并了解站点的发布，维护。使学生学会制作完整的网站。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代

15、流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示1（6）学习情景名称及设计学习情境: 情境六 主题网站的设计与制作总学时16学习目标通过案例使学生使用Photoshop

16、,Dreamweaver等软件工具完成相关主题网站的页面设计、制作并发布，了解整个网站的制作过程。学习任务情境六 主题网站的设计与制作教学材料工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5其他。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2熟悉计算机基础知识和基本操作的能力。3熟悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境描 述通过案例使学生使用Photoshop,Dreamweaver等软件工具完成相关主题网站的页面设计、制作并发布，了解整个网站的制作过程。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工

17、作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法2计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法2决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法2实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法4检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示2四、考核评价本课程的学生学业评价结果建议采取： （下表为配套参考格式）表2 各学习情境的考核

18、方式与考核标准学习情境编号各情境考核点及比例建议考核方式考核知识点及知识要求成绩比例1网页设计制作基本概述教师评价、学生自评能够了解DW软件的界面并熟悉制作网页的过程 10%2网页设计制作基础操作教师评价、学生自评站点的建立及页面各常用元素属性的调整 10%3页面布局控制技术教师评价、学生自评能够熟练的使用图层,表格和框架 10% 4网页界面元素设计教师评价、学生自评能够使用PS制作出与网页界面有关的元素 10%5网页制作与网站的发布维护教师评价、学生自评使用CSS样式布局网页并发布10%6主题网站的分析、设计与制作教师评价、学生自评能够独立完成一个网站50% 注：1、各学习情境中，除对完成任务的考核外，应包括公共考核点的内容及比例；公共考核点内容一般为工作职业操守、学习态度、团队合作精神、交流及表达能力、组织协调能力等。2、考核方式可为教师评价、学生自评、互评或几种的组合。表3为综合考核配套参考格式建议考核方式考核的主题（内容）考核的目标及要求考核时间（ 小时）考核设计制作相关主题网