网页制作课程设计报告总结（共5则范文）

第二篇：网页制作课程设计报告

网页制作课程设计报告

一.绪论

1.课程设计的目的、意义

本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs5的的操作和应用。增强动手实践能力，进一步加强自身综合素质。2.设计情况的简介

我做的网站是以动漫世界为主题，内含各种风格和类型的动漫。网站中插入了大量的图片和链接，界面简单明了。网页常规技术.素材处理.网页创意.实用性和推广性等方面均有所涉及和注意.3.设计原理与规模介绍

主要运用一些基本的网页制作技术,分三大板块分级进行阐述主题。规模上，属于小型和个人兴趣类型的网站。二.网站需求分析

本网站符合大众喜爱动漫的心理。动漫爱好者对于动漫的要求首先要是好看的动漫，其次便是种类多样的动漫。网站首页需要做到简洁明了，针对性强，因为这样才可以留住顾客以及开发潜在顾客。

三.网站概要设计

网站主页分为三级页面。第一级为主页面，内含网站的各种信息。第二级页面分大类解释网站动漫种类信息，第三级页面就是对于每一部动漫的详细解释。另外就是站主介绍，这是网站中虽不重要却不可缺少的部分。

四.网站详细设计

网站分国产动漫，最新动漫，经典动漫三个部分。每一部分都有更细的下一级页面对其进行详细描述。站中插入大量图片，在每一部动漫介绍时均有图片介绍以及链接。网站中需要运用的一些常规技术蕴含其中得以体现，比如在页面中，插入文字、图片、超级链接等技术。另外还需要对文字图片进行进一步修改，比如字体颜色图片大小以及背景颜色等等。

五.网站实现与调试

在网站做好之后，我对网站进行整体调试，确保每一级链接没有发生错误。不过，却发现另一个问题，链接虽然没有问题，可是在插入的图片上添加链接时却把图片给裂开了。于是只好把超级链接改为热点链接。

六.收获与体会

通过这次网站的制作，我更加熟悉dw的各项功能和操作。对于建站的流程有了了解。对于动漫方面的知识也有所了解。

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

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

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

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．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

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

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

4．培养学生团队协作和人际交往方面的能力。

5.培养相关知识和技能的综合应用能力。

三、课程设计的要求

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

1.网页的选题可以是个人网站、班级网站，也可以自选主题。

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

3.要使用到本书所介绍的各种技术及网页元素。

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

5.网站主题突出、内容丰富；

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

四、课程设计报告要求

1.要有封面（格式无特殊要求，注明专业、年级、班级、姓名、学号等信息）

2.分章节解释并指出本人所做的网页包括哪几部分，每部分用到什么元素及技术。

五、源码及报告提交

1.将源码打包，打包文件名为：专业+年级+班级+姓名+学号。并发送到：cbfcourse@126.com

例：包装工程09（1）王小二3109009999.rar

2.课程设计报告需交打印版，于第八周三（4月20日）晚上交到教3-303。2

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

一、设计目的

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

二、设计要求

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

三、需求分析

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

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

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

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

1、网站目录

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

2、我的篮球网（首页）

主要代码：