前端毕业设计范文

前端毕业设计范文滁州职业技术学院信息工程系——xx届软件专业毕业姓名：班级：设计课题：指导教师：-- -------- --------------------------------xx年 11月 13 日摘要21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。

随着旅游类的网站不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。

所以旅游类的网站对现在的发展已经势在必行。

本主要围绕旅游网站为开发主题，最基本也是最必须的三个技能。

前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。

在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。

分析并解决实现中的若干技术问题；介绍了个性化页面的背景；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录，用户管理，但是我会把自己的网站以一种简单明了的方式向大家展现出旅游的各个方面。

分析并解决实现中的若干技术问题；建立完整的旅游网站，进行测试并分析结果。

本网站的建立的作用具有一目了然的特性，不仅能让本地区的人们了解更多的旅游资料，更可让世界各地的人了解一些地区的明文风景。

该网站中还存在一些不足之处，如网站的留言系统、用户注册、用户登录没建立等等。

这些问题和功能有待于进一步学习和添加。

关键词：网站设计 XHTML、CSS、javaScript和JQuery目录目录......................................................... . (3)第一章绪论.........................................................41.1 引言 ........................................................41.2 旅游网站发展现状 (4)1.3 本课题目的与意义 (6)第二章开发工具和开发技术简介 (7)2.1 Dreamweaver简介 (7)2.2 PhotoShop 简介 (8)2.3 Adobe Flash 简介 (9)2.4 HTML语言简介 (9)2.5 CSS简介 (10)第三章需求分析 (12)3.1 网站系统分析 (12)3.2 功能性需求分类 (12)3.3 非功能性需求 (13)第四章网站开发过程及实现 (14)4.1 创建站点 (14)4.2 首页设计 (15)4.2.1 首页顶部设计 (16)4.2.2 导航栏设计 (18)4.2.3 首页主要内容设计 (20)4.2.4 首页底部设计 (25)4.3 其余页面的制作 (25)4.3.1 2级页面的制作： (25)4.3.2 3级页面设计 (28)4.4 测试 .......................................................30第五章结论........................................................32致谢......................................................... (34)第一章绪论1.1 引言新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。

，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、旅游等各个方面发挥着重要的作用。

为了适应知识经济社会的需要，促进学习与交流。

网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。

随着互联网的普及和发展，必将有越来越多的企业及个人在英特网上拥有自己的网站。

网站建设成为企业形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。

越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。

Inter上发布信息主要是通过网站来实现的，获取信息也是要在Inter“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Inter应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游网站。

旅游网站也是近十年来在我国逐步兴起和发展的，到现在已经初步形成了类型齐全、涵盖旅游业各个方面的网上旅游产业体系，旅游产品的在线宣传和销售正影响着越来越多的旅游者、旅游服务提供商和旅游管理者。

随着我国旅游业的迅猛发展，推进旅游信息化，广泛实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于促进我国旅游业的跨越式发展有着重要的作用。

1.2 旅游网站发展现状1我国旅游网站发展概述第一阶段（1997—2000年）：我国真正出现基于互联网的旅游网站以1997年中国旅游资讯网和华夏旅游网的成立为标志。

此阶段旅游网站信息很少，网站只由一到数张设计简单、以景点介绍的简单文字为主的网页构成。

第二阶段（2000—xx年）：2000年4月以网上预订为主的青旅在线诞生，电子商务模式首次引入旅游网站。

此阶段旅游网站提供的预订服务一般只包括交通及住宿企业的电话等 __，游客的预订仍需绕开网站，直接与相关企业打交道。

网站的资讯信息已日益丰富，并由层次分明、包含超级链接的网页组成。

第三阶段（xx—xx年）：随着xx年2月金旅雅途网的成立，中国出现一批以网上交易平台服务为主要业务的旅游网站。

此时旅游网站已有较强的互动性，且开始提供一些在线服务。

网上预订的业务也大大增强，只是从网上预订客房后仍需通过银行等途径汇去所需款项，预订的飞机票等也必须派人上门递送，属于“鼠标加水泥”的模式。

第四阶段（xx—）：xx年4月中国第一个旅游目的地营销系统“南海目的地营销系统”在广东省南海市建成，南海旅游网成为中国首个运行DMS的旅游网站。

从此阶段开始，功能强大的数据库系统使游客可以很方便地实现食、住、行、游、娱、购等信息的在线查询，甚至可以借助多媒体工具进行网上虚拟旅游。

未来的旅游网站的知识内容将日益丰富，栏目的内容将日益详细，分类将日益科学，单调的、一成不变的旅游行程表将被灵活多变的自助旅游的游程定制所替代，为游客提供个性化的旅游产品等智能服务将成为旅游网站的重要功能。

（二）网站分类对于种类繁多的旅游网站可以从不同角度进行分类，如按网站性质的不同可将我国旅游网站分为如下七类：政府旅游部门网站、应用服务供应商网站、旅游企业网站、专业旅游网站、网络内容供应商网站的旅游频道、各类旅游目的地咨讯网和地方性旅游网站、个人旅游网站。

此外，旅游网站还可按专业属性、服务类型、提供信息等不同要素进行分类。

