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

admin管理员组

文章数量:1638753

2024年4月30日发(作者：)

网页设计与制作实训

课程设计任务书

适用专业：计算机科学与技术（数字传媒方向）

【课程设计目标】

本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会

设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布

和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关

行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业

机会，提高个人的综合竞争力与社会适应力。

【课程设计基本要求】

通过本课程设计的学习与实践，学生要达到以下基本要求：

1. 了解网站建设流程，学会设计和制作网站。

2. 能够使用相关工具熟练制作网页。

3. 尽量运用业界默认的网站开发规范，努力使自己的站点专业化。

4. 根据教学案例库与教师指导能够够独立完成整个网站项目。

5. 按要求编写课程设计报告书，能正确阐述设计和实验结果。

6. 学生必须明确设计目的和任务，端正学习态度，遵守纪律。遵守操作规程，注

意操作安全，通过课程设计培养学生严谨的科学态度，认真的工作作风和团队

协作精神。

7. 在老师的指导下，要求每个学生独立完成课程设计的全部内容，并独立完成课

程设计报告，如发现抄袭行为，双方均以不及格处理。

【课程设计实验内容】

课程设计网站有以下几点基本要求，要求每个同学在作品中都要合理地体现出来。

1、要求站点最少10个网页以上。

2、网页内容必须包括以下内容：

(1)：文字。

(2)：图片：鼠标经过图像、多图片随机显示、视频及flash文件。

(3)：链接：空链接、下载链接、页内链接、邮件链接。

(4)：框架：浮动框架。

(5)：表单：检查表单。

(6)：CSS：文字、图片、表格、表单的CSS效果设置。

(7)：模板：利用模板完成内容页的制作。

(8)：javascript特效。

课程设计网站能够通过自己查找资料完成以下部分功能的，实训成绩可以提高一档。

(1)：除以上基本内容以外的网页设计技术三项以上，例如：库技术、层、时间

轴等。

(2)：登录系统、留言板、文件上传等动态网页功能的实现。

(3)：网站总的访问人数和某IP地址的访问次数功能的实现。

【课程设计选题】

1、课程设计选题原则

课程设计题目遵循每人一题的要求，不允许题目重复。原则上由指导老师提出设计

题目，也可以由学生提出课程设计题目，但应当征得指导老师同意。

1）内容要求：内容不限，但要求主题思想明确。

说明：

 网站内容可以是个人主页、班级主页、学院主页、公司站点、专题站点等。

 具体的设计所需素材，可以自己设计制作也可以利用网络资源，但不得作出一

些侵害别人版权的行为。

2）设计工具使用要求：

说明：

 网页编辑工具可以使用Dreamweaver CS4，使用Flash、Firework、Photoshop

等软件处理动画和图片。

 网站中必须使用到VBScript或JAVAScript等相关网页动态技术 。

 网站各个页面风格统一，必须使用到CSS外部样式表技术。

 网站中必须使用到表单技术。

3）页面布局要求：用表格、层、框架等页面布局技术排版，注：表格边框设为0；结

构清晰、形式新颖、内容充实、浏览方便、鼓励创新。 常用页面布局方式参考：

4）结构要求：要求站点最多有三层结构，至少10个网页以上。要求要有图片或flash，

有网页背景，可以应用主题。

说明：

 主页放在web文件夹根目录下，保存为， 。

 每页均可以返回首页和链接到其它页，每页都有导航条。

 可以自己制作图片、动画等以增加网页展示效果。

 网页分辨率要求：以1024*768显示分辨率为准(网页内容宽度保持在1002以

内，就不会出现水平滚动条，高度则视版面和内容决定)。

 网站下建立的目录结构应清晰，除首页外，其它页文件、图片等应放在相应的

文件夹下，并且所有文件、文件夹和图片名都必须使用英文小写字母。

2、课程设计选题（可参考）

1）个人网站的制作。

设计要求：用dreamwear制作个人网页，要求用表格布局，banner要自己创作，其他图

