《网页设计》考核方法

《网页设计与制作》课程评价体系与评价标准方案一、总体教学目标本课程通过基于“虚拟企业”教学平台的学习与实践训练，使学生熟悉网站建设的基本流程，掌握应用Macromedia Dreamweaver CS4进行网页设计与制作的方法，熟练运用多种网页设计技术，具备Web页设计、制作及站点管理的基本知识和基本技能；掌握绘制图形和加工图像的图像处理工具，达到能够开发设计高级网页和动态网页的专业水平。

同时，在项目制教学方法的引导下，按照“虚拟企业”团队的网站开发任务，通过团队协作训练，达到锻炼学生网页制作与网站管理的专业技能和综合能力的总体教学目标。

二、本课程评价体系的目标本课程作为教学评价体系改革的教学改革课程，将进行无试卷考试评价试点。

本评价体系与标准尝试引导学生通过“虚拟企业”的团队学习与训练，达到以理论知识与实践能力同步提高的总体教学目标，努力实现评价标准的客观性、引导性和科学性，全面衡量学生专业知识、专业技能和团队协作的现有水平，为学生将来的职业发展奠定坚实的基础。

三、本课程评价体系的结构1.个人成绩评价体系学生的课程总评成绩由3个一级指标共8个二级指标构成，总评为8个指标成绩的加权，总评为百分制评价：(1)知识水平展示(课堂现场打分)：PPT制作水平，10分；知识讲解水平，10分；知识掌握水平，10分。

本项总计：30分。

(2)网页设计水平(实验报告打分)：简单网页，每个1分，最高5分；高级网页，每个3分，最高15分；动态网页，每个3分，最高15分。

本项总计：40分。

注：本项考核由学生提交简单、高级与动态网页分别5个，多者不限。

(3)团队设计水平(期末打分)：网站整体水平：20分；个人的团队协作水平：10分。

本项总计：30分。

2.团队成绩评价体系团队成绩评价体系由本团队全体学生成绩加权平均值（50%）和团队网站设计水平分（50%）两部分构成，总评亦为五级评价：优秀，良好，中等，及格，不及格。

本成绩记入团队成长记录单，作为考核团队成长过程的依据。

《网页设计与开发》课程教学大纲《网页设计与开发》教学大纲一、课程简介网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。

课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。

本课程采用课堂与实践相结合讲授、案例向导的教学方式。

二、教学目标通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。

掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。

掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5最新页面开发技术；掌握综合网站设计和发布的基本流程和方法。

三、教学内容和要求1、教学内容教学内容主要分为基础内容和进阶提高两大部分。

基础内容全面地讲述了HTML、CSS、JavaScript技术。

主要包括HTML设计和开发所需了解的基本概念和框架结构；文字与段落、列表、超链接、表格、表单和多媒体在页面开发中的应用； CSS在实际开发中的应用技巧；JavaScript在动态网页开发中的基本概念和应用。

进阶提高主要包括web设计的基本原则和方法；基于表格的页面布局方法和基于div+css的页面布局方法，以及常见导航菜单的制作；HTML5中介绍了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发从规划、实现到发布的完整过程。

2、教学要求●了解万维网的用途及网页设计的基本概念；●了解HTML、CSS、JavaScript在网页设计中的重要作用；●掌握HTML文档的基本结构及标记属性的使用方法和规则●理解HTML中的文本、字符、段落、表格、列表、表单标记的作用；●掌握主流页面布局方法；●理解JavaScript语言的作用和执行方式，掌握在网页中使用客户端脚本的方法，了解事件响应机制，掌握页面事件编程；●了解网页设计的基本原则和方法；●掌握HTML5最新网页设计技术；●掌握网站发布的基本流程。

一、要求：实践考核总分100分，按需求分析、总体设计、详细设计、编码测试的过程进行考核。

总评=设计+平时二、考核内容与标准：（测试题目及评分标准）测试题目：网络商城的设计与实现网络花店的设计与实现网络书店的设计与实现网络鞋城的设计与实现网络考试系统的设计与实现学生成绩管理系统的设计与实现学生信息管理系统的设计与实现学生档案管理系统的设计与实现1 需求分析：至少含有系统流程图、数据流图、用例图、鲁棒分析图、领域模型图中的两种。

(15*2=30分)2 总体设计：需要达到体系结构稳定、可扩展、可复用。

(20分)3 详细设计：须包括界面设计、模块设计、数据库设计。

（20分）4 编码测试：至少含有与系统相关信息管理（添加、编辑）等主要模块的详细代码。

(15*2=30分)评分标准：1 需求完整正确，建模规范，总体结构合理，详细设计准确，主要模块代码功能完备，测试运行良好，可以给分90~100分。

