《网页设计与制作》课程设计任务书

《网页设计与制作》课程设计

课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与制作》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。

一、课程设计任务

针对计算机各专业岗位技能要求，进行网页设计与制作项目工作，培养学生计算机操作的能力和用计算机设计网站的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。

二、课程设计目的

课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：

1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。 4．培养学生团队协作和人际交往方面的能力。 5. 培养相关知识和技能的综合应用能力。

三、课程设计的要求

《网页设计与制作》的课程设计课题选择应从专业网站建设的实际出发。具体要求如下： 1. 网站的选题可以是教师的项目，也可以是自选项目。 2. 学生是课程设计环节的主体，教师只起辅助引导、协调作用。

3. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则。

4. 站点至少要有三层结构，页面数不得少于8页；其中一页必须是留言板； 5. 自选主题，主题内容要合法、健康、实用。 6. 网页要有版权说明；

1

7. 要仔细考虑网站定位。分析面向的潜在访客群体的需求特点，选择内容和版式。 8. 网站主题突出、内容丰富；

9. 网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

10.各页面设计合理、美观，有创意。不要太花哨或太孩子气。要有网页平面设计过程，不要只是各种元素的随意拼凑。图片动画选用要适合主题，不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽，否则显示器分辨率小时会出现水平滚动条。

11.各个页面之间的链接要合理有效，路径要正确（相对路径）； 12.注意网站的大小，图片保存格式和图片大小要合适； 13. 代码结构清晰，无垃圾代码

四、课程设计内容

（一）选题的基本原则

（1）选题应反映本专业的培养目标，符合专业综合训练的要求。 （2）选题要有利于深化所学的专业知识和拓展所学的知识面。

（3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。

（二）选题范围

围绕本课程的教育目标，根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。以下课题可供参考：

1. 山西大学商务学院 2. 山西大学商务学院学生会 3. 山西大学商务学院饮食服务公司 4. 山西大学商务学院后勤服务中心 5. 校内精品课程网站 6. 求职网 7. 个人网站 8. 公司网站 9. 娱乐性网站 10.旅游网站 11.花卉市场

12.其他类型的网站等等

（三）课程设计进程表

1. 设计方案：（从第一天到第二天，最后一节课验收） (1) 潜在访客群体的需求特点：版式和内容的需求；

2

(2) 站点目录结构图：

(3) 色彩方案：主色调、次色调；

(4) 布局方案：导航和其他网页内容的位置；

(5) 平面设计图：使用Fireworks绘制网页平面设计图；

2. 制作网页主页：（从第三天到第四天，最后一节课验收，可以提前验收） (1) 切割图片； (2) 制作动画； (3) 录入文字； (4) 制作网页；

3.制作其他页，完善优化网站：（第五天，最后一节课验收，可以提前验收） (1) 优化代码 (2) 优化图片 (3) 制作留言板 (4) 链接各网页

4. 完善优化网站：（第六天，最后一节课验收，可以提前验收） (1) 测试网站 (2) 优化网站 (3) 制作动态效果

5. 撰写课程设计说明书。（第七天，最后一节课验收）

课程设计说明书必须认真撰写并打印成稿，严格按规范要求装订。

（四）站点结构图

要求：画出自己的站点结构图，如下面所示：

3

五、成绩考核办法

课程设计的考核必须充分重视学生的创新能力和实践能力的培养，全面提高学生的工作能力和综合素质。考该方法如下：

（1）指导教师在评分中坚持严格要求和实事求是的原则，根据学生在课程设计中独立完成的实际情况和评分标准做出评定。

（2）采取“结构评定成绩”进行成绩的综合评定，即课程设计成绩由平时成绩、课程设计作品及课程设计说明书三部分组成。其中：平时成绩占30%（其中：出勤10%，实验10 %，作业10% )，课程设计作品占60 % ，课程设计说明书10 % 。

（3）考核成绩等级

课程设计实际成绩一般分五个等级：优秀、良好、中等、及格、不及格。

课程设计评分细则：

项目 主页文件名正确 主页保存位置正确 站点资源组织（目录结构）合理 本地 站点中无多余文件和文件夹 站点 站点中平均网页大小小于 400K 28分 站点至少有三层 页面数 8 — 10 页 各页之间跳转方便，各子页均可返回到主页 各网页内容合法、健康、实用 内容 10 网站主题突出、内容丰富 分 各网页主次分明，文章流畅，内容正确 网站风格统一 网页 LOGO 设计新颖、美观 平面 设计 22 色彩搭配合理 2 2 3 网页布局设计合理、清晰 指标 分数 最后验收 2 2 3 2 2 3 12 2 4 3 3 3 3 2 分 动静搭配合理 图像、动画设计美观、大方、专业、有创意 4

导航设计实用美观 2 文字清晰、规范 适用于各种显示器分辨率和颜色 浏览速度正常 图片和动画能够正常显示（包括部分实现转换的效果） 各页之间跳转方便，各子页均可返回到主页 没有无效链接， 代码结构清晰，无垃圾代码 可以借助相关的工具制作的各种效果（flashpaper、photoshop技术 40 分 含有适当的注释 合理使用 JavaScript 脚本或行为（如公告栏、状态栏的信息、开始菜单等等） 表单使用合理，提交后打开浏览留言页； 主页要包含日期时间星期的显示（要求自己编写程序） 包含有其他的相关技术 合 计

等等） 2 3 2 3 2 3 3 3 5 8 6 5 100 5

本文来源：https://www.bwwdw.com/article/f8va.html