204409网制作实训报告

1、广西科技大学鹿山学院课程设计报告课程名称：网页制作课程设计课题名称：我的梦幻网扌指导教师：韦 灵班 级：计软141班姓 名: 邓康言学 号：成绩评定：指导教师签字：2021 年07 月07 日目录一. 网页制作课程设计目的 2二. 1.实训意义：？ 22. 实训目的:? 2二、课程设计内容 31. 网站主题?我的梦幻网? 32. 网站材料 43. 网站规划 4三、课程设计步骤 4四、网站各模块实现 51. 我的梦幻网模块功能： 52. 背景故事模块功能： 53. 宠物介绍模块功能： 54. 门派介绍模块功能 55. 装备模块功能介绍： 66. 人物模块功能介绍： 67. 地图介绍模块功能： 6

2、7. 我的梦幻模块功能： 7五、总结及心得体会 7一 . 网页制作课程设计目的1. 实训意义： ?本次网页设计与制作实训是网页教学过程中重要的实践性教学环节. 它是根据网页教学方案的要求 . 在教师的指导下进行网页制作专业技能的练习 培养学生综合运用理论知识分析和解决实际问题的水平 , 实现由理论知识向 操作技能的培养过程 . 因此增强实践教学环节 ,搞好实训教学 , 对实现本专业 的培养目标 , 提升学生的综合素质有着重要的作用 .2. 实训目的 :?通过综合实训进一步稳固 , 深化和增强我的理论知识(1) ? 掌握规划网站的内容结构 , 目录结构 , 链接结构的方法. ?(2) ? 熟练掌

3、握网页制作软件 Dreamweaver8 和根本操作和使用. ?(3) ? 掌握页面的整体限制和头部内容设置的方法. ?(4) ?熟练掌握网页页面布局的各种方法.？(5) ?熟练掌握在网页中输入,设置标题和正文文字的方法.？(6) ?熟练掌握在网页中插入图像,Flash动画和背景音乐的方法.?(7) ?熟练建立各种形式的超级链接的方法.？(8) ?掌握表单网页制作方法.？(9) ?掌握网页特效制作方法.？(10) ?掌握网站测试的方法.？2. ?练习和培养我获取信息和处理信息的水平,充分培养和提升动手水平,学会通过网站、书籍、素材等方式收集所需的文字资料、 图像资料、Flash动画和网页特效等

4、.？3. ?培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的水平及根本工作素质.？4. ?培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的水平,树立自信心.？二、课程设计内容1. 网站主题?我的梦幻网?梦幻西游?是以款以着名的章回小说?西游记?为背景,通过 Q版的 人物,试图营造出浪漫的游戏气氛风格的游戏.我的网站主题在于从各个方面来介绍这款游戏的特色的游戏专题.包括每个页面都有介绍不同的游戏资料、心得、图片等内容.同时,每个网站都 有统一的风格.给人带来一种温馨和舒服的感觉.最重要的是为了给浏览者 好的欣赏感受.2. 网站材料制作网站的主题材料主要在网站上搜

5、集所要的网页信息,包括图片、文字、相关的资料.同时,查询相关的书籍、百度等方式收集所需的文字资料, 图像资料,Flash动画和网页特效等,用以得来更加具有说服力的页面.为| 了做好自己的网站,尽量搜集材料,搜集材料越多,以后制作网站就越容易. 精选自己收集的材料,作为自己制作网页的素材.这样就可以做一个好的网 站.3. 网站规划模块设计：我的网站共有8个栏目组成：首页、背景故事、宠物介绍、门派介绍、 装备介绍、地图介绍、人物介绍和我的梦幻.每一个页面用统一的风格和不 同的背景,为了给浏览者好的欣赏感受.站点规划：站点下共有五个主文件夹和假设干自文件夹：CSS html、images、logo、

6、sucai.这五个主文件夹分别存放所用到的网页主题素材.三、课程设计步骤素材、风格、模版都设计好以后,下一步就是具体的制作网页.制作网 站时,首先要做到站点的规划,建立一个本地站点“我的梦幻网,建立的 各个页面都应该放在本地站点中,在网页制作时所需的各个元素都进行统一 的治理,建立统一的文件夹放同一类型的文件, 我在制作时建立了 “images 文件夹存放图片专用的,网页中的 CSS样式文件也统一治理,做到有条理, 我设计的网站规划如下列图我的梦幻网四背网站各模块实现景物1.我的梦幻网模块功能：介t绍了解我的梦幻网的结构及绍内容故介8个栏目组成：首页、背景事通过首页,可以大为宣传视频、导航和背