2需求合理，建模规范，总体结构完整，详细设计准确，主要模块代码功能能够到达预期效果，测试运行正确，可以给分80~90分。

3.需求基本完整，建模总体符合规范，总体结构可行，详细设计比较完整，主要模块功能实现较完整，个别功能有所欠缺，打分70~80分。

4.需求基本完整，建模基本规范，总体结构可行，详细设计及主要模块代码功能基本符合要求，系统功能不尽完整，打分60~70分。

5.若学生在需求、设计、编码测试过程中均存在严重错误，以至系统不能达到预期效果，打分60分以下。

考试题目由老师提前布置给学生选择，可以选择此处考试题目来完成，也可以使用学生根据实际应用的自选题目所形成的报告进行考核。

《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。

该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。

是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。

该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。

二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。

1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。

2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。

3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。

三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。

（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。

根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。

DW CS5网页设计考核要求一、概述要求设计并制作一个表达某个主题的网站，不能是一些素材如图片、动画、音乐等的堆积，各页的内容应该具有相关性。

可以从网上下载部分资料，但不要指望从网上下一个完整的网站应付老师。

总页数不少于15页（一个html文件算一页）。

评分方式按照评分要求逐个仔细浏览，请同学们注意不要下载相同的资料，如果出现网页内容雷同，双方都要打折扣，严重的必须重做。

二、网站内容网站应包含专题内容和原创内容两大部分。

整个站点首先要求主题突出，信息分类合理，导航清晰。

专题部分可根据自己爱好自定（但不要犹豫太久，迟迟不下手）；原创内容应包括文字、图片、动画等，至少15个页面。

下面是建议设置在网站主页的栏目，其中第一部分必须是自己创作，其他栏目可根据自己的专题调整或另设。

第一部分：原创部分：（至少10个网页）1.站长介绍（原创）介绍自己的家乡、成长经历、爱好，对自己所学专业的认识，事业计划。

必须有自己的学号、真实姓名、照片（经过图像处理的更好）和自己设计的背景。

2.“我”与计算机、网络的内容增加一些你在使用电脑过程中的有趣的故事，你对计算机网络的期待等等。

3.使用搜索引擎搜索的体会4.个人作品：（原创）可以将自己的照片添加到网页中，组成一个或多个网页添加自己创作的元素到网页中，组成一个页面或多个页面。

可以将自己的作品如文学作品、专业文章、或其他各种作品制作成网页5.最后加入一个网页（必须的）网页制作后记（原创）写出在网页制作过程的体会与心路历程、写一下技术成长之路，写一下大家的酸甜苦辣，文章要有新意、文字流畅，没有错别字。

不要抄袭。

第二部分：专题部分：（至少10个网页）通过网络就某个专题（如某地区的风俗或文化介绍、某作家介绍、某产品技术介绍等）搜索资料，题材不限，要求有小组特色、新颖并有吸引力，并对专题作简单的介绍，如专题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？专题中的网页不能直接从网站上DOWNLOAD下来，只能从网站上搜索文字和图片等资料，自己加工处理后组织网页。

全国高等学校（安徽考区）计算机水平考试《网页设计与制作》考试纲要【课程代号】 260【考试大纲】参考全国高等学校（安徽考区）计算机基础教育教学（考试）大纲2005版-《网页设计与制作》课程教学（考试）大纲-安徽省教育厅组编-高等教育出版社【考试形式】笔试+机试【主要知识点】网页设计的基本概念、HTML文档的基本结构、HTML各种标记及属性、CSS样式、VBScript 语言基础、VBScript常用函数、VBScript程序结构、文档对象模型、SQL语言的基本功能和格式、ASP内建对象(Request对象、Response对象、Server对象、Session对象、Application对象等)、ADO组件的使用及数据库的连接、Recordset对象的创建与使用、Connection对象的创建与使用、网页编辑器(如Dreamweaver 8)的使用、网站建设和管理的方法。

【考试内容提纲】1．网页设计的基础知识。

WWW服务器、Web节点、主页（HOMEPAGE）、浏览器(BROWSER)、超级链接、HTTP（HYPERTEXT TRANSMISSION PROTOCOL）、URL(UNIFORM RESOURCE LOCATOR)、HTML（HYPERTEXT MARKUP LANGUAGE）语言、网页编辑器、网页、网站等。

2．HTML语言。

HTML的基本概念、文档的基本结构、HTML的常用标记(如：文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等)及相关属性。

3．Dreamweaver 8。

