《前端设计毕业设计》由会员分享，可在线阅读，更多相关《前端设计毕业设计（33页珍藏版）》请在金锄头文库上搜索。
1、. . 职业技术学院信息工程系2014届软件专业毕业论文姓 名： - 班 级： - 设计课题：- 指导教师： - 2013年 11月 13 日摘要21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们承受，并且融入我们的生活。随着旅游类的不断推进，的作用超越了传统的信息获取，交流它更能表达组织机构的风采，性质。所以旅游类的对现在的发展已经势在必行。本论文主要围绕旅游为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需
2、要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景；阐述整个个性化页面生成系统的系统结构与工作原理；分析了系统实现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录，用户管理，但是我会把自己的以一种简单明了的方式向大家展现出旅游的各个方面。分析并解决实现中的若干技术问题；建立完整的旅游，进行测试并分析结果。本的建立的作用具有一目了然的特性，不仅能让本地区的人们了解更多的旅游资料，更可让世界各地的人了解一些地区的明文风景。该中还存在一些不足之处，如的留言系统、用户注册、用户登录没建立等等
3、。这些问题和功能有待于进一步学习和添加。关键词：设计 XHTML、CSS、javaScript和JQuery 目录目录3第一章 绪论41.1 引言41.2 旅游发展现状41.3 本课题目的与意义6第二章 开发工具和开发技术简介72.1 Dreamweaver简介72.2 PhotoShop 简介82.3 Adobe Flash 简介92.4 HTML语言简介92.5 CSS简介10第三章 需求分析123.1 系统分析123.2 功能性需求分类123.3 非功能性需求13第四章 开发过程与实现144.1 创建站点144.2 首页设计154.2.1 首页顶部设计164.2.2 导航栏设计184.2
4、.3 首页主要容设计204.2.4 首页底部设计254.3 其余页面的制作254.3.1 2级页面的制作：254.3.2 3级页面设计284.4 测试30第五章 结论32致34第一章 绪论1.1 引言新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、旅游等各个方面发挥着重要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普与和发展，必将有越来越多的企业与个人在英特网上拥有自己的。建设成为企
5、业 形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。Internet上发布信息主要是通过来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从上下载下来。因此建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游。旅游也是近十年来在我国逐步兴起和发展的，到现在已经初步形成了类型齐全、涵盖旅游业各个方面的网上旅游产业体系，旅游产品的在
6、线宣传和销售正影响着越来越多的旅游者、旅游服务提供商和旅游管理者。随着我国旅游业的迅猛发展，推进旅游信息化，广泛实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于促进我国旅游业的跨越式发展有着重要的作用。1.2 旅游发展现状1我国旅游发展概述第一阶段（19972000年）：我国真正出现基于互联网的旅游以1997年中国旅游资讯网和华夏旅游网的成立为标志。此阶段旅游信息很少，只由一到数设计简单、以景点介绍的简单文字为主的网页构成。第二阶段（20002001年）：2000年4月以网上预订为主的青旅在线诞生，电子商务模式首次引入旅游。此阶段旅游提供的预订服务一般只包括交通与住宿企业的等联系方
7、式，游客的预订仍需绕开，直接与相关企业打交道。的资讯信息已日益丰富，并由层次分明、包含超级的网页组成。第三阶段（20012002年）：随着2001年2月金旅雅途网的成立，中国出现一批以网上交易平台服务为主要业务的旅游。此时旅游已有较强的互动性，且开始提供一些在线服务。网上预订的业务也大大增强，只是从网上预订客房后仍需通过银行等途径汇去所需款项，预订的飞机票等也必须派人上门递送，属于“鼠标加水泥”的模式。第四阶段（2002）：2002年4月中国第一个旅游目的地营销系统“南海目的地营销系统”在省南海市建成，南海旅游网成为中国首个运行DMS的旅游。从此阶段开始，功能强大的数据库系统使游客可以很方便地
8、实现食、住、行、游、娱、购等信息的在线查询，甚至可以借助多媒体工具进行网上虚拟旅游。未来的旅游的知识容将日益丰富，栏目的容将日益详细，分类将日益科学，单调的、一成不变的旅游行程表将被灵活多变的自助旅游的游程定制所替代，为游客提供个性化的旅游产品等智能服务将成为旅游的重要功能。（二）分类对于种类繁多的旅游可以从不同角度进行分类，如按性质的不同可将我国旅游分为如下七类：政府旅游部门、应用服务供应商、旅游企业、专业旅游、网络容供应商的旅游频道、各类旅游目的地咨讯网和地方性旅游、个人旅游。此外，旅游还可按专业属性、服务类型、提供信息等不同要素进行分类。（三）构建中存在的问题目前我国旅游数量非常庞大，现
9、在用各种搜索引擎搜索到的旅游已达数万家。但是大多数旅游的构建无论从网页设计的科学性、有效性，还是从的服务容、服务围、服务功能来看，都非常不规，存在不少问题。以政府旅游为例，域名的使用就非常混乱，48%的省级政府旅游未使用.gov的正规域名，的信息提供也参差不齐；再以专业旅游为例，从网上选取50家较为成功的专业旅游进行了测评结果来看，酒店客房和机票的查询预订是专业旅游提供的主要功能，在选取的专业旅游中，100%的都提供了此两项功能，但从具体功能来看，尚无一家旅游能够提供客房的实时状况，如最近一天的客房销售情况和促销优惠的报价。火车票的查询只有45%的提供，国火车票的预订尚无一家开通，唯一一家开通
10、火车票预订的是再见城市，也仅开通了欧洲火车通票预订。能提供出租车预订的只占22.7%。目前，在所选取的无一家提供酒店、机票、出租车、门票的组合预订，而提供了门票或导游预订的也只有两家。从预订方式来看，选取的都提供了网上预订功能，但提供网上支付功能的只占22.7%。此外，绝大多数专业没有设计旅游投诉的功能。 既能表达旅游涵又便于查询记忆的域名和LOGO。名和标志LOGO的设计既要表达旅游的涵，使游客通过的名称就可以对的产品与服务有一定的了解，又要具有鲜明特色，便于查询、记忆。如携程旅游、再见城市、信天游、八千里路等旅游的中文域名就一目了然且极具个性。美观大方且兼具合理性、系统性、逻辑性的网页。先
11、应充分考虑网页的美观度，其次可运用多媒体技术，在网页中加入FLASH、3D片头动画、三维实景演示与MPS、AVI、等音视频播放下载，加强旅游信息展示的生动直观性，此外，也应处理好首页打开速度与网页美观度之间的矛盾。如可将图片以较小尺寸在首页上显示，通过点击放大浏览原图。的网页结构设计必须注重科学性。应在首页上设置信息的总目录。另外应尽可能将主题容放在首页，减少游客点击进入下层网页查阅的次数。首页上的容应定期更换，以提供最新最快的旅游资讯，更换下的容可放入下层网页。我国主要国际旅游客源地情况制作不同语言版本的网页。我国地大物博、历史悠久，丰富多彩的旅游资源也不断吸引着全世界的寻幽猎奇的旅游者。在
12、开放的网络中，我国的旅游所面对的也是全球旅游市场，来自世界各地的游客都可能成为旅游的浏览者和客户。目前我国大多数旅游只有中文简体一个语言版本，无法满足全球不同地域游客的需要，应根据我国现有的主要国际客源市场，尽量增设其他语言的网页版本，如中文繁体、英文、日文、文、法文、德文等，以满足不同语种和区域游客的需要。此外，还可根据需要，单独开设面向不同国家、民族的外语版块，有针对性的提供相关信息。在对各类旅游的各种要素进行了综合的测定分析后，笔者对未来中国旅游构建要素提出以下设想，以使现有更臻完善。1.3 本课题目的与意义建立旅游是我个人的爱好，我希望自己的技术可以变为一种提高自我的表现，至于为何选择
13、旅游这个主题进行建设，那是因为我个人对此较为了解，也是看目前形式下此类不多，要不就是容不丰富，没有自己独特的创意才来建站，当然，我不排除有的一些好的旅游，只是很少，所以我想自己单独的制作出自己的旅游，一遍更多的人了解旅游的各个景点。 第二章 开发工具和开发技术简介2.1 Dreamweaver简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功
14、能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前设计、开发、制作的首选工具。DREAMWEAVER特点：1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并
15、且可以对部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以与其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得
