《网页设计》课程设计任务书与评分标准
《网页设计与制作》课程评价体系与评价标准方案
《网页设计与制作》课程评价体系与评价标准方案一、总体教学目标本课程通过基于“虚拟企业”教学平台的学习与实践训练，使学生熟悉网站建设的基本流程，掌握应用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%）两部分构成，总评亦为五级评价：优秀，良好，中等，及格，不及格。
本成绩记入团队成长记录单，作为考核团队成长过程的依据。
网页课程设计任务书
课程设计任务书一、设计目的本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。
在课程设计周完成一个站点的设计与制作，从而达到以下两个目的：（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。
并在站点的设计中掌握一定的实用性和技巧性的技术。
（二）根据个人的设计主题，培养出查阅有关资料的习惯，强化自学能力，为进一步提高个人的素质打下基础。
二、设计过程要求（一）纪律：上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。
课程设计过程中的表现，将作为最终评定成绩的参考。
（二）内容：网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站点，但建议根据个人的预期就业目标选择。
课程设计结束后可将自己所设计的网站拷贝带走，作为就业自荐的一份材料或作品。
（三）保存：设计结果及有关素材要及时上传至个人空间。
（四）要求：所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽可能减少到其它站点的链接。
通过个人对资料的查阅，力所能及地利用一些好的脚本程序。
（五）考核：考核分两部分进行。
首先，网站设计的实际成果；其次，写出《课程设计报告》，在设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。
在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。
1、内容：20分（1）网站题材及内容是否符合本次设计的要求；（2）对选材的把握及处理是否符合内容的需要，对选材阐述的深度是否专业、精辟；（3）网站的选材是否全面、详细、充实、相关信息是否丰富。
2、版面：20分（1）版面是否简洁，主要指文本、图案是否整齐美观；（2）布局是否合理，主要指网站的结构是否科学，栏目设置是否合理，导航是否分明，是否方便查阅；（3）色彩，指色彩搭配是否协调，有层次感，且有利于浏览阅读。
《网页制作》作业安排及评价标准
《网页制作》作业安排及评价标准
作业一：（自定义）网站首页的设计与技术实现
评价指标及分值：
1.采用photoshop切片功能，并对生成网页进行处理（40分）
2.页面布局清晰、条理、个性化（30分）
3.素材处理得当，色彩搭配合理（30）
作业二：应用div/css技术制作网页并结合层、行为与时间轴制作特效
评价指标：
1、应用了div/css技术，网页布局合理，css应用巧妙得当，修饰美观大方（40分）
2、结合层、行为技术和时间轴制作网页特效（40分）
3、结合了其他技术（spry控件、多媒体等，20分）
作业三：（自定义）综合网站的开发及其设计方案
（一）制作要求：
1.建立网站站点，在站点文件夹下，按文件类型分门别类创设不同的文件夹，如images、
文件夹
2.使用网页制作元素情况：
●使用超链接
●布局方式：表格或框架或层（结合模板的应用）；
●页面内容类型：文字、图像、多媒体（动画、视频、音频）；
●网页动态效果：CSS、javascript（使用行为）、层、动画、gif动态图像、表单
3. 整个网站网页数量不小于10页。
《网页设计与制作》课程的考核评分点及评分标准
设置层的大小和坐标
框架的插入
框架的命名
保存框架集文件
填充架目标的指定
框架源文件的指定
插入动画元素
设置动画属性与参数
创建和设置链接
设置图像链接
插入命名书签
创建命名书签链接
链接的设置与更改
创建电子邮件链接
插入并命名表单
插入表单对象
表单对象属性的设置
《网页设计与制作》课程的考核评分点及评分标准
本课程的考核评分点及评分标准如表2所示。
表2《网页设计与制作》课程的考核评分点及评分标准
建立并设置本地根文件夹
定义站点
创建与设置文档
输入文本
插入空格与换行操作
运用图像
设置图像属性
表格的创建与设置
设置单元格属性
复制表格或单元格
管理表格
重新编排表格
布局表格
层的插入及命名
插入与设置表单按钮
表单的属性设置
重定义HTML标记，改变网页元素的属性设置
创建CSS样式
应用CSS样式
链接CSS样式
JavaScrip技术
行为的应用
插件使用
设置页面属性
创建CSS样式
布局页面轮廓
填充页面元素
网页设计期末考试课程设计要求-2014
《网页设计技术》课程设计2014-2015学年第一学期电商20131.电商20132班一、设计形式个人完成制作, 要求一人一题。
二、设计技术网页布局采用DIV+CSS设计, Dreamweaver（含插件）＋HTML＋JavaScript + 网页设计辅助软件（Photoshop图像处理、网页特效、Flash动画等）三、设计主题根据自己的兴趣爱好完成课程设计, 可以发挥自己的创意、张扬自己的个性。
以下是一些参考主题:1.个人网站: 介绍自己的学习、生活、兴趣、爱好、特长、作品等；2.企业宣传网站: 介绍企业形象、相关产品、企业文化、相关活动等；3.电子商务网站: 为某一知名企业重新设计一个网站；4.旅游网站: 介绍自己家乡风光、风土人情、景点等；5.校园网站: 介绍自己的学校、系、班级等；6、课程网站: 介绍某一课程的教学信息资源、学习交流等；7、休闲娱乐网站: 介绍音乐、动漫、游戏、体育、书籍等。
8、其他任何你感兴趣的主题。
四、基本要求1.主题鲜明, 思想明确, 内容健康, 积极向上；要突出主题, 全站点围绕一个主题及其相关内容进行设计, 设计思路清晰, 明确表达设计意图。
2.各栏目功能明确, 方便使用, 页面内容清晰明了。
3.子页面及父页面方便返回访问, 打开/关闭窗口方便。
4.网页上的图片、表格和框架等元素不变形, 不错位。
5.没有空链接和错误链接, 也没有多余的无效图片。
6.页面设计美观大方, 图片使用得当, 色彩协调, 布局合理。
7、页面具有较强的个人设计创意。
注意网页的适用性和丰富适当的艺术表现力, 在艺术的表现上及技术与艺术的平衡上有进步和创意。
8、编写网站的策划书。
在网页建设前进行需求分析、确定网页的目的和功能, 并根据需要对网页建设中的技术、内容、费用、测试、维护等做出策划。
网页策划对网页建设起到计划和指导的作用, 对网页的内容和维护起到定位作用。
具体格式和样例见附件。
五、具体要求1.网站策划书合格后才能进行具体的设计实现。
《网页设计与制作》任务书
《网页设计与开发》任务书一、课程设计安排1、设计目的：通过实验使学生掌握HTML语法、网页样式表CSS、JavaScript脚本语言、网页设计工具、网页制作工具Dreamweaver 、Visual studio 2005、网页图形处理工具及网页动画制作工具，加深对课堂教学的理解。
培养学生的实验技能、动手能力和分析问题、解决问题的能力。
2、设计目标：目标是衡量学生是否取得效果的重要标志，这次课程设计的目标就是培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计、美工等方面的技术处理能力。
3、设计内容：⏹每位同学根据自己的兴趣爱好或专长，确定一个网站主题，并独立完成该网站的制作；⏹确定的网站主题应大小适中、内容健康、具有时代气息，根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；⏹根据确定的网站整体风格和特色进行网页设计，包括网页的页面尺寸、LOGO、导航样式、图像、背景等等；⏹利用Dreamweaver或其他网页制作软件完成页面的制作；⏹测试完成整个网站，并实现发布。
二、课程设计主题内容可以从下主题题目中任选一个完成，也可以根据自己爱好和能力进行自己选题设计。
1、体育运动主题网站2、影视综艺主题网站3、学院或班级主题网站4、个人主题网站5、历史哲学主题网站6、音乐主题网站7、游戏主题网站8、公益环保主题网站9、旅游休闲主题网站10、学习辅导类主题网站11、自定义题目每个主题具体要包含以下内容细节1．设计用户注册和登录界面（主要是界面的设计，不考虑动态的设计）。
2．利用样式和Menu控件设计导航栏。
3．利用CSS+DIV设计一个主页的布局。
4．利用多媒体工具为页面设计几个插图、logo和flash动画。
5．设计几个内置框架的应用。
6．设计几个二级页面。
三、设计要求1、网页设计要求每人一题，设计要求独立完成。
网页制作考评标准
网页制作考评标准网页制作课程共64学时，具体实训内容安排如下：一、网页基础技能训练（24学时）。
实训要求：学生能够熟练的运用DREAMWEA VER提供的绝大多数工具和模块制作简单的网页。
考核要点：网页设计主题：选手选定下列命题之一制作网站。
1、南非世界杯2、企业类宣传网站3、世博会4、自拟题目评分要点：1、主题定位要小，内容要精。
2、网站内容要能够很好的突出主题。
3、只能用一个题材，一个主题，不能大而全。
4、给自己的网站起一个名称，名称要正气、易于记忆、有特色。
二、网页制作技能提高训练（30学时）实训重点：学生需要掌握多个网页制作的高级技巧和整体制作网站的方法考核要点：1、结构设计：（1）、物理结构网站的物理结构是指网站在服务器上的目录结构。
首页放在站点根目录，其他栏目网页放在各自栏目的目录中，目录只能以英文字母和数字来命名。
另外，网站结构不要超过3层。
（2）、逻辑结构网站的逻辑结构是指网页之间相互联接的拓扑结构。
它是建立在网站的目录结构之上的，但可以跨越目录结构。
网站的逻辑结构一般有两种形式：树状链接结构、星状链接结构。
本次竞赛采用树状结构。
要能够有效的组织起网站的内容，方便用户使用。
2、网站形象设计网站内容的丰富性固然重要，但简洁明快、独具特色、保持统一的风格能够使浏览者产生深刻的印象，因此，设计内容与形式有机结合的“特色” 才是网站成功的关键。
（1）、网站的标志设计网站的标志可以是中文、英文字母、符号、图案，可以是动物或者人物等。
标志的设计创意来自你网站的名称和内容。
本次竞赛要求参赛者自制一个符合自己站点主题要求的标志。
（2）、网站的标准色彩设计网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。
不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
本次竞赛要求网站的标准色彩不超过3种。
标准色彩要用于网站的标志，标题，主菜单和主色块。
给人以整体统一的感觉。
至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。
网页设计任务书
《网页设计》实训任务书院系：电气与信息工程学院专业：计算机信息管理（2010级）1.1 实训意义《网页设计》实训是教学过程中重要的实践性教学环节。
它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
1.2 实训目的1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效的制作方法。
（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
1.3 实训任务1．站点规划，搜集资料。
确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2．进行主页设计。
构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课程设计任务书
课程名称:网页设计
所在院系:软件学院
适用年级:
适用专业:
适用学期:2012-2013学年第一学期
指导教师:周改云
2012年11月10 日
一、设计目的
《网页设计》是一门实践性很强的课程，为了学好这门课程，必须在掌握理论知识的同时，加强上机实践。
本课程设计的主要目的在于：
1、进一步学习和巩固本课程所讲解的主要内容；
2、重点掌握站点的创建与结构组织方法，网页文件的基本操作，网页基本元素的插入方法，CSS的创建和应用技巧，Dreamweaver内置行为的创建方法，库项目和模板的创建方法与应用技巧。
3、拓展练习，掌握网站的制作流程、方法和技巧。
二、设计要求
1、要求学生熟练掌握Dreamweaver的基本操作知识，独立完成设计任务，并完成课程设计报告。
2、学生必须仔细研读网页设计课程设计任务书，课程设计以学生自学为主、指导教师指导为辅。
3、本次课程设计按照教学要求，需要利用课下时间在三到五周内独立完成，学生要发挥自主学习的能力，充分利用时间，安排好课程设计的时间计划，并在课程设计过程中不断检测自己的计划完成情况，及时地向指导教师汇报。
4、学生在完成课程设计后，需参加由院系统一组织的答辩，展示其课程设计作品，陈述作品设计思想和制作过程中运用的主要技术，并现场回答答辩小组教师提出的问题。
5、使用Dreamweaver软件的版本不限，推荐使用Dreamweaver 8.0。
三、设计任务
课程设计要求如下。
1.内容要求
自选主题，使用Dreamweaver网页设计与制作软件，独立设计并制作一个内容完整、结构规范合理的静态网站，要求选取内容健康，网站中出现一定数量的图像和多媒体。
2.制作要求
①主题：网站主题自定。
大致范围可参照以下类型：医院、教育科研机构（学校或科研中心等）、精品课程、企业、政府、出版物（文学作品或其它著作）、交通、旅游、娱乐中心、装修（或装饰）、家政服务、礼品、电子商务、宾馆酒店、影视制作、文化艺术、办公用品等网站。
②正确创建站点并组织好站点的结构，要求各个文件和文件夹的命名规则要符合网站设计的规范。
③每个页面都要求有导航条和页脚信息，需要将这些信息制作成库项目，然后根据需要将之插入到模板或其它页面中。
④各个页面都要有标题，而且布局要合理、美观、大方。
布局网页时要尽量涉及到各种布局方法（必须使用表格、布局表格、框架和模板4种布局方法）。
⑤页面中需要有文字、图像、多媒体、超级链接等，要求达到图文并茂的效果。
所使用的文字的大小、字体和颜色要认真处理，除非特殊需要，不能出现空链接，文字不能简单用截图代替；所需图像和多媒体素材尽量自己设计，如有下载，自己必须再精心处理，不得出现他人网站标志，否则将扣分。
⑥为了保证页面的设计效果更好地兼容各种浏览器，要求用CSS调整和设置页面格式，至少创建并应用改变超级链接样式的外部CSS（包括a: link、a: visited、a: hover等样式），外观的样式要匹配整个站点的配色方案。
⑦必须创建有层动画、显示/隐藏层等行为，同时为主页添加背景音乐。
根据需要，可以给页面添加合适的其它行为，使网页具有简单的交互功能。
⑧要求首页和一级页面之间能够互相跳转，必须有返回上一层的链接。
⑨网站规模和大小：20个页面左右，容量不超过1GB；
⑩作品的创作内容要求尽量原创，题材不限，但杜绝抄袭。
四、课程设计成果提交要求
1、以班为单位提交课程设计光盘，光盘中每个学生一个文件夹，文件夹命名方式为“学号+姓名”，其中存放以下三个文件：
（1）整个站点的内容；
（2）课程设计报告.doc；
（3）课程设计答辩PPT。
2、个人课程设计报告，打印版。
内容应包括网站的设计思路、制作过程、制作难点、作品特色等，用课程设计封皮装订。
3、提交与答辩时间：所有成果于第18周前提交，答辩时间院系统一安排并另行通知。
五、评分标准与成绩评定
根据完成任务的情况、答辩情况、课程设计报告书的质量等按照90%、5%、5%加权综合打分。
具体评分标准见附件。
六、课程设计报告具体要求
1、主要内容及装订顺序：封面(封面用学校的统一封面)、目录、正文、参考文献等。
2、正文部分应该包括以下内容：
（1）作品简介：如创作动机、网站的主题和设计思想（即网站作用）等；
（2）设计方案：要求写出创作前的构思和设计过程；参考如下。
先对网站进行需求分析，然后根据需求确定网站的布局类型和配色方案（如：该网站采用“T”型布局，其配色方案以蓝色系为主色调，配合使用黄色和红色），写网站策划书，画出网站的链接结构和层次结构图（可配图说明，如图1）；然后根据网站策划收集相关素材，并根据需要精心整理或制作素材；接着使用Dreamweaver创建站点，并组织好站点的结构；紧跟着创建库项目、模板和样式，并将库项目和样式应用于模板；使用模板创建首页、一级页面和二级页面，创建合适的超级链接；添加合适的图、文、多媒体或行为；检查、完善网站；书写课程设计报告书。
（设计报告书中所有图片大小在清晰的基础上，适当调整大小，以实现更好的排版效果。
）
图1 网站的链接结构和层次结构
（3）实现过程：如站点的创建和结构组织、库项目、样式的创建、模板的的创建和应用，超级链接的创建、技术难点及解决方案、特色部分的制作过程等；参考如下。
①站点的创建和结构组织
写出创建的关键步骤和结构组织的要点。
站点结构图如图2 （居中对齐）：
图2 站点结构
②库项目的创建
写出创建的步骤和主要内容。
③样式的创建
分别写出所创建的样式名称、类型、作用和创建步骤。
④模板的创建和应用
分别写出各模板的布局类型、主要创建步骤和应用，并截图展示模板的制作效果和应用模板制作出的其它页面效果。
模板效果如图3和图4：
图3 模板1效果图
图4 模板2效果图
根据模板生成的部分页面之布局效果如下图5和图6：
图5 模板1生成的主页效果图
图6 模板2生成的产品介绍页面效果图
⑤超级链接的创建
分别写出超级链接的类型和所采用的创建方法。
⑥技术难点及解决方案
写出制作过程中较难实现部分所采用的技术和相应的解决方案。
如：综合运用层和表格的布局某某页面，感觉很难把控，制作时费时较长。
（4）作品特色说明：说出自己网站的特色。
如显示隐藏层效果，体现在哪个页面；时钟特效，体现在哪个页面等。
3.参考文献
参考文献的书写规范如下：
专著：注释编号.作者.专著.书名[M].出版社,出版年.起止页码
期刊：注释编号.作者.期刊.题名[J].刊名,出版年(卷、期):起止页码
论文集：注释编号.作者.论文名称: 论文集名[C].出版地:出版社,出版年度.起止页码学位论文：注释编号.作者.题名[D].保存地点:保存单位,写作年度.
专利文献：注释编号.专利所有者.题名[P].专利国别:专利号, 出版日期
光盘：注释编号.责任者.电子文献题名[电子文献及载体类型标识]，出版年(光盘序号) 互联网：注释编号.责任者.文献题名.电子文献网址.访问时间（年-月-日）
文献作者3名以内的全部列出；3名以上则列出前3名，后加“等”(英文加“etc.”)
附件1：课程设计报告封面模板，必须套用，不可替换
课程设计报告
课程名称:网页设计
设计题目:某某网站设计与制作
院（系）:软件学院
专业年级:2011 级
学号:
姓名:
指导教师:周改云
2012 年月日
附件2：课程设计报告格式排版要求：
:1、中文为“小四号宋体”，英文和数字为小四号“TimesNewRoman”，行间距22-25磅。
标题可适当加大字号或加粗，保持排版美观。
2、内容中编号方式为：
一级：一、二、三、……
二级：1.2.3.……
三级：（1）（2）（3）……
四级：①②③……
3、正文页脚处标注页码。
4、图和表要进行编号，并在正文中进行引用；图和表各自排序，从1开始；图名在下方，五号字；表名在上方，表中内容及表名均为五号字。
例如：信息审核员用例图如图1所示。
图1 信息审核员用例图
在系统管理员用例图中，以管理角色用例为例给出用例描述，如表1所示。
表1 管理角色用例描述
附件3：课程设计评分标准
1
工业出版社，2010-10-1
2。