7、景图片.其中导航又分为 故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻每一个页面用统一的风格和不同的背景,为了给浏览者好的欣赏感受.网页功能实现：2. 背景故事模块功能:通过此模块.可以大致了解此游戏的背景故事网页功能实现：3. 宠物介绍模块功能：通过该模块.可以大概了解游戏内关于宠物的一些信息.宠物介绍页面中图片都是自己 PS之后成品的,页面要设置好位置,每张 图片大小格式一样,排整对齐有列序,给人一个舒适的浏览感觉.网页实现：4门派介绍模块功能浏览者可以点击此模块来了解该游戏的门派介绍游戏中共有15个门派,人、魔、仙各有5个.每个角色只能按种族加 入其中一个门派,局部门派

8、收徒有性别要求.页面主要设计了 15个子网页来介绍 15个门派的信息. 浏览者可以通过 15 门派的导航栏进行门派的切换来了解不同的门派信息.网页功能实现：展示其中的一个门派5. 装备模块功能介绍：此模块为介绍游戏中的不同人物拥戴的各种不同的武器. 页面布局跟门派介绍的布局相似.也是设计了 15 个子页面来介绍游戏 中的 15 种武器.浏览者可以通过页面中的武器名称导航栏来切换不同种武 器的信息观看.网页功能实现： 以一个装备为例展示6. 人物模块功能介绍：此模块主要介绍游戏中的 15 个主人公. 页面布局主要以图片加文字来介绍.没有子页面.页面中的人物图均为 gif 格式的带动作的动态图片.

9、附带一首震撼的背景音乐.可以给浏览者视 觉、听觉的冲击.网页功能实现：7. 地图介绍模块功能：此页面分为总地图.和子地图来进行简介.附带一首幽幽的背景音乐.让 浏览者在浏览中带来舒适.对于总地图.用鼠标 点击 图片将出现地图介绍,当鼠标 点击地图上的圆点, 将出现子页面相关地理位置的 图片和文字介绍子页面那么为小地图加文字的一些相关描述来进行对游戏地图进行大致的了解. 网页功能实现：7. 我的梦幻模块功能：此模块组要介绍自己玩梦幻的一些精彩截图.网页功能实现：五、总结及心得体会总结：我通过这次实训中非常感谢学校给了我这次制作网页的时机, 通过这次 实训,我学到了很多有价值的东西.我独立的完成网

10、站设计的全过程,把设 计中散乱的网页链接成框架体系, 使平时学到的知识点有了很高的提升, 并 且合理的在试验中进行了实践.做完这个网站 , 让我真正的熟悉到一个成功 的网站,先期的准备工作是很重要的,好的开始等于成功的一半.熟练掌握 网页设计和图形处理的技巧是必须的, 但经验是在实战中获得的, 我们虽然 刚开始学也不必因此而畏惧退缩, 多多练习才会有提升. 这次实训让我明白 一个成功的网站需要构思设计和内容,收集素材的准备. ?心得： 做一个网站首先导航清楚,布局合理,层次清楚,页面的链接层次不要 太深,尽量让人第一眼看清网站的大体.保持统一的风格,有助于加深访问 者对的网站的印象.要实现风格

11、的统一, 不一定要把每个栏目做得一模一样, 举个例子来说,可以尝试让导航条样式统一, 各个栏目采用不同的色彩搭配,在保持风格统一的同时为网站增加一些变化.色彩和谐、重点突出：在网页 设计中,根据和谐、均衡和重点突出的原那么,将不同的色彩进行组合、搭配 来构成美观的页面.先为站点定义好统一的外部 css内部页面都调用这个 css这样不但可以让的网页在浏览器改变设置时不变形,还有助于保持整 个站点的风格统一, 并且方便修改. 加深了网站设计的技术熟悉这次对网站 的设计让我对各种网站设计的技术和网站设计中应注意的问题以及网站设 计中所运用的工具更加的了解与熟练.会用 div+css 是很重要的 用框架布局可以使网页制作起来更方便, 其中各种距离的设置, 方便图片文 字的定