《网页制作》课程设计

姓名：张家赫 班级：信管（2）班 制作时间：2011-12-18 指导教师：王焕文

（1）网站的名称；

海贼王

（2）网站的主题、设计目的

海贼王动漫及主要人物介绍，让不了解海贼王这部动漫的人简单的了解海贼王这部动漫以及海贼王主要人物，故事世界结构构成。

（3）网站简介：

非常喜欢这部动漫作品，根据里面的人物白痴中的细腻的风格选择了鲜明的颜色的字体。

故事简介：

《海贼王》是尾田荣一郎在《周刊少年JUMP》上连载的超人气漫画。“ONE PIECE”在故事中为“一个大秘宝”之意。传说中?海贼王?哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏“ONE PIECE”，许多人为了争夺“ONE PIECE”，争相出海，许多海贼开始树立霸权，而形成了“大海贼时代”。十年后，蒙其·D·路飞为了要实现与因救他而断臂的四皇?红发?香克斯的约定而出海，在遥远的路途上找寻着志同道合的伙伴，一起进入“伟大航道”，目标当上“海贼王”。

（4）得意之处：重点介绍整个网站中自已认为最满意、最得意的地方；

主题鲜明。

主页简单明了，简单易懂，符合逻辑。让每个浏览的人都清楚自己在看什么。

应该如何才能返回上一级。

（5）网站中目前存在的问题；

没有仔细的修正表格图片尺寸，可能会有一些不齐的地方。

（6）设计实践过程中的自我感受。

做网站要按照步骤一步步来，这样才能有条不紊，不断完成任务。网站要求很严格，要做好相关计划才能实现相应的功能。

首先要拟定网站建设详细规划书，确定自己的主题。

然后搜集材料，想好网页的布局。表格位置的添加，表格的样式。

都确定好以后，再开始着手做网页，一步一步做，慢慢来，

在制作过程中遇到了很多困难，通过我自己看书和上网查询，并在老师和同学的帮助下渐渐学会了各种应用。随着问题的解决，我也学会了很多有用的知识。

这次做的网页虽不是很好看，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很重视我的这次经历，在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力。

 

第二篇：网页课程设计报告 (2)

太原科技大学化学与生物工程学院

信息工程系

公益慈善课程设计

课题名称： 公益慈善网站 系 别： 信息工程系 专 业： 计算机信息管理 姓 名： 张晓彬 班 级： 计算机1031班 学 号： 201021620127 指导老师： 尹建文 李金山 完成时间： 20xx年6月

目录

第一部分 关于本设计 关键词

摘要

开题

引题

设计思路 技术要点 第二部分 制作 材料收集 制作流程

制作过程中的难点 结论

第三部分 参考文献 第四部分 致谢

1

第一部分 关于本设计

关键词

表格 链接 站点 层 CSS样式 div标签

摘要

Dreamweaver是Macromedia公司推出的“所见即所得”网页设计及开发工具，是专业网站开发的首选软件，同时也是构建强大的Internet应用程序的最简便的途径。在去年学习了Flash的基础上，对网页制作有了更好的了解。我的设计主要是针对二手笔记本慈善义卖的慈善模块。对慈善方面的信息做了大概的收集，并应用了Flash技术。 开题

针对慈善方面，我将我的模块分为求助专区、捐赠榜单、最新资讯、爱的课堂、爱心宣传等几部分，来介绍我的网站。下面介绍一下我国的慈善公益事业发展状况和慈善网站的必要性。

自改革开放以来，我国的经济文化各方面都上升到了一个新的高度，我国的经济状况更是取得了空前的进步，一片欣欣向荣。但是我国仍有许多贫困人口，农村人口比重仍高于城市人口比重。尤其是西部等内陆偏远山区，经济发展十分落后。我国的贫困人口很多，因疾病导致贫困的人口也不在少数。另外还有儿童问题，更是重中之重。孩子是祖国的未来，保护儿童，就是保护祖国的未来。因此慈善公益事业刻不容缓。如今，网站的慈善公益网站越来越多，为了奉献自己的力量，我建立了自己的慈善网站，为更多需要帮助的人建立一个求助的平台，让更多的人得到帮助。

引题

2

从春天走到夏天，我们一起成长。为了那一张张快乐纯真的脸，为了那一段段温暖的上学路，我们集结在这个舞台上。我相信，责任真的可以变成希望。我更期待着爱的旅程只有快乐，没有尽头！