片可引用素材。导航栏在页面的左边，要求使用flash动态文本。网页对象至少要有一个是

自己创作的flash。

2）娱乐资讯网站制作。

设计要求：采用dreamwear框架布局，左边为娱乐导航栏，上面为娱乐站点标志及相关

内容，中间为链接区域。要求对图片添加动态效果，同时添加背景音乐。

3）某学校网站的制作。

设计要求：制作某学校网页，要求使用css样式表统一网页风格，即字体、字号、颜色

的统一。技术手法要求多样，表格布局和框架布局结合使用，并使用层制作一个滚动的广告

栏，内容为学校的最新消息。

4）网页设计精品课程网站的制作

设计要求：以网页设计课为课题制作精品课程网站，栏目为课程简介、教学方法、教学

条件、教学队伍、实践教学、教学效果等。将自己课堂所学的教学资源进行整合实现最终整

体站点的效果。

5）个人偶像网站制作

设计要求：每个人都有自己的偶像，收集自己崇拜的偶像的所有资料并进行整合。站点

运用模板与库知识进行设计，方便页面更新和修改。页面内容多的使用锚点进行导航。对整

个站点的导航使用dreamweaver的导航条进行制作。

6)个人求职站点的制作

设计要求：要求站点主题明确，合理设计站点栏目，导航清晰，内容精选，站点栏目要

包括个人作品展示页面，图像要求随机显示。动态显示当前时间。

7）公司站点的制作

设计要求：可以虚拟某一个公司或者现实存在的公司，按公司（客户）要求进行站点设

计。目的是宣传公司、推广产品或者服务、人才招聘等。页面中要使用到浮动框架布局。使

用行为设计动态效果。

【课程设计报告的内容及要求】

按要求编写课程设计报告书，能正确阐述设计和实验结果。

1.培养一定的自学能力和独立分析问题、解决问题的能力。包括学会自己分析解决问题

的方法，对设计中遇到的问题，能通过独立思考、查阅工具书、参考文献，寻找解决方案。

2.初步掌握网站建设的基本流程和方法。通过分析具体网站设计任务，确定网站设计方

案，画出具体的网站设计草图，并写出实现最终效果的关键技术和步骤，提交正式课程设计

总结报告打印及电子稿一份(报告格式要求见附录)；

3.课程设计报告要求独立完成，不得有相互抄袭现象。

报告内容包括：

 课题名称、班级号、学号、学生姓名和课程设计起止日期（封面）

 具体设计任务；

 基本思路及所涉及的相关理论；

 方案设计（主要是网站设计规划草图）；

 网页制作中使用的关键技术；（包括页面布局技术、色彩配置、css样式表

技术、DHTML网页动态技术等）

 网页制作过程中重点问题和难点问题相应的解决方法；

 个人体会及建议；

 参考资料。

【成绩评定】

 考核方式包括平时考核、作品和答辩、课程设计报告考核三部分。平时考

核：考查学生的课程设计态度、组织纪律、团队协作、考勤情况、工作进度、实践

技能、分析问题和解决问题能力等，平时考核占总成绩的20％。作品和答辩：主

要考查学生对方案设计、作品具体实现情况以及答辩提问的回答情况，作品和答辩

考核占总成绩的50％。课程设计报告考核：综合考核学生的设计报告内容、网站

设计方案、文字表达、页面整洁度等，设计报告考核占总成绩的30％。根据以上

三项的考核情况评定总成绩，分优秀、良好、中等、及格、不及格五个等级。

评分标准如下：

 优：课程设计相关知识掌握牢固，考虑问题全面，深入探讨所遇实践问题，

方案设计合理，设计结果可靠，报告书写认真，语言流畅，图表表达清晰、规范，

具有独立分析解决问题的能力和创新精神或对一方面有深入探讨，学习态度认真。

 良：课程设计相关知识掌握良好，设计结果可行，报告书写认真，图表表

达清晰、规范，具有独立分析解决问题的能力，学习态度认真。

 中：课程设计相关知识掌握较好，方案设计合理，完成设计任务，报告书

