前端毕业设计范文

1、前端毕业设计范文滁州职业技术学院信息工程系 xx 届软件专业毕业姓 名：班 级：设计课题：指导教师：xx 年 11 月 13 日摘要21 世纪是信息高速发达的时代，网络作为当今最流行最方便快捷 的媒介也越来越被人们接受， 并且融入我们的生活。 随着旅游类的网 站不断推进， 网站的作用超越了传统的信息获取， 交流它更能体现组 织机构的风采，性质。所以旅游类的网站对现在的发展已经势在必行。本主要围绕旅游网站为开发主题， 最基本也是最必须的三个技能。 前端的开发中，在页面的布局时， HTML将元素进行定义， CSS对展 示的元素进行定位，再通过 JavaScript 实现相应的效果和交互。虽 然表面

2、看起来这些很简单， 但这里面需要掌握的东西绝对不会少。 在 进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中 才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景； 阐述整个个性化页面生成系统的系统结构及工作原理； 分析了系统实 现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录， 用户管理，但是我会把自己的网站以一种简单明了的方式向大家展现 出旅游的各个方面。 分析并解决实现中的若干技术问题； 建立完整的 旅游网站，进行测试并分析结果。本网站的建立的作用具有一目了然的特性，不仅能让本地区的人 们了解更多的旅游资料， 更可让世界各地的人了解一些地区的明文风该

3、网站中还存在一些不足之处，如网站的留言系统、用户注册、步学习和添加和 JQuery用户登录没建立等等。这些问题和功能有待于进一关键词：网站设计 XHTML、 CSS、javaScript 目录目录 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第四章 网

4、站开发过程及实现 144.1 创建站点 144.2 首页设计 154.2.1 首页顶部设计 164.2.2 导航栏设计 184.2.3 首页主要内容设计 204.2.4 首页底部设计 254.3 其余页面的制作 254.3.1 2 级页面的制作： 254.3.2 3 级页面设计 284.4 测试 30第五章 结论32致谢 34第一章 绪论1.1 引言新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它 产业的发展，各行业都将与它进行更深入的融合和渗透。，互联网成 为人们快速获取、发布和传递信息的重要渠道， 它在人们政治、经济、 生活、旅游等各个方面发挥着重要的作用。 为了适应知识经济社会的

5、 需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理 和资源管理受到重视。 随着互联网的普及和发展， 必将有越来越多的 企业及个人在英特网上拥有自己的网站。网站建设成为企业 形象宣 传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自 我，与世界交流的重要平台。 越来越多的人已开始从对互联网的认知 阶段进入到认同和行动阶段。 Inter 上发布信息主要是通过网站来实 现的，获取信息也是要在 Inter “海洋”中按照一定的检索方式将所 需要的信息从网站上下载下来。 因此网站建设在 Inter 应用上的地位 显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分， 从而倍

6、受人们的重视。 为了更好的协作，更多的与外界交流新的信息， 和他人共享信息，特构建旅游网站。旅游网站也是近十年来在我国逐步兴起和发展的，到现在已经初 步形成了类型齐全、 涵盖旅游业各个方面的网上旅游产业体系， 旅游 产品的在线宣传和销售正影响着越来越多的旅游者、 旅游服务提供商 和旅游管理者。随着我国旅游业的迅猛发展，推进旅游信息化，广泛 实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于 促进我国旅游业的跨越式发展有着重要的作用。1.2 旅游网站发展现状1 我国旅游网站发展概述第一阶段（ 19972000年）：我国真正出现基于互联网的旅游网 站以 1997 年中国旅游资讯网和华夏旅

7、游网的成立为标志。此阶段旅 游网站信息很少， 网站只由一到数张设计简单、 以景点介绍的简单文 字为主的网页构成。第二阶段（ 2000xx年）：2000年 4月以网上预订为主的青旅在 线诞生，电子商务模式首次引入旅游网站。 此阶段旅游网站提供的预 订服务一般只包括交通及住宿企业的电话等 _ ，游客的预订仍需绕 开网站，直接与相关企业打交道。网站的资讯信息已日益丰富，并由 层次分明、包含超级链接的网页组成。第三阶段（ xx xx 年）：随着 xx 年 2 月金旅雅途网的成立，中 国出现一批以网上交易平台服务为主要业务的旅游网站。 此时旅游网 站已有较强的互动性，且开始提供一些在线服务。网上预订的业

8、务也大大增强， 只是从网上预订客房后仍需通过银行等途径汇去所需款项， 预订的飞 机票等也必须派人上门递送，属于“鼠标加水泥”的模式。第四阶段（xx）：xx 年 4 月中国第一个旅游目的地营销系统 “南 海目的地营销系统” 在广东省南海市建成， 南海旅游网成为中国首个 运行 DMS的旅游网站。从此阶段开始， 功能强大的数据库系统使游客可以很方便地实现食、住、行、游、娱、购等信息的在线查询，甚至 可以借助多媒体工具进行网上虚拟旅游。未来的旅游网站的知识内容将日益丰富， 栏目的内容将日益详细， 分类将日益科学， 单调的、 一成不变的旅游行程表将被灵活多变的自 助旅游的游程定制所替代， 为游客提供个性

