在旅游”网站设计与制作
目录
一、 引言 1
(一) 选题背景 1
(二) 选题意义 1
(三) 课程内容 1
二、 网站开发技术及工具简介 1
(一) 主要开发技术的选用与介绍 1
1. 响应式布局 2
2. HTML5 2
3. CSS3 2
4. jQuery 2
5. JSP 2
(二) 主要开发工具的选用与介绍 2
1. My Eclipse 2
2. Tomcat 2
3. Navicat for MySQL 3
三、 网站分析介绍 3
(一) 数据库设计概述 3
(二) 数据表结构 3
四、 系统的设计与实现 6
(一) 需求描述 6
(二) 网页流程图 7
(三) 网页前台设计与制作 8
1. 网站首页设计与介绍 8
2. 网站一级页面设计与介绍 8
3. 网站论坛页面的设计与介绍 9
4. 旅行家个人中心页面设计与介绍 10
(四) 网页后台设计与制作 11
1. 登录页面实现过程 11
2. 注册页面实现过程 12
3. 产品列表显示实现过程 14
4. 产品详情页面实现过程 15
5. 发表新帖子实现过程 16
6. 发表新帖前台显示实现过程 17
(五) 响应式页面布局 18
1. 响应式页面布局设计 18
2. 响应式效果图 19
总结 31
致谢 32
参考文献 33
引言
选题背景
旅游对于现在大多数人来说，已经不只是休息放松的方式。对于90后来说，它更是出走、逐梦、追求自由、寻找自我。旅行，俨然已经成为当代人一种积极的生活态度，引领他们迈出步伐去尝试，去改变，去看和你、和我都不同的另外一种生活。
本网站采用了响应式的布局方式，使网站格局更加清晰，利用响应式设计网站的
*好棒文|www.hbsrm.com +Q: *351916072*
32
参考文献 33
引言
选题背景
旅游对于现在大多数人来说，已经不只是休息放松的方式。对于90后来说，它更是出走、逐梦、追求自由、寻找自我。旅行，俨然已经成为当代人一种积极的生活态度，引领他们迈出步伐去尝试，去改变，去看和你、和我都不同的另外一种生活。
本网站采用了响应式的布局方式，使网站格局更加清晰，利用响应式设计网站的自适应性，使网站在电脑、平板、手机等各个不同设备上、不同分辨率上的显示也各不同，能够自适应其宽度。主要使用了Dreamweaver、MyEclipse 6.5编码软件开发、Photoshop美化网站中的图片，让网站看起来协调美观。JS特效增加网站的灵动性。网站分为前台页面和后台系统。前台页面分别介绍展示了住宿信息、游记攻略信息、路线指南信息、在旅游论坛信息，这些都显示在网站的导航栏上，易于浏览。给网民游客提供直观的选择。网站后台以模块划分，分别是用户登录、注册、退出、产品信息展示、新闻列表、用户发帖这六大模块。
本课题旨在设计和开发一个优质便捷的旅游网站，在旅游网为每个爱旅行的网民提供物美价廉的住宿房间选择、优质的旅行攻略、独一无二的行程推荐。让爱旅行的网民选择适合自己的旅行方案以及在线交流旅行途中的感想，重操作轻欣赏、看上去适合就动起来是“在旅游”的服务宗旨。为使其成为爱旅游人们的旅行首选，出游不再是嘴上说说而已。交流互动论坛也是用户可以了解新世界的窗口。
选题意义
现今各大旅游网站层出不穷，价格也褒贬不一，使得各个阶层的爱旅游用户对其现象也产生了千变万化的心里反应。在旅游网的开发有着重要的意义，它会实行每周推出三种优秀住宿房间，每天更新三条优质旅行线路，并保证其信息真实可靠。优质推出的信息只会推送给注册用户，而非注册用户将收不到优质推出信息。
课程内容
本课程将汇聚住宿、游记攻略、路线指南、IN论坛等旅游信息为一体的自助旅游网站。
课题主要分为前台和后台两大部分。前台主要负责页面的设计与响应式网站的制作。后台主要对用户登录、注册、退出、产品信息展示、新闻列表、用户发帖进行添加、删除、修改等。
网站开发技术及工具简介
主要开发技术的选用与介绍
响应式布局
响应式布局是一个新概念，它可以实现一个网站能够同时兼容多个终端，集中创建页面排版时的大小，可以响应式改变分辨率、图片大小、脚本等在不同设备上进行不同布局。响应式布局不仅灵活性强而且能够解决多个设备显示适应问题。
HTML5
HTML5是当前最新的万维网的核心标准标记语言下的应用HTML。其功能主要体现在移动设备上支持多媒体，三维、图形特效，性能与集成特性，直接利用浏览器绘制矢量图的能力，网页启动时间更短，联网速度更快，最重要的是HTML5可以实现一次设计，普遍适用。让一个站点的网页可以自适应不同大小的屏幕，自动调整网页布局。
CSS3
CSS是在网页制作时使用层叠样式技术对于页面的布局、背景特效、字体特效、颜色特效和其他一些特效实现的控制。CSS3语言的模块化，利用盒子模型、超链接方式、背景边框、多栏布局、列表模块等为网页设计提供简单化、方便化。
jQuery
jQuery是辅助JavaScript开发的库，它不仅可以兼容CSS3，还可以兼容各种浏览器。使用户处理HTML更方便、快捷。用户在使用jQuery的时候不需要在HTML里面插入大量js调用命令，只需要定义好id即可，使HTML页面保持代码与HTML内容分离。它的主要特点有：动态特效、AJAX、通过插件来扩展、渐进增强、链式调用等。
JSP
JSP是一种简单化的Servlet设计的一种动态网页技术标准，在HTML页面中加入Java程序代码与JSP标记的JSP文件。JSP开发的WEB应用可以在多个操作系统上运行。它和Servlet都是在服务器端执行，通常返回给客户端的是HTML文本，所以客户端用浏览器就可以浏览。
主要开发工具的选用与介绍
My Eclipse
My Eclipse平台是Eclipse的插件，支持代码开发、配置、测试以及除错。包括完备的编码、调试、测试和发布功能，完整支持HTML、JSP、CSS、JavaScript、SQL；支持为 Android和iOS开发基混合原生应用模型的Phone Gap移动应用，包括访问和编码设备功能的插件API。
Tomc
一、 引言 1
(一) 选题背景 1
(二) 选题意义 1
(三) 课程内容 1
二、 网站开发技术及工具简介 1
(一) 主要开发技术的选用与介绍 1
1. 响应式布局 2
2. HTML5 2
3. CSS3 2
4. jQuery 2
5. JSP 2
(二) 主要开发工具的选用与介绍 2
1. My Eclipse 2
2. Tomcat 2
3. Navicat for MySQL 3
三、 网站分析介绍 3
(一) 数据库设计概述 3
(二) 数据表结构 3
四、 系统的设计与实现 6
(一) 需求描述 6
(二) 网页流程图 7
(三) 网页前台设计与制作 8
1. 网站首页设计与介绍 8
2. 网站一级页面设计与介绍 8
3. 网站论坛页面的设计与介绍 9
4. 旅行家个人中心页面设计与介绍 10
(四) 网页后台设计与制作 11
1. 登录页面实现过程 11
2. 注册页面实现过程 12
3. 产品列表显示实现过程 14
4. 产品详情页面实现过程 15
5. 发表新帖子实现过程 16
6. 发表新帖前台显示实现过程 17
(五) 响应式页面布局 18
1. 响应式页面布局设计 18
2. 响应式效果图 19
总结 31
致谢 32
参考文献 33
引言
选题背景
旅游对于现在大多数人来说，已经不只是休息放松的方式。对于90后来说，它更是出走、逐梦、追求自由、寻找自我。旅行，俨然已经成为当代人一种积极的生活态度，引领他们迈出步伐去尝试，去改变，去看和你、和我都不同的另外一种生活。
本网站采用了响应式的布局方式，使网站格局更加清晰，利用响应式设计网站的
*好棒文|www.hbsrm.com +Q: *351916072*
32
参考文献 33
引言
选题背景
旅游对于现在大多数人来说，已经不只是休息放松的方式。对于90后来说，它更是出走、逐梦、追求自由、寻找自我。旅行，俨然已经成为当代人一种积极的生活态度，引领他们迈出步伐去尝试，去改变，去看和你、和我都不同的另外一种生活。
本网站采用了响应式的布局方式，使网站格局更加清晰，利用响应式设计网站的自适应性，使网站在电脑、平板、手机等各个不同设备上、不同分辨率上的显示也各不同，能够自适应其宽度。主要使用了Dreamweaver、MyEclipse 6.5编码软件开发、Photoshop美化网站中的图片，让网站看起来协调美观。JS特效增加网站的灵动性。网站分为前台页面和后台系统。前台页面分别介绍展示了住宿信息、游记攻略信息、路线指南信息、在旅游论坛信息，这些都显示在网站的导航栏上，易于浏览。给网民游客提供直观的选择。网站后台以模块划分，分别是用户登录、注册、退出、产品信息展示、新闻列表、用户发帖这六大模块。
本课题旨在设计和开发一个优质便捷的旅游网站，在旅游网为每个爱旅行的网民提供物美价廉的住宿房间选择、优质的旅行攻略、独一无二的行程推荐。让爱旅行的网民选择适合自己的旅行方案以及在线交流旅行途中的感想，重操作轻欣赏、看上去适合就动起来是“在旅游”的服务宗旨。为使其成为爱旅游人们的旅行首选，出游不再是嘴上说说而已。交流互动论坛也是用户可以了解新世界的窗口。
选题意义
现今各大旅游网站层出不穷，价格也褒贬不一，使得各个阶层的爱旅游用户对其现象也产生了千变万化的心里反应。在旅游网的开发有着重要的意义，它会实行每周推出三种优秀住宿房间，每天更新三条优质旅行线路，并保证其信息真实可靠。优质推出的信息只会推送给注册用户，而非注册用户将收不到优质推出信息。
课程内容
本课程将汇聚住宿、游记攻略、路线指南、IN论坛等旅游信息为一体的自助旅游网站。
课题主要分为前台和后台两大部分。前台主要负责页面的设计与响应式网站的制作。后台主要对用户登录、注册、退出、产品信息展示、新闻列表、用户发帖进行添加、删除、修改等。
网站开发技术及工具简介
主要开发技术的选用与介绍
响应式布局
响应式布局是一个新概念，它可以实现一个网站能够同时兼容多个终端，集中创建页面排版时的大小，可以响应式改变分辨率、图片大小、脚本等在不同设备上进行不同布局。响应式布局不仅灵活性强而且能够解决多个设备显示适应问题。
HTML5
HTML5是当前最新的万维网的核心标准标记语言下的应用HTML。其功能主要体现在移动设备上支持多媒体，三维、图形特效，性能与集成特性，直接利用浏览器绘制矢量图的能力，网页启动时间更短，联网速度更快，最重要的是HTML5可以实现一次设计，普遍适用。让一个站点的网页可以自适应不同大小的屏幕，自动调整网页布局。
CSS3
CSS是在网页制作时使用层叠样式技术对于页面的布局、背景特效、字体特效、颜色特效和其他一些特效实现的控制。CSS3语言的模块化，利用盒子模型、超链接方式、背景边框、多栏布局、列表模块等为网页设计提供简单化、方便化。
jQuery
jQuery是辅助JavaScript开发的库，它不仅可以兼容CSS3，还可以兼容各种浏览器。使用户处理HTML更方便、快捷。用户在使用jQuery的时候不需要在HTML里面插入大量js调用命令，只需要定义好id即可，使HTML页面保持代码与HTML内容分离。它的主要特点有：动态特效、AJAX、通过插件来扩展、渐进增强、链式调用等。
JSP
JSP是一种简单化的Servlet设计的一种动态网页技术标准，在HTML页面中加入Java程序代码与JSP标记的JSP文件。JSP开发的WEB应用可以在多个操作系统上运行。它和Servlet都是在服务器端执行，通常返回给客户端的是HTML文本，所以客户端用浏览器就可以浏览。
主要开发工具的选用与介绍
My Eclipse
My Eclipse平台是Eclipse的插件，支持代码开发、配置、测试以及除错。包括完备的编码、调试、测试和发布功能，完整支持HTML、JSP、CSS、JavaScript、SQL；支持为 Android和iOS开发基混合原生应用模型的Phone Gap移动应用，包括访问和编码设备功能的插件API。
Tomc
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2538.html
