篇一：前端设计毕业设计
滁州职业技术学院信息工程系
——2014届软件专业毕业论文
姓 名：
班 级：
设计课题：
指导教师：
-- -------- --------------------------------
2013年 11月 13 日
摘要
21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着旅游类的网站不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以旅游类的网站对现在的发展已经势在必行。
本论文主要围绕旅游网站为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。
分析并解决实现中的若干技术问题；介绍了个性化页面的背景；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录，用户管理，但是我会把自己的网站以一种简单明了的方式向大家展现出旅游的各个方面。分析并解决实现中的若干技术问题；建立完整的旅游网站，进行测试并分析结果。
本网站的建立的作用具有一目了然的特性，不仅能让本地区的人们了解更多的旅游资料，更可让世界各地的人了解一些地区的明文风景。
该网站中还存在一些不足之处，如网站的留言系统、用户注册、用户登录没建立等等。这些问题和功能有待于进一步学习和添加。
关键词：网站设计 XHTML、CSS、javaScript和JQuery
目录
目录................................................................ 3
第一章 绪论......................................................... 4
1.1 引言 ........................................................ 4
1.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 引言
新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、旅游等各个方面发挥着重要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普及和发展，必将有越来越多的企业及个人在英特网上拥有自己的网站。网站建设成为企业 形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游网站。
旅游网站也是近十年来在我国逐步兴起和发展的，到现在已经初步形成了类型齐全、涵盖旅游业各个方面的网上旅游产业体系，旅游产品的在线宣传和销售正影响着越来越多的旅游者、旅游服务提供商和旅游管理者。随着我国旅游业的迅猛发展，推进旅游信息化，广泛实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于促进我国旅游业的跨越式发展有着重要的作用。
1.2 旅游网站发展现状
1我国旅游网站发展概述
第一阶段（1997—2000年）：我国真正出现基于互联网的旅游网站以1997年中国旅游资讯网和华夏旅游网的成立为标志。此阶段旅游网站信息很少，网站只由一到数张设计简单、以景点介绍的简单文字为主的网页构成。
第二阶段（2000—2001年）：2000年4月以网上预订为主的青旅在线诞生，电子商务模式首次引入旅游网站。此阶段旅游网站提供的预订服务一般只包括交通及住宿企业的电话等联系方式，游客的预订仍需绕开网站，直接与相关企业打交道。网站的资讯信息已日益丰富，并由层次分明、包含超级链接的网页组成。
第三阶段（2001—2002年）：随着2001年2月金旅雅途网的成立，中国出现一批以网上交易平台服务为主要业务的旅游网站。此时旅游网站已有较强的互
动性，且开始提供一些在线服务。网上预订的业务也大大增强，只是从网上预订客房后仍需通过银行等途径汇去所需款项，预订的飞机票等也必须派人上门递送，属于“鼠标加水泥”的模式。
第四阶段（2002—）：2002年4月中国第一个旅游目的地营销系统“南海目的地营销系统”在广东省南海市建成，南海旅游网成为中国首个运行DMS的旅游网站。从此阶段开始，功能强大的数据库系统使游客可以很方便地实现食、住、行、游、娱、购等信息的在线查询，甚至可以借助多媒体工具进行网上虚拟旅游。
未来的旅游网站的知识内容将日益丰富，栏目的内容将日益详细，分类将日益科学，单调的、一成不变的旅游行程表将被灵活多变的自助旅游的游程定制所替代，为游客提供个性化的旅游产品等智能服务将成为旅游网站的重要功能。
（二）网站分类
对于种类繁多的旅游网站可以从不同角度进行分类，如按网站性质的不同可将我国旅游网站分为如下七类：政府旅游部门网站、应用服务供应商网站、旅游企业网站、专业旅游网站、网络内容供应商网站的旅游频道、各类旅游目的地咨讯网和地方性旅游网站、个人旅游网站。此外，旅游网站还可按专业属性、服务类型、提供信息等不同要素进行分类。
（三）网站构建中存在的问题
目前我国旅游网站数量非常庞大，现在用各种搜索引擎搜索到的旅游网站已达数万家。但是大多数旅游网站的构建无论从网页设计的科学性、有效性，还是从网站的服务内容、服务范围、服务功能来看，都非常不规范，存在不少问题。以政府旅游网站为例，域名的使用就非常混乱，48%的省级政府旅游网站未使用.gov.cn的正规域名，网站的信息提供也参差不齐；再以专业旅游网站为例，从网上选取50家较为成功的专业旅游网站进行了测评结果来看，酒店客房和机票的查询预订是专业旅游网站提供的主要功能，在选取的专业旅游网站中，100%的网站都提供了此两项功能，但从具体功能来看，尚无一家旅游网站能够提供客房的实时状况，如最近一天的客房销售情况和促销优惠的报价。火车票的查询只有45%的网站提供，国内火车票的预订尚无一家网站开通，唯一一家开通火车票预订的是再见城市网站，也仅开通了欧洲火车通票预订。能提供出租车预订的网站只占22.7%。目前，在所选取的网站中尚无一家提供酒店、机票、出租车、门票的组合预订，而提供了门票或导游预订的也只有两家。从预订方式来看，选取的网站都提供了网上预订功能，但提供网上支付功能的网站只占22.7%。此外，绝大多数专业网站没有设计旅游投诉的功能。
既能体现旅游网站内涵又便于查询记忆的网站域名和网站LOGO。名和标志LOGO的设计既要体现旅游网站的内涵，使游客通过网站的名称就可以对网站
篇二：网站前端设计 毕业论文
本科毕业设计（论文）
题 目:
学 院：专业班级：姓 名：指导教师：系 主 任：
数字媒体技术系网站前端设计与开发 学 号： 学院院长：
二O一三年月日
毕业设计 (论文)诚信声明
我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研
究成果均已在参考文献或注释中列出。设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承担相应的责任。
声明人(签名)：
年 月 日
摘 要
21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来
越被人们接受，并且融入我们的生活。随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。
本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须
的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。
分析并解决实现中的若干技术问题；介绍了个性化页面的背景及jsp + javascript
+ mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。
该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值
关键字：JSP；用户登录；javascript；网站美化；交互设计。
ABSTRACT
The twenty-first Century is the rapid development of information age, network as
the world's most popular and most convenient media are increasingly accepted by people.Along with the information development, website functions beyond the traditional information acquisition, communication 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 the
development 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 + MySQL
system personalized pages;
(2) Introduces the structure and working principle of the entire personalization page
production system; analysis of the particularity, the difficulty and key system;
(3) The design and implementation of user registration, user login, user management
and other JSP page.
(4) Analyze and solve some technical problems in implementation;
(5) The establishment of a complete campus site, testing and analysis;
The site effectively achieve the user through the JSP page access 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.4 JQuery .................................................................................................................. 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
篇三：web前端毕业设计论文
2015版
毕 业 论 文
题目：
响应式企业网站设计与实现
学生姓名： 罗智刚 学号： 1202012132 专业班级： B12计算机科学与技术2班
指导教师： 李莉
企业导师： 林志宏
二级学院： 电气与信息工程学院
摘 要
在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。在2015年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML5比起以前的HTML来说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。
本论文主要围绕写意集团的HTML5响应式网站为开发主题，用到的也是最必备的三个技能元素，在布局页面时，用HTML将元素进行定义，布局基础布局；css对展示的HTML元素布局进行定位渲染，然后利用Javascript或者jQuery实现相应的效果和交互。虽然这么看起来很简单，但这里需要认真了解的东西很多。在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。
分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及HTML5响应式布局的一般原理；阐述整个企业官网的结构及工作原理；分析 实现中的难点和重点；
关键词：HTML5; CSS3; 响应式; javascript; 网站美化; 交互设计
abstract
In this era of rapid development of information and network as the most convenient media now increasingly being accepted and integrated into our lives. In 2015, with the rise of HTML5 in the country, has also been advancing the development of the information age, the site is also moving away from the traditional boring page style, and now HTML5 compared 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 elements of skill, in the layout of the page, using HTML to define the elements, layout basic layout; css to display HTML elements positioning layout rendering, then use Javascript or jQuery 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 compatibility, performance and so on.
Analyze and solve technical problems in implementation of: The official website of the general principles of corporate background
personalized page HTML5 and responsive layout; elaborate structure and working principle of the whole enterprise official website; Analysis Implementation difficulties and priorities;
Keywords: HTML5; CSS3; responsive; javascript; website landscaping; Interactive Design
目 录
第一章绪 论 ..................................................... 1
1.1 本课题研究的背景和目的.......................................... 1
1.2 国内外HTML5响应式企业网站建设的状况............................ 1
1.3本章小结 ........................................................ 2
第二章 前端开发 及相关技术 ......................................... 3
2.1 HTML5前端开发环境 ............................................. 3
2.2 HTML5前端开发工具 ............................................. 3
2.3 HTML5前端开发相关技术 ......................................... 3
2.3.1 javascript简介 ............................................ 3
2.3.2 javascript基本特点 ........................................ 4
2.3.3 css简介 ................................................... 4
2.3.4 jQuery ..................................................... 5
2.4 本章小结....................................................... 5
第三章 前端布局分析与设计 .......................................... 6
3.1 前端总体开发流程与设计......................................... 6
3.1.1 分层开发 ................................................... 6
3.1.2 代码编写 ................................................... 6
3.1.3 内部测试与后续优化 ......................................... 6
3.2 前端UI设计.................................................... 7
3.2.1 模块分布 ................................................... 7
3.2.2 颜色配置 ................................................... 7
3.2.3 css元素 ................................................... 8
3.3 交互设计与UI .................................................. 9
3.4 网站结构布局与设计............................................. 9
3.5.1 网站首页结构 ............................................. 9
3.5.2 主题鲜明，富有特色 ...................................... 10
3.5 网站前台页面设计.............................................. 10
3.5.1 首页 ...................................................... 10
3.5.2 其余子页面 ................................................ 10
3.7 本章小结...................................................... 10
来源：网络整理 免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。
《前端毕业设计》出自：百味书屋
链接地址：http://www.850500.com/news/3209.html
转载请保留,谢谢!