网制作实训报告

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

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

3、使用。(3) 掌握页面的整体控制和头部内容设置的方法。(4) 熟练掌握网页页面布局的各种方法。(5) 熟练掌握在网页中输入,设置标题和正文文字的方法。(6) 熟练掌握在网页中插入图像,Flash 动画和背景音乐的方法。(7) 熟练建立各种形式的超级链接的方法。(8) 掌握表单网页制作方法。(9) 掌握网页特效制作方法。(10) 掌握网站测试的方法。2. 训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、 素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。3. 培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

4、4. 培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力，树立自信心。二、课程设计内容1 .网站主题我的梦幻网梦幻西游是以款以著名的章回小说西游记为背景，通过 Q版的人物，试图营造出浪漫的游戏气氛风格的游戏。我的网站主题在于从各个方面来介绍这款游戏的特色的游戏专 题。包括每个页面都有介绍不同的游戏资料、心得、图片等内容。同 时，每个网站都有统一的风格。给人带来一种温馨和舒服的感觉。最 重要的是为了给浏览者好的欣赏感受。2 .网站材料制作网站的主题材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的资料。同时,查询相关的书籍、百度等方式收集所 需的文字资料，图像资料，Fl

5、ash动画和网页特效等，用以得来更加 具有说服力的页面。为了做好自己的网站，尽量搜集材料，搜集材料 越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作 网页的素材。这样就可以做一个好的网站。3 .网站规划模块设计：我的网站共有8个栏目组成：首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻。每一个页面用统一的风格和不同的背景，为了给浏览者好的欣赏感受。站点规划：站点下共有五个主文件夹和若干自文件夹：CSS html、images、logo、sucai。这五个主文件夹分别存放所用到的网页主题素材。三、课程设计步骤素材、风格、模版都设计好以后，下一步就是具体的制作

6、网页。制作网站时，首先要做到站点的规划，建立一个本地站点“我的梦幻 网”，建立的各个页面都应该放在本地站点中，在网页制作时所需的 各个元素都进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了 " images文件夹存放图片专用的，网页中的 CSS 样式文件也统一管理，做到有条理，我设计的网站规划如下图T地图介绍我的梦幻网装备介绍四、网站各模块实现1我的梦幻网模块功能：通过首页，可以大致了解我的梦幻网的结构及内容。 首页我的梦 幻网分为宣传视频、导航和背景图片。其中导航又分为8个栏目组成： 首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物 介绍和我的梦幻。每

7、一个页面用统一的风格和不同的背景， 为了给浏 览者好的欣赏感受。网页功能实现:2 .背景故事模块功能:通过此模块。可以大致了解此游戏的背景故事网页功能实现：3 .宠物介绍模块功能：通过该模块。可以大概了解游戏内关于宠物的一些信息。宠物介绍页面中图片都是自己 PS之后成品的，页面要设置好位置, 每张图片大小格式一样，排整对齐有列序，给人一个舒适的浏览感觉。网页实现:UMM1axOMaUI. ai，tf. , * * * * VTV P> «ti ，01，/ HIV .« Bi Ji <VLtBV宠物介绍nwM n-«it h - s*二"力 a

8、w* woww rre*«««Mfa.拿）> SXCt*. »=« 。！1：*，】广，/ ,，n “、a :n.寸1%八 6,»事4 .门派介绍模块功能浏览者可以点击此模块来了解该游戏的门派介绍。游戏中共有15个门派，人、魔、仙各有5个。每个角色只能按 种族加入其中一个门派，部分门派收徒有性别要求。页面主要设计了 15个子网页来介绍15个门派的信息。浏览者可 以通过15门派的导航栏进行门派的切换来了解不同的门派信息。网页功能实现：展示其中的一个门派LKTB-dHHtt k raw-i5装备模块功能介绍:此模块为介绍游戏中的不同人

9、物拥戴的各种不同的武器页面布局跟门派介绍的布局相似。也是设计了15个子页面来介绍游戏中的15种武器。浏览者可以通过页面中的武器名称导航栏来切换不同种武器的信息观看网页功能实现:以一个装备为例展示牌N口音上WiVEfty一咄 J14Jn«JiawwnnN THIfS- I- ffr,l Fiqa #k jriHftrtBrtl *9" -5 t，TI处 ,："=；1磨，列出yg.HfTF 稣r r* i kBib-b*. r * 4 1 + * a-Uii*s *，- *, »r191rn* -rr*s eiNrrwf仲 ¥/£， ，f

10、liW" KM"君二"9"i-J-V i 'E - «RiT-w-3«HIW ；-«' ,总曹押甫器E kt4dMMt唾，；曜：* 彳 ip4jflvkwb*'-JbaC6M-F1口曜 *f * jI -MfMI JiliilMI "hMph ¥： rhB | -WW it-riMHf WI Nrda JR" i hl 唱 >-k«n Hil - 1 R tvh网页功能实现:6.人物模块功能介绍:此模块主要介绍游戏中的15个主人公页面布局主要以图片加文字来

11、介绍。 没有子页面。页面中的人物图均为gif格式的带动作的动态图片。附带一首震撼的背景音乐。可以给浏览者视觉、听觉的冲击。“i IMbffibTR.餐餐0*，*GRr«AtJ-tinVPs'*4. |.mm AHi«dv- >1!* ra T*/* 1 ",«，h*1« lH4vr.p.工，粤、 卜 ： K-aiivm1 . t-gH-i h-F 4工血,斤.亍”；上. H*« rrM nttv-XH- ®wti-IIS+1 E曰例0，白i”声.白.f w. # E- 二*rr / tzrw .。了= 能ir

12、it" n t ' nn± # liflliB T7R Hi I44,口 tt &K+E1*1 l44rH£ 媪.k liflp-ld NEiliKzfi.7地图介绍模块功能:此页面分为总地图。和子地图来进行简介。附带一首幽幽的背景音乐。让浏览者在浏览中带来舒适。对于总地图。用鼠标 点击图片将出现地图介绍，当鼠标 点击地图上的圆点，将出现子页面相关地理位置的 图片和文字介绍子页面则为小地图加文字的一些相关描述来进行对游戏地图进行大致的了网页功能实现:世界地RIei“deiaBxrfH .二九，-«7我的梦幻模块功能:此模块组要介绍自己玩梦

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

14、站首先导航清晰，布局合理，层次分明，页面的链接层 次不要太深，尽量让人第一眼看清网站的大体。 保持统一的风格，有 助于加深访问者对的网站的印象。 要实现风格的统一，不一定要把每个栏目做得一模一样，举个例子来说，可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时为网站增加一些变化。色彩和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。先为站点定义好统一的外部css内部页面都调用这个css这样不但可以让的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改。加深了网站设计的技术熟悉这次对网站的设计让我对各种网站设计的技术和网站设计中应注意的问题以及网站设计中所运用的工具更加的了解与熟练。会用 div+css