有一条路，一头连着妈妈的目光，一头连着梦想的方向。上学的路上，有风、有雨、有沟、有坎，怎么忍心，看你稚嫩的肩膀，披风挂雨，怎么能够，让你无助的脚步，跨沟迈坎，所以，我们集结团队，让爱飞翔。他们就是我们，他们的求学之路，就是我们的未来之路，就是中国的未来之路。为了他们，我们在路上！们在路上！孩子，是祖国的未来，是中华名族的希望之星，为了他们，为了祖国，我们在一起！关注儿童疾病，关注失学儿童，关注那一张张纯真的笑脸！在这里开始！

设计思路

我的网站主要将帮助的对象放在儿童上面，因此求助专区的人群以儿童为主，分为儿童疾病，失学儿童和其他人士。为了保证网站的真实可靠性，我还设立了捐赠榜单模块，对捐赠的个体和企业信息进行公布，并公布了资金的去向。针对儿童的需求，我还设立了儿童喜欢的爱的故事与爱的宣传模块，有一系列的小故事。，还有最新资讯模块，公布最新慈善公益事业的消息。以及明星公益图片。

技术要点

主要采用了Dreamweaver设置首页，编辑功能，排版功能，布局表格，插入文本包括插入文本元素、插入图像、图文混排和外部图像的编辑等功能。

Flash的遮罩技术来制作图片文件。

Photoshop的对图片处理技术。

第二部分 制作

材料收集

3

（1）根据网站的内容收集相应的背景图片。由于我做的是二手笔记本慈善交易的慈善专区，为了与整个网站的基调一致，所以整个网站以天蓝色为主题背景。

（2）根据我做的模块为慈善模块，我将我的网站分为网站寄语、明星公益、求助专区、捐赠榜单、最新资讯、爱的课堂、爱心宣传等几部分。再根据各个部分的内容需要，找了相应的文字，及图片。图片有困难人士的图片，还有积极参加公益事业的明星。并收集了最新的慈善公益事业的动态新闻。并找了其他网站的捐赠数据。为了使网站更美观，还下载了一些可爱的图片，增强网站的有趣性。 制作流程

（1） 根据自己的网站内容进行主题定位。

（2） 选择适当的素材。（材料收集中已详细介绍）。

（3） 对各个网页进行结构设计。我的首页采用传统的T型结构，将首页分为网

站寄语、明星公益、求助专区、捐赠榜单、最新资讯、爱的课堂、爱心宣传等几部分。其中，网站寄语采用文字逐行显示的方法将文章呈现出来。并放置了四张公益明星的照片。另外，还在首页放了温馨提示和网站杂谈。求助专区、捐赠榜单、最新资讯、爱的课堂、爱心宣传放在首页的左侧进行布局。并对这五部分，新建了将近十张网页，来详细介绍这几部分内容。求助专区的网页采用图文相结合的形式将求助人群的的信息展示，并将求助人群分为儿童疾病、失学儿童、其他人士。捐赠榜单则采用表格的形式展示个人以及企业的捐赠情况。最新资讯则主要以文字与图片的形式来表现。爱的课堂与爱心宣传模块也同样采用此种方式。

（4） 网站的首页及各个页面设计好以后，就进行链接。

（5） 最后，测试网站，上传。

制作过程中的难点

（1） 网页的布局设置

（2） 层以及CSS样式的应用

（3） 弹出式菜单的应用

结论

经过这次课程设计，我发现自己还有很多不足之处，在实际应用中，和做网页的 4

时候，感到非常茫然。发现做网页不是一朝一夕的事，需要很长的时间来积累经验，这样才能做出精美实用的网页。

说实话，我觉得自己的网站有很过不足之处，唯一令我自己比较满意的就是用ps做的一系列按钮。另外，网站首页的布局是我在制作网站的时候最头疼的问题，网站设计缺乏创意。对于层以及CSS样式的应用不熟悉，网页不够美观。在以后的学习中，更要注重动手能力的培养。

第三部分 参考文献

Dreamweaver网页制作实例教程 编著：缪亮 彭宗勤 出版社：清华大学出版社

网页设计解析 编著：周陟 出版社：清华大学出版社

Photoshop标准教程 编著：施华锋 冯哲等 出版社：清华大学出版社 Flash cs5中文版标准实例教程 编著：胡仁喜 杨雪静等 出版社：清华大学出版社

第四部分 致谢

首先，感谢学院及尹老师、李老师对我们的教导，如果没有您们，就没有我们今天的成果；其次，感谢机房的老师为我们的课程设计提供了场所及设备；最后，还要感谢我的小组长付苗和蔡瑶，在我有困难和不懂的时候提供了帮助。

5