《网页设计与制作》课程设计任务书(2011-2012-2)[全文5篇]

第一篇：《网页设计与制作》课程设计任务书(2011-2012-2)

《网页设计与网站建设》课程设计

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

一、课程设计任务

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

二、课程设计目的

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

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

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

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

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

三、课程设计的要求

《网页设计与网站建设》的课程设计课题选择应从专业网站建设的实际出发。具体要求如下：

1.自选主题，主题内容要合法、健康、实用。

2.学生是课程设计环节的主体，教师只起辅助引导、协调作用。

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

4.站点至少要有二层结构，页面数不得少于6页； 5.必须包含的布局方式：表格、浮动框架。6.网页中必须适当添加行为效果。

7.必须对页面元素进行合理的CSS设置，使页面、文字美观。8.网页要有版权说明； 9.网站主题突出、内容丰富；

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

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

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

四、课程设计内容

（一）选题的基本原则

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

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

（二）选题范围

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

1.山西大学商务学院 2.山西大学商务学院学生会 3.山西大学商务学院饮食服务公司 4.山西大学商务学院后勤服务中心 5.校内精品课程网站 6.求职网 7.个人网站

8.公司网站 9.娱乐性网站 10.旅游网站 11.花卉市场

12.其他类型的网站等等

（三）课程设计进程表

1.设计方案。

(1)潜在访客群体的需求特点：版式和内容的需求；(2)站点目录结构图：(3)色彩方案：主色调、次色调；(4)布局方案：导航和其他网页内容的位置；

(5)平面设计图：使用Photoshop或Fireworks绘制网页平面设计图； 2.制作网页主页。

(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页； 3.制作其他页，完善优化网站。(1)优化代码(2)优化图片(3)链接各网页 4.完善优化网站。

(1)测试网站(2)优化网站(3)制作动态效果

五、成绩考核办法

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

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

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

第二篇：《网页制作课程设计》任务书

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

一、课程设计的目的及功能定位：

1.巩固远程站点管理的知识和技能； 2.巩固本地站点管理的知识和技能； 3.巩固网页页面设计的知识和技能； 4.巩固网页制作的知识和技能；

5.培养以上知识和技能的综合应用能力；

二、课程设计总体要求： 1.自己负责作品的保存；

2.课程设计可以独立完成，也可以合作（不多余3人）； 3.申请免费域名、免费主页空间，并发布站点；

4.站点设计合理、管理有序、无多余文件和文件夹、大小合适；不要使用媒体（视频文件）； 5.站点至少要有三层结构，页面数不得少于5页；其中一页必须是留言板； 6.自选主题，主题内容要合法、健康、实用； 7.网页要有落款、版权说明；

8.分析面向的潜在访客群体的需求特点，选择内容和版式； 9.网站主题突出、内容丰富；

10.网站风格统一，设计适合于主题的LOGO；

11.各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色； 12.各个页面之间的链接要合理有效； 13.代码结构清晰，无垃圾代码

三、课程设计进程表： 1.设计方案：

(1)潜在访客群体的需求特点：版式和内容的需求；(2)站点目录结构图：

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

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

(5)平面设计图：使用photoshop绘制网页平面设计图； 2.制作网页：(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页；

3.在课程设计的最后一次课上提交课程设计报告和作品。

四、站点结构图：

五、课程设计评分细则：

项目 指标 分数 3 2 2 2 3 3 2 远程站点 有效的主页空间，并上传站点 5 分 有效的域名

主页文件名正确

本地 主页保存位置正确

站点 站点资源组织（目录结构）合理 42 分 站点中无多余文件和文件夹

站点中平均网页大小小于 400K 站点至少有三层

页面数 5 — 8 页（2*5+1*3）

各页之间跳转方便，各子页均可返回到主页 没有无效链接

文字内容使用 CSS 样式表文件控制 合理使用 JavaScript 脚本或行为 合理使用 Js 文件，并含有适当的注释 各网页内容合法、健康、实用

内容

网站主题突出、内容丰富 分

各网页主次分明，文章流畅，内容正确

网站风格统一 LOGO 设计新颖、美观 网页布局设计合理、清晰

网页 色彩搭配合理平面

动静搭配合理

设计 分 图像、动画设计美观、大方、专业、有创意

导航设计实用美观 文字清晰、规范

适用于各种显示器分辨率和颜色 浏览速度正常

技术 图片和动画能够正常显示 12 分 代码结构清晰，无垃圾代码

表单使用合理，提交后打开浏览留言页； 考勤（缺勤 2 课时以上不予以评分）

其它 按时提交设计方案报告（课设进行第二天前必须提交，否10 分 则不予以评分）

按时提交课程设计报告（提交报告后评分）

合计 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推荐的主题：

1.肇庆学院计算机学院学生成绩查询系统 2.花卉市场 3.理发店 4.洗衣店

5.肇庆学院计算机科学学院学生会 6.肇庆学院饮食服务公司 7.肇庆学院后勤服务中心 8.肇庆学院求职网 9.个人网站

八、参考网站：

1.内蒙古师范大学首页http://www.xiexiebang.com 4.中华手套网http://www.xiexiebang.com

第三篇：网页设计与制作课程设计

一、设计目的

通过一个月的网页设计学习，设计一个简单的网站来检测自己的学习成果，看看哪些东西还没有掌握，需要进一步的去巩固！网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。

二、设计要求

运用所学的知识设计一个简单的网站，类型不限

三、需求分析

网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审

美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。

网页设计的主题为我的篮球网，它是我根据自己的兴趣做出来的网站，内容非常简单，但却富有深意！它融合了当今大多数青少年朋友的兴趣爱好，可以说是一个大众化的网站！

四、制作过程的内容及结果

1、网站目录

打开dreamweaver cs4，建立站点，放到F盘里，在目录下有images(包括图片、flash)、scripts、shipin、web（建立的网站）文件夹。如下图示：

2、我的篮球网（首页）

主要代码：