（三）网站构建中存在的问题目前我国旅游网站数量非常庞大，现在用各种搜索引擎搜索到的旅游网站已达数万家。

但是大多数旅游网站的构建无论从网页设计的科学性、有效性，还是从网站的服务内容、服务范围、服务功能来看，都非常不规范，存在不少问题。

以政府旅游网站为例，域名的使用就非常混乱，48%的省级政府旅游网站未使用.的正规域名，网站的信息提供也参差不齐；再以专业旅游网站为例，从网上选取50家较为成功的专业旅游网站进行了测评结果来看，酒店客房和机票的查询预订是专业旅游网站提供的主要功能，在选取的专业旅游网站中，100%的网站都提供了此两项功能，但从具体功能来看，尚无一家旅游网站能够提供客房的实时状况，如最近一天的客房销售情况和促销优惠的报价。

火车票的查询只有45%的网站提供，国内火车票的预订尚无一家网站开通，唯一一家开通火车票预订的是再见城市网站，也仅开通了欧洲火车通票预订。

能提供出租车预订的网站只占22.7%。

目前，在所选取的网站中尚无一家提供酒店、机票、出租车、门票的组合预订，而提供了门票或导游预订的也只有两家。

从预订方式来看，选取的网站都提供了网上预订功能，但提供网上支付功能的网站只占22.7%。

此外，绝大多数专业网站没有设计旅游投诉的功能。

既能体现旅游网站内涵又便于查询记忆的网站域名和网站LOGO。

名和标志LOGO的设计既要体现旅游网站的内涵，使游客通过网站的名称就可以对网站本科毕业设计（论文）题目:学院：专业班级：姓名：指导教师：系主任：数字媒体技术系网站前端设计与开发学号：学院院长：二O一三年月日毕业设计 (论文)诚信声明我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研究成果均已在 __或注释中列出。

设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。

如出现以上违反知识产权的情况，本人愿意承担相应的责任。

声明人(签名)：年月日摘要21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。

随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。

所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。

本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须的三个技能。

前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。

虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。

在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。

分析并解决实现中的若干技术问题；介绍了个性化页面的背景及jsp + javascript+ mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。

分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。

该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值关键字：JSP；用户登录；javascript；网站美化；交互设计。

ABSTRACTThe twenty-first Century is the rapid development of information age, work asthe world's most popular and most convenient media are increasingly aepted by people.Along with the information development, website functions beyond the traditional information acquisition, munication which can better reflect the organization style， properties. So universities establish the departments, professional appearance, easy maintenance and management of the site has been imperative.This thesis mainly focuses on digital media technology major portal for thedevelopment of the theme, the three most basic and necessary skills. Development of the front, in the layout of the page, HTML will define the elements, positioning CSS to display elements, and then through the JavaScript to achieve the corresponding effect and interaction. Although the surface looks like these are very simple, but it needs to grasp things never. In the development, the need for these concepts clear, understand, so in the development process will be handy.The main work done in this article is as follows:(1) Introduces the background and general principle of JSP + Javascript + MySQLsystem personalized pages;(2) Introduces the structure and working principle of the entire personalization pageproduction system; analysis of the particularity, the difficulty and key system;(3) The design and implementation of user registration, user login, user managementand other JSP page.(4) Analyze and solve some technical problems in implementation;(5) The establishment of a plete campus site, testing and analysis;The site effectively achieve the user through the JSP page aess to user registration,login, and carry on effective management to the website content, enhance the effectiveness of the late addition and deletion of information, has a certain application value.Keywords：JSP ; User login; JavaScript; Website Landscaping; Interaction Design目录摘要ABSTRACT第1章绪论 ........................................................ (1)1.1 选题背景及意义 ........................................................ . (1)1.2 国内外高校网站建设状况 ........................................................ .. (3)1.3 研究内容和拟解决的问题 ........................................................ .. (5)1.4 本章小结 ........................................................ ........................................................... (6)第2章前端开发工具及相关技术 (7)2.1 前端开发环境 ........................................................ . (7)2.2 前端开发工具 ........................................................ . (7)2.3 前端开发相关技术 ........................................................ (8)2.3.1 Java script 简介 ........................................................ .. (8)2.3.2 Java script 基本特点 ........................................................ . (8)2.3.3 CSS 简介 ........................................................ . (9)2.3.4JQuery .................................................... ........................................................... (9)2.4 本章小结 ........................................................ ............................................................11第3章前端布局分析与设计 (12)3.1 前端总体开发流程及设计 ........................................................ (12)3.1.1 分层开发 ........................................................ (12)3.1.2 代码编写 ........................................................ (12)3.1.3 内部测试与后续优化 ........................................................ (13)3.2 前端UI设计 ........................................................ . (14)3.2.1 模块分布 ........................................................ (14)3.2.2 颜色配置 ........................................................ (15)xx版毕业论文题目：响应式企业网站设计与实现学生姓名：罗智刚学号： 120xx132 专业班级： B12计算机科学与技术2班指导教师：李莉企业导师：林志宏二级学院：电气与信息工程学院摘要在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。