Dreamweaver网页制作实训报告

广西科技大学鹿山学院

课程设计报告

课程名称：网页制作课程设计

课题名称：我的梦幻网

指导教师：**

班级：计软141班

**：***

学号： ********

成绩评定：

指导教师签字：

2015 年 07 月 07 日

目录

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

二. 1.实训意义： (3)

2.实训目的: (3)

二、课程设计内容 (5)

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

2.网站材料 (5)

3.网站规划 (5)

三、课程设计步骤 (6)

四、网站各模块实现 (7)

1.我的梦幻网模块功能： (7)

2.背景故事模块功能： (8)

3.宠物介绍模块功能： (9)

4.门派介绍模块功能 (10)

5.装备模块功能介绍： (11)

6.人物模块功能介绍： (12)

7.地图介绍模块功能： (14)

7.我的梦幻模块功能： (15)

五、总结及心得体会 (17)

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

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门派的导航栏进行门派的切换来了解不同的门派信息。

网页功能实现：

展示其中的一个门派