Dreamweaver 8简介、WWW服务器的设置、网站建设步骤、网站建设方法、Dreamweaver 8的几种视图方式及切换、网页预览、网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性、插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、添加导航条、表格和单元格的属性设置、布局视图、超链接和超链接路径、建立超链接的方法、插入表单以及表单元素的方法；CSS样式表的基本概念、使用CSS样式面板、Dreamweaver 8时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法等。

莆田学院技能课程考核要求与成绩评定标准2013 —2014 学年第二学期课程名称：网页制定适用年级/专业：学历层次：本科考核时间：一、考核内容与要求考核内容：设计一个小型网站。

作品要求：1．作品主题鲜明突出、内容健康向上、有创意、栏目结构清晰、运行正确、风格协调、界面简洁美观、浏览方便。

2．作品必须可实际运行并可供浏览，至少包括5个以上网页。

如有特殊说明，请提供作品的Readme 文档介绍作品有关情况，包括使用方法、运行条件等。

3．网页应有较好的浏览兼容性，以1024*768 为标准分辨率进行设计，适应IE5.0 以上和Netscape 等浏览器浏览。

4．作品主文件（首页）名一定要取为：index.htm ，作品中的各种文件夹和文件名均使用英文名（小写）或者汉语拼音。

5．作品在提交之前应自我反复测试检查，避免出现链接错误，防止FLASH、图片不能显示等情况。

6．作品的根文件夹命名形式为学号_姓名，目录结构要合理。

7．作品要求自已设计，如发现抄袭或者网上下载的，作零分处理。

8．每位同学将作品整理测试好后提交给各班班长，由班长组织刻录光盘。

二、成绩评定标准1．期末成绩绩采用等级制，分优、良、中、及格和不及格五个等级。

2．期末作品成绩由两部分组成：（1）本地站点部分（占30%）,其中主要考查以下部分：①站点资源组织是否合理；②网页数量是否5张以上；③各网页之间是否跳转方便，是否有导航栏；④站内是否存在无效链接;⑤网站内容是否健康，主题是否鲜明；⑥网页是否有较好的兼容性。

（2）网页设计部分（占70%）,其中主要考查以下部分：①网站风格是否统一；②网页布局设计是否合理、清晰；③色彩搭配是否合理，动静搭配是否合理；④导航条设计是否实用美观；⑤文字是否清晰、规范；⑥是否有通过CSS对界面进行修饰；⑦是否有多媒体、图像、及动画等元素。

《网页设计》课程标准一、基本信息二、课程概述（一）制订依据2016年教育部办公厅印发《关于做好<高等职业学校专业教学标准>修（制）订工作的通知》，要求坚持就业导向，明确规格定位。

坚持工学结合，注重知行合一。

我们邀请行业企业专家共同修订人才培养方案，以前端开发工程师职业能力培养为核心，瞄准前端开发职业岗位需求来进行课程改造。

按照基础性、规范性、可操作性等原则，对现行的《网页设计》课程标准进行修订和完善。

（二）课程性质和作用《网页设计》课程分别是移动互联应用专业的专业基础课程、必修，本课程的前导课程：《计算机应用基础》、《平面设计》、《Flash动画设计与制作》等。

本课程的后续课程：《网页互动制作JavaScript》、《PHP动态网页设计》等。

本课程是学生开始接触和认识前端开发的重要课程。

在专业人才培养过程中有着举足轻重的地位。

为后续课程提供了理论基础，是学习和掌握更多前端开发相关知识的前提。

对职业能力与素养的养成起明显的促进作用。

本课程支撑前端开发工程师岗位能力，培养前端开发职业素质、培养前端开发专业技能。

（三）课程设计思路基于前端开发工程师岗位能力的特定要求，适应软件企业的工作环境和业界标准，并与国际先进的软件开发理念和前端技术保持同步，本课程的设计体现了工作过程系统化的理念，按网页设计企业流程详细地介绍了网页设计计划、网页设计用例、网页设计执行、网页设计总结、网页设计工具等内容，避免了以往重知识轻技能的弊端。

以“工学结合”为切入点，精选企业真实项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性，充分考虑高职学生认知能力。

本课程以实训企业网页设计项目的完整创建过程对各环节知识、技能进行知识巩固和运用，围绕预设能力目标，对学习目标、学习任务、能力要求、教学内容、活动设计和教学建议等都均参照人才培养方案。

三、课程目标四、课程内容与教学目标五、实施建议六、考核及评价（一）考核方式本课程考核评价以学生为中心，以学生预期学习成果为导向，以国家职业资格标准和企业岗位工作职责要求为依据，采用学生互评、校内指导教师评价和校外企业指导老师评价相结合的项目化阶段评价模式。