连云港旅游信息网的设计与实现
目录
Abstract:This website uses the technology is mainly layout of DIV,the key colors are green and blue that represent hope and broad-mind,the construction site in DIV+CSS.Its main function is to browse travel information,so Lianyungang tourism information website are used to introduce Lianyungang scenic spots.In the design the home page is showed by Photoshop,produced by the DIV layout,then the template design to produce other pages as the final form of the web interface,reasonable layout,elegant color harmony.
This paper mainly includes five parts:one is the introduction;two is the content of the website is the website design planning;three is the design site;four is the production site;the five is a summary,which involves the website construction purpose,background,signifi *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
cance,software tools are introduced and each small part of the production of fine festival.
Keywords:DIV+CSS;layout;Lianyungang tourism information website
一、引言
网站开发目的
人们越来越依赖从互联网上获取各种信息资料，越来越多的企业单位也通Internet对外宣传介绍自己，同时为需要该信息的客户群体提供便捷的服务，足不出户也可以完成一件事。经济的发展必然带来生活质量的改变，人们越来越喜欢旅游。旅游作为一种享受，成为人们生活中不可缺少的一部分，也是增长见识的需要。互联网的发展，传统的地图与旅游广告已经远远不能满足人们的信息需求，人们越来越愿意从网络获得旅游信息，因此开发一个旅游信息网既适应信息化时代的要求，也为旅游城市提升知名度。
网站开发意义
连云港作为东方桥的头堡、南天门，作为中国环境最好的旅游城市之一，拥有一个属于自己的旅游信息网，是迫切需要的。利用网络来宣传连云港旅游景点，让游客在出门之前先对连云港景点进行了解，这样再去游玩时会更有目的性。这样既方便了游客，又让连云港旅游信息得到了共享，促进连云港旅游事业的发展，同时给连云港带来经济的发展。
网站内容
连云港旅游信息网包括六大模块：我的首页、景点介绍、美食特产、购物指南、休闲娱乐以及旅游攻略。本设计说明书首先就网站建设在信息化时代的重要性及意义性进行表述；然后对布局技术DIV+CSS和开发软件工具进行介绍、比较；接着对网站具体设计与制作的过程做了表述，其中包含了链接、效果地实现等；最后是网站的测试工作，对查出的地方做修改、补充；最终完成连云港旅游信息网的设计任务。
网站技术
DIV+CSS
CSS即层叠样式表，作为一种样式设计语言，功能主要是把HTML的显示形式表现出来。DIV+CSS作为常用的一种布局技术，它实现了W3C表现与内容的分离，而TABLE却不能做到这样。
2.DIV+CSS和TABLE的比较
（1）字节相比而言，DIV+CSS布局字节很小，大大提高了网页浏览的速度；
（2）DIV+CSS布局中的HTML与CSS文件是分开的，使代码排列在一起，整齐清晰，修改起来很方便；而TABLE的内容与代码在一起，布局杂乱，不易修改；
（3）DIV+CSS在各大浏览器中具有很强的适应性，而TABLE适应性较低。
网站工具
Photoshop
Photoshop，简称“PS”，是目前比较流行与好用的图形处理软件。最初PS最大功能就是处理图像，但是如今它也成为网站设计的设计工具，比如处理图片、制作网站主页等。
Flash
Flash软件的功能是制作动画效果，在本设计网站的建设过程中，使用了该软件，实现了首页上图片的切换，如所示图1-1。
图1-1 动画效果图
Dreamweaver
Dreamweaver，是用于网站编辑的软件，具有编辑什么就能得到什么的功能。在网页制作时，使用该软件不需要浏览器就可以看到编辑的内容所呈现的效果。
网站内容规化
网站的背景
互联网行业持续发展，将人们推进了信息化时代。这是一种历史进程，简单一点来说就是以计算机作为传播信息的媒介，很大程度上冲破了周围环境的束缚。在经济高速增长的情况下，使得信息化有了显著的发展和进步。
网站建设
网站建设的重要性
互联网作为当今不可或缺的沟通方式，越来越多的人通过网络搜索所需的信息。企业利用网络展示企业文化内涵，招聘人才；学校、政府利用网络宣传、思想教育展示自己；实体店铺利用网络在线销售，实现“双销售”。连云港作为靠山临海的最佳旅游城市之一，拥有一个完整、详细的旅游信息网有其必要性和重要性。
网站建设的可行性
原先的连云港旅游信息网的景点介绍不够全面，页面设计也比较繁琐。本次项目设计是利用原有的旅游信息，加上网络上收集的最新旅游景点信息进行整合、过滤、重新排版布局。页面简单明了，内容详细。
网站建设的需求性
网站建设的最终目标是满足浏览者的需求，因此网站在建设过程中页面看上去要舒服、自然，考虑到浏览时的方便性。连云港旅游信息网在设计过程有明确的导航条，没有设计隐藏的二级导航，页面的跳转多处运用超链接，比如在景点介绍的子页上每个景点都可以点击进入详细介绍。
网站主题
网站的课题是DIV+CSS网站建设，任何一个网站的存在都有一定的意义。连云港旅游信息网的主题是通过图片与文字相结合的形式介绍连云港的旅游景点让游客在出门之前就对景点有一定的了解，再去游玩时更具有目的性，不会一无所知。
图3-1 LOGO效果图
导航的设计
1.设计的思想
导航的设计理念是大方、简洁、方便用户快速点击。
2.设计的步骤
图3-4 首页的效果图
子页的设计
设计的思想
子页是对首页的详细介绍，更加突击网站的功能性。连云港旅游信息网是旅游信息介绍的网站，因此最主要是向浏览者介绍景点，吸引浏览者实地游玩。
Abstract:This website uses the technology is mainly layout of DIV,the key colors are green and blue that represent hope and broad-mind,the construction site in DIV+CSS.Its main function is to browse travel information,so Lianyungang tourism information website are used to introduce Lianyungang scenic spots.In the design the home page is showed by Photoshop,produced by the DIV layout,then the template design to produce other pages as the final form of the web interface,reasonable layout,elegant color harmony.
This paper mainly includes five parts:one is the introduction;two is the content of the website is the website design planning;three is the design site;four is the production site;the five is a summary,which involves the website construction purpose,background,signifi *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
cance,software tools are introduced and each small part of the production of fine festival.
Keywords:DIV+CSS;layout;Lianyungang tourism information website
一、引言
网站开发目的
人们越来越依赖从互联网上获取各种信息资料，越来越多的企业单位也通Internet对外宣传介绍自己，同时为需要该信息的客户群体提供便捷的服务，足不出户也可以完成一件事。经济的发展必然带来生活质量的改变，人们越来越喜欢旅游。旅游作为一种享受，成为人们生活中不可缺少的一部分，也是增长见识的需要。互联网的发展，传统的地图与旅游广告已经远远不能满足人们的信息需求，人们越来越愿意从网络获得旅游信息，因此开发一个旅游信息网既适应信息化时代的要求，也为旅游城市提升知名度。
网站开发意义
连云港作为东方桥的头堡、南天门，作为中国环境最好的旅游城市之一，拥有一个属于自己的旅游信息网，是迫切需要的。利用网络来宣传连云港旅游景点，让游客在出门之前先对连云港景点进行了解，这样再去游玩时会更有目的性。这样既方便了游客，又让连云港旅游信息得到了共享，促进连云港旅游事业的发展，同时给连云港带来经济的发展。
网站内容
连云港旅游信息网包括六大模块：我的首页、景点介绍、美食特产、购物指南、休闲娱乐以及旅游攻略。本设计说明书首先就网站建设在信息化时代的重要性及意义性进行表述；然后对布局技术DIV+CSS和开发软件工具进行介绍、比较；接着对网站具体设计与制作的过程做了表述，其中包含了链接、效果地实现等；最后是网站的测试工作，对查出的地方做修改、补充；最终完成连云港旅游信息网的设计任务。
网站技术
DIV+CSS
CSS即层叠样式表，作为一种样式设计语言，功能主要是把HTML的显示形式表现出来。DIV+CSS作为常用的一种布局技术，它实现了W3C表现与内容的分离，而TABLE却不能做到这样。
2.DIV+CSS和TABLE的比较
（1）字节相比而言，DIV+CSS布局字节很小，大大提高了网页浏览的速度；
（2）DIV+CSS布局中的HTML与CSS文件是分开的，使代码排列在一起，整齐清晰，修改起来很方便；而TABLE的内容与代码在一起，布局杂乱，不易修改；
（3）DIV+CSS在各大浏览器中具有很强的适应性，而TABLE适应性较低。
网站工具
Photoshop
Photoshop，简称“PS”，是目前比较流行与好用的图形处理软件。最初PS最大功能就是处理图像，但是如今它也成为网站设计的设计工具，比如处理图片、制作网站主页等。
Flash
Flash软件的功能是制作动画效果，在本设计网站的建设过程中，使用了该软件，实现了首页上图片的切换，如所示图1-1。
图1-1 动画效果图
Dreamweaver
Dreamweaver，是用于网站编辑的软件，具有编辑什么就能得到什么的功能。在网页制作时，使用该软件不需要浏览器就可以看到编辑的内容所呈现的效果。
网站内容规化
网站的背景
互联网行业持续发展，将人们推进了信息化时代。这是一种历史进程，简单一点来说就是以计算机作为传播信息的媒介，很大程度上冲破了周围环境的束缚。在经济高速增长的情况下，使得信息化有了显著的发展和进步。
网站建设
网站建设的重要性
互联网作为当今不可或缺的沟通方式，越来越多的人通过网络搜索所需的信息。企业利用网络展示企业文化内涵，招聘人才；学校、政府利用网络宣传、思想教育展示自己；实体店铺利用网络在线销售，实现“双销售”。连云港作为靠山临海的最佳旅游城市之一，拥有一个完整、详细的旅游信息网有其必要性和重要性。
网站建设的可行性
原先的连云港旅游信息网的景点介绍不够全面，页面设计也比较繁琐。本次项目设计是利用原有的旅游信息，加上网络上收集的最新旅游景点信息进行整合、过滤、重新排版布局。页面简单明了，内容详细。
网站建设的需求性
网站建设的最终目标是满足浏览者的需求，因此网站在建设过程中页面看上去要舒服、自然，考虑到浏览时的方便性。连云港旅游信息网在设计过程有明确的导航条，没有设计隐藏的二级导航，页面的跳转多处运用超链接，比如在景点介绍的子页上每个景点都可以点击进入详细介绍。
网站主题
网站的课题是DIV+CSS网站建设，任何一个网站的存在都有一定的意义。连云港旅游信息网的主题是通过图片与文字相结合的形式介绍连云港的旅游景点让游客在出门之前就对景点有一定的了解，再去游玩时更具有目的性，不会一无所知。
图3-1 LOGO效果图
导航的设计
1.设计的思想
导航的设计理念是大方、简洁、方便用户快速点击。
2.设计的步骤
图3-4 首页的效果图
子页的设计
设计的思想
子页是对首页的详细介绍，更加突击网站的功能性。连云港旅游信息网是旅游信息介绍的网站，因此最主要是向浏览者介绍景点，吸引浏览者实地游玩。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1630.html
