家乡网页设计实训论文 字云飞
《网页设计》课程
设计报告
题    目：家乡旅游网页
班    级：10软件
学    号：04011001025
姓    名：字云飞
指导教师：褚洪波
完成时间：2011年12月16日
绪论
当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用
途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。
所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
随着我国经济的不断发展，旅游市场已成为一个极具潜力的市场。再加上近几年网络的普及，使得旅游网站的发展极为迅速。相较于电子商务泡沫的破灭，新型的旅游网站应该如何经营，如何获得较好的利润，已成为一大难题。
本设计的题目是竹海旅游网站系统，它主要依据网络系统及电子商务解决方案结合数据库系统与网站设计的具体工作要求，通过强大的互连网技术，进行旅游网站的宣传、介绍以景点的简介与预定，实现客户与旅行社或相关单位的网上勾通及业务的完成。
实训意义:
网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
实训目的:
1． 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。
(1)掌握规划网站的内容结构，目录结构,链接结构的方法。
(2)熟练掌握网页制作软件的基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。
(7) 熟练建立各种形式的超级链接的方法。
(8)掌握表单网页制作方法。
(9) 掌握网页特效制作方法。
(10)掌握网站测试的方法。
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
实验步骤：
1、网站主题
我的网站的主旨在于从各个方面全面的介绍自己的家乡，展示家乡，包括家乡的旅游胜地、特产和民族风情。另外，网站里还包括家乡的过去和现在，建立一个展示家乡形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题彩都多样的，用以展示家乡特点的效果。最重要的是做出家乡的风格，给浏览者好的欣赏感受。
2、网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好家乡的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
实训策划：
第一周，我首先设计做网站前最主要的确定主题、框架和标题栏的设计。因此我认真思考之
后，确定制作以“我的家乡——大理！”为主题的“旅游网站”。
1.确定主题。制作网页,首先是确定主题，大理有许多著名的旅游胜地，特水果，水果产品丰富，经过考虑,确定以大理旅游为主题的网站 ,建立一个简单的介绍大理旅游的网站,专业介绍一些大理地区著名的花卉和景点等。我本次设计的网站基本以大理的特为基点，让整个网站充满绿的生机和吸引力。
２.设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的彩，清晰明了，便于阅读浏览，我们构思大致分几部分，首页，从登录窗口进入大理的旅游胜地，迷人的花海，优质水果，婺城商场等板块，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。建立导航栏，将整体的主页效果建立起来。
３.资料的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选，得到最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。
４. 建立模板和库。此次网站建设中我们决定大量运用模板和库，运用模板和库对于建立网站提供便利同时也为我们减少大量的工序。本次水果网的建设主要采用两个模板，各具风格，样式标准。
５.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，为我们节省大量的时间。尽管我们建立了模板，但我们在建立子网时很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。
６.实现网页间的链接。做好个格子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，过程其实很简单，主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。通过模板建的几张网页其实超链接都不怎么用链接，只需要修改模板上的链接就可以了，这也是通过模板新建网页的好处，省去一张一张超级链接的时间了。做好这一步后，网站基本算是建好了。
７.向静太网页插入动态效果。在基本建好网页中的插入层和时间轴，制作其动态效果，让整个网页充满生机。我们在网上进行flash素材的收集，通过Flash CS3设计出主题下的风格动
态效果。然后插入到静态网页中，使网页更加生动形象。
实训心得：
通过两周的实践和老师的指导下以大量明晰的操作步骤和典型的应用实例，结束了此次实训。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了家乡旅游网站，作为实训的成果。其内容是多样化的。制作网页用的软件是Deamweaver 8软件。它提供了网页和表单的动态生成到企业级的解决方案。主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于家乡旅游网站 ,要对这些有些了解,于是确定主题,做一些类似的网站,但考虑到现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的介绍大理旅游胜地的网站,专门介绍一些大理地区著名的旅游景点和特产品等。于是网站主题确立。
然后是整体规划，每一版块都有其个性的彩，清晰明了，便于阅读浏览，大致分几部分，首页，景点介绍，优质水果，花的世界，婺城商场等板块，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
再后是设计网页图片，用flash制作网友调查表，用Photoshop制作静态图片。再后是建立站点，和制作网页了，使用dreamweaver制作。
首页内容精彩丰富，首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜各异，便于浏览；整个网页有动有静，颜不同，形成对比，不呆板，富有生气；颜各异，但又不同之中又相同，浑然一体。如何做网页
简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的模板设计，制作更完美的页面。将动态网页与静态网页结合起来
再后，调试过程，好多次本来在Deamweaver 8里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了。
通过两周周的实训，发现自己还有很多的不足。就框架的应用很难把握，切片也很难合理切割，当插入图片的时候把原有的模板给撑破了，精确定位很重要。因为学艺不精，所以不会网页的代码设计，只能通过网络三剑客综合使用。不过也实践中也学到了很多知识，比如原本不知道网页设计还需要切片，表格的嵌套是非常重要的，模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。
光阴似箭，日月如梭。转瞬间，愉快而又充实的网页实训课程结束了，在这两周的时间里，在实训的过程中，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生涩但在慢慢趋于成熟。丰富的实训知识，让我的实训生活充满惊喜、快乐和充实，当然也少不了网页设计处理过程中的困难。实训结束了，感觉脑子里又注入了新的知识，对网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，使自己不断进步成长。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。