9、化的旅游产品等智能服务 将成为旅游网站的重要功能。（二）网站分类对于种类繁多的旅游网站可以从不同角度进行分类，如按网站性 质的不同可将我国旅游网站分为如下七类： 政府旅游部门网站、 应用 服务供应商网站、旅游企业网站、专业旅游网站、网络内容供应商网 站的旅游频道、 各类旅游目的地咨讯网和地方性旅游网站、 个人旅游 网站。此外，旅游网站还可按专业属性、服务类型、提供信息等不同 要素进行分类。（三）网站构建中存在的问题目前我国旅游网站数量非常庞大，现在用各种搜索引擎搜索到的 旅游网站已达数万家。 但是大多数旅游网站的构建无论从网页设计的 科学性、有效性，还是从网站的服务内容、 服务范围、服务功能来

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

11、欧洲火车通票预订。能提供出租车预订的网站只占 22.7%。目前， 在所选取的网站中尚无一家提供酒店、机票、出租车、门票的组合预 订，而提供了门票或导游预订的也只有两家。从预订方式来看，选取 的网站都提供了网上预订功能，但提供网上支付功能的网站只占 22.7%。此外，绝大多数专业网站没有设计旅游投诉的功能。既能体现旅游网站内涵又便于查询记忆的网站域名和网站LOGO。名和标志 LOGO的设计既要体现旅游网站的内涵，使游客通过网站的 名称就可以对网站本科毕业设计（论文）学 院：专业班级：姓 名：指导教师：系 主 任：数字媒体技术系网站前端设计与开发 学 号： 学院院长：二 O 一三年月日毕业设计 （

12、 论文） 诚信声明我谨在此保证：本人所写的毕业设计 （ 论文） ，凡引用他人的研究成果均已在 _或注释中列出。设计（论文） 主体均由本人独立完 成，没有抄袭、 剽窃他人已经发表或未发表的研究成果行为。如出现 以上违反知识产权的情况，本人愿意承担相应的责任。声明人（ 签名）：年月日摘要21 世纪是信息高速发达的时代，网络作为当今最流行最方便快捷 的媒介也越来越被人们接受，并且融入我们的生活。随着高校信息化建设的不 断推进，网站的作用超越了传统的信息获取， 交流它更能体现组织机 构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管 理的网站已经势在必行。本论文主要围绕数字媒体技术专业的门户

13、网站为开发主题，最基 本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进 行定义， CSS对展示的元素进行定位，再通过 JavaScript 实现相应 的效果和交互。 虽然表面看起来这些很简单， 但这里面需要掌握的东 西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这 样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景及 jsp + javascript+ mysql 系统的一般原理；阐述整个个性化页面生成系统的系统 结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实 现用户注册，用户登录，用户管理等 jsp 页面。分

14、析并解决实现中的 若干技术问题；建立完整的校园网站，进行测试并分析结果。该网站有效地实现用户通过 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 increasi

15、ngly 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

16、 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, an

17、d 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 d

18、one 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 syst

19、em;user(3) The design and implementation of user registration, 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 t

20、o 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 章 绪论 . 11.1 选

21、题背景及意义 11.2 国内外高校网站建设状况 31.3 研究内容和拟解决的问题 51.4 本章小结 . 6第2 章 前端开发工具及相关技术 72.1前端开发环境 72.2前端开发工具 72.3 前端开发相关技术 82.3.1 Java script简介 82.3.2 Java script基本特点 82.3.3 CSS 简介 92.3.4JQuery 2.4 本章小结 11第3章 前端布局分析与设计 123.1前端总体开发流程及设计 123.1.1分层开发 123.1.2代码编写 12. 93.1.3 内部测试与后续优 133.2前端 UI 设计 143.2.1模块分布 143.2.2颜色配

22、置 15xx 版毕业论文题目：响应式企业网站设计与实现学生姓名：罗智刚 学号： 120xx132 专业班级： B12 计算机科学与技术 2 班指导教师：李莉企业导师：林志宏二级学院：电气与信息工程学院摘要在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介 也越来越被人们接受， 并且融入我们的生活。 在 xx 年时，随着 HTML5 在国内的兴起， 也在不断的推进着信息时代的发展， 网站也逐渐脱离 了传统的枯燥页面风格，如今的 HTML5比起以前的 HTML来说，更容 易维护和管理，而且还能实现跨平台开发，减少开发成本。本论文主要围绕写意集团的 HTML5响应式网站为开发主题，用到的也是最

23、必备的三个技能元素，在布局页面时，用 HTML将元素进行 定义，布局基础布局； css 对展示的 HTML元素布局进行定位渲染， 然后利用 Javascript 或者 jQuery 实现相应的效果和交互。 虽然这么 看起来很简单，但这里需要认真了解的东西很多。在开发前，需要对 这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。分析并解决实现中的若干技术问题：介绍企业官网个性化页面的 背景及 HTML5响应式布局的一般原理； 阐述整个企业官网的结构及工 作原理；分析 实现中的难点和重点；关键词： HTML5; CSS3; 响应式 ; javascript; 网站美化 ; 交互设 计abs

24、tractIn this era of rapid development of information and work as the most convenient media now increasingly being aepted and integrated into our lives. In xx, with the rise of HTML5in the country, has also been advancing the development of the information age, the site is also moving away from the t

25、raditional boring page style, and now HTML5 pared to the previous HTML is easier to maintain and management, but also to achieve cross-platform development, reduce development costs.This paper mainly around Freehand Group HTML5 Responsive website development topics, used in the three most essential

26、elements of skill, in the layout of the page, using HTML to define the elements, layout basic layout; css to display HTML elements positioning layoutrendering, then use Javascript orjQuery to achieve the appropriate effects and interactions. Although such looks very simple, but here need to understand a lot of serious things. Before development, the need to clarify these concepts in the development process, but also consider a variety of problems with