写较认真，图表表达较完整，学习态度较认真。

 及格：课程设计相关知识掌握一般，方案设计基本合理，图面表达一般，

基本完成设计任务，报告书写一般。

 不及格：课程设计相关知识掌握一般，方案设计不合理，图面表达不够清

晰、规范，未完成设计任务，报告书书写不够认真，有抄袭现象。

【上交资料清单】

 课程设计任务书。

 课程设计网站作品。

 课程设计报告。

 课程设计答辩ppt。

 课程设计评分表

课程设计内容要求：

目 录

1．课程设计目的

2．课程设计任务与要求

(1)设计任务

(2)设计要求

3．网页项目规划

(1)主题定位

(2)结构设计

①栏目组成图

②目录结构图

③链接结构图

(3)网站风格和CI形象设计

(4)栏目规划部分

①****栏目规划

②****栏目规划

(5)项目团队

4．课程设计成果

(1)网站主页设计（包括效果图和使用的关键技术和步骤）

(2)*****栏目设计（包括效果图和使用的关键技术和步骤）

(3)*****栏目设计（包括效果图和使用的关键技术和步骤）

5. 课程设计心得

6、参考文献

(5)项目团队：从团队组成和责任分工两方面介绍。项目负责人情况参见下表：

姓名

职务 职责

模拟公司名称

张三

项目经理

统筹安排、明确分工、沟通督

察，总体设计

项目组成员情况参见下表：

姓名

李四

王五

„

职务

成员

成员

„

职责

需求分析、项目策划

备注（特长）

搜集素材、页面效果图设计

首页页面制作、一级栏目等制

作

„

5. 课程设计心得

课题立意：本项目小组开发的…….网站顺应社会经济发展需要，对…….有

着重大意义。网页制作是整个网站建设的重要环节，而Adobe Photoshop，

Macromedia Dreamweaver等工具的熟练使用又是网站建设的保障。

技术难点：难点一……难点二……

技术体会：经过二周的学习，觉得在技术上我的…….得到了提高，认为还

有…….不足。

实施项目教学法体会：经过实施项目教学法进行实践课课程设计，使我彻底

了解了网站项目的具体开发过程与网站的开发规范，提高了很多……，通过组建

项目团队，使我增强了…….能力。通过角色扮演，使我收获了…….。通过对立

书写课程设计报告书，使我提高了…….。这种综合能力的训练对我以后更深刻

影响…….

今后打算：经过二周的课程设计使我了解了实践课程的学习方法，今后我打

算…

6、参考文献

注意书写格式要规范，具体参考课程设计任务书最后面。要求参考文献不少于5个。可

以是书籍、期刊、网络资源等。

附录：课程设计报告的内容及其文本格式

1.课程设计报告要求用A4纸排版，单面打印，并装订成册，装订顺序：

①封面

②目录

③正文（设计计算说明书、研究报告、研究论文等）

④参考文献

2.目录格式要求：

①标题“目录”（三号、黑体、居中）

②章标题（四号字、黑体、居左）

③节标题（小四号字、宋体）

④页码（小四号字、宋体、居右）

3.正文格式要求：

①页边距：上2.5cm，下2.5cm，左2.5cm，右2cm，页眉1.5cm，页脚1.75cm，

左侧装订；

②字体：章标题，四号字、黑体、居左；节标题，小四号字、宋体、加粗；

正文文字，小四号字、宋体；

③行距：1.5倍行距；

④页码：底部居中，五号；

4.参考文献格式要求：

①标题：“参考文献”，四号字，黑体，居左。

②示例：（五号宋体）

期刊类：[序号]作者1,作者2,„„作者n.文章名.期刊名（版本）.出版年,

卷次（期次）:页次.

图书类：[序号]作者1,作者2,„„作者n.书名.版本.出版地:出版社，出版

年:页次

5.字数要求：

不少于4000字。

本文标签： 设计要求课程设计网站制作