网制作实训报告

课程设计报告

课程名称： 网页制作课程设计 课题名称： 我的梦幻网 指导教师： 韦 灵 班 级： 计软141班 姓 名： 邓康言 学 号：

成绩评定： 指导教师签字：

2015 年 07 月 07 日

目录

一.网页制作课程设计目的

1.实训意义：

本次网页设计与制作实训是网页教学过程中重要的实践性教学环节.它是根据网页教学计划的要求.在教师的指导下进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 2.实训目的:

通过综合实训进一步巩固,深化和加强我的理论知识 (1)掌握规划网站的内容结构,目录结构,链接结构的方法。 (2)熟练掌握网页制作软件Dreamweaver8和基本操作和使用。 (3)掌握页面的整体控制和头部内容设置的方法。

(4)熟练掌握网页页面布局的各种方法。

(5)熟练掌握在网页中输入,设置标题和正文文字的方法。 (6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7)熟练建立各种形式的超级链接的方法。 (8)掌握表单网页制作方法。 (9)掌握网页特效制作方法。 (10)掌握网站测试的方法。

2.训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。

3.培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

4.培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

二、课程设计内容

1.网站主题《我的梦幻网》

《梦幻西游》是以款以着名的章回小说《西游记》为背景，通过Q版的人物，试图营造出浪漫的游戏气氛风格的游戏。

我的网站主题在于从各个方面来介绍这款游戏的特色的游戏专题。包括每个页面都有介绍不同的游戏资料、心得、图片等内容。同时，每个网站都有统一的风格。给人带来一种温馨和舒服的感觉。最重要的是为了给浏览者好的欣赏感受。

2.网站材料

制作网站的主题材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。同时,查询相关的书籍、百度等方式收集所需的文字资料，图像资料，Flash动画和网页特效等，用以得来更加具有说服力的页面。为了做好自己的网站，尽量搜集材料，搜集材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材。这样就可以做一个好的网站。

3.网站规划

模块设计：

我的网站共有8个栏目组成：首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻。每一个页面用统一的风格和不同的背景，为了给浏览者好的欣赏感受。 站点规划：

站点下共有五个主文件夹和若干自文件夹：CSS、html、images、logo、sucai。这五个主文件夹分别存放所用到的网页主题素材。 三、课程设计步骤

素材、风格、模版都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做到站点的规划，建立一个本地站点“我的梦幻网”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“images”文件夹存放图片专用的，网页中的CSS样式文件也统一管理，做到有条理，我设计的网站规划如下图

我的梦幻网 装备地图人物我的物派宠门背 四、网站各模块实现 1.我的梦幻网模块功能：

景 介梦介介介介故 通过首页，可以大致了解我的梦幻网的结构及内容。首页我的梦幻网分绍 幻 绍 绍 绍 绍 事 为宣传视频、导航和背景图片。其中导航又分为8个栏目组成：首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻。每一个页面用统一的风格和不同的背景，为了给浏览者好的欣赏感受。

网页功能实现：

2.背景故事模块功能：

通过此模块。可以大致了解此游戏的背景故事。 网页功能实现：

3.宠物介绍模块功能：

通过该模块。可以大概了解游戏内关于宠物的一些信息。

宠物介绍页面中图片都是自己PS之后成品的，页面要设置好位置，每张图片大小格式一样，排整对齐有列序，给人一个舒适的浏览感觉。 网页实现：

4.门派介绍模块功能

浏览者可以点击此模块来了解该游戏的门派介绍。

游戏中共有15个门派，人、魔、仙各有5个。每个角色只能按种族加

入其中一个门派，部分门派收徒有性别要求。

页面主要设计了15个子网页来介绍15个门派的信息。浏览者可以通过15门派的导航栏进行门派的切换来了解不同的门派信息。

网页功能实现： 展示其中的一个门派

5.装备模块功能介绍：

此模块为介绍游戏中的不同人物拥戴的各种不同的武器。

页面布局跟门派介绍的布局相似。也是设计了15个子页面来介绍游戏中的15种武器。浏览者可以通过页面中的武器名称导航栏来切换不同种武器的信息观看。

网页功能实现： 以一个装备为例展示

6.人物模块功能介绍：

此模块主要介绍游戏中的15个主人公。

页面布局主要以图片加文字来介绍。没有子页面。页面中的人物图均为gif格式的带动作的动态图片。附带一首震撼的背景音乐。可以给浏览者视觉、听觉的冲击。

网页功能实现：

7.地图介绍模块功能：

此页面分为总地图。和子地图来进行简介。附带一首幽幽的背景音乐。让

浏览者在浏览中带来舒适。

对于总地图。用鼠标点击图片将出现地图介绍，当鼠标点击地图上的圆点，将出现子页面相关地理位置的图片和文字介绍

子页面则为小地图加文字的一些相关描述来进行对游戏地图进行大致的了解。 网页功能实现：

7.我的梦幻模块功能：

此模块组要介绍自己玩梦幻的一些精彩截图。 网页功能实现： 五、总结及心得体会 总结：

我通过这次实训中非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。做完这个网站,让我真正的认识到一个成功的网站，先期的准备工作是很重要的，好的开始等于成功的一半。熟练掌握网页设计和图形处理的技巧是必须的，但经验是在实战中获得的，我们虽然刚开始学也不必因此而畏惧退缩，多多练习才会有提高。这次实训让我明白一个成功的网站需要构思设计和内容，收集素材的准备。 心得：

做一个网站首先导航清晰，布局合理，层次分明，页面的链接层次不要太深，尽量让人第一眼看清网站的大体。保持统一的风格，有助于加深访问者对的网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样，举个例子来说，可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，

在保持风格统一的同时为网站增加一些变化。色彩和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。先为站点定义好统一的外部CSS，内部页面都调用这个CSS，这样不但可以让的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改。加深了网站设计的技术熟悉这次对网站的设计让我对各种网站设计的技术和网站设计中应注意的问题以及网站设计中所运用的工具更加的了解与熟练。会用div+css是很重要的

用框架布局可以使网页制作起来更方便，其中各种距离的设置，方便图片文字的定位。站点及模块的应用更加熟悉了站点的建设和管理，站点和模块相结合，解决了链接自动更新次的问题，是链接更高效有用。

参考文献

[1] 王爱华 王秩凤 吕凤顺. HTML+CSS+javascript网页制作简明教程.北京.清华大学出版 社

[2] 张晓蕾. 网页设计与制作教程（HTML+CSS+javascript）.北京：电子工业出版社