没有合适的资源?快使用搜索试试~ 我知道了~
深亨假日游记网站设计与实现.pdf
0 下载量 105 浏览量
2023-06-29
11:07:40
上传
评论
收藏 1.04MB PDF 举报
温馨提示
试读
20页
深亨假日游记网站设计与实现.pdf
资源推荐
资源详情
资源评论
目 录
一、设计背景.....................................................................................................................1
二、设计思路.....................................................................................................................2
2.1 开发环境与工具...................................................................................................2
2.2 技术架构...............................................................................................................2
三、需求分析.....................................................................................................................4
3.1 功能需求..............................................................................................................4
3.2 性能要求...............................................................................................................4
四、 作品设计...................................................................................................................5
4.1 总体设计..............................................................................................................5
4.2 首页设计..............................................................................................................5
4.3 景点介绍页面设计..............................................................................................6
4.4 攻略介绍页面设计...............................................................................................7
4.5 购物介绍页面设计..............................................................................................8
4.6 美食介绍页面设计..............................................................................................9
4.7 酒店介绍页面设计............................................................................................10
五、功能实现...................................................................................................................12
5.1 首页模块实现....................................................................................................12
5.2 景点介绍页面实现............................................................................................13
5.3 游记/攻略页面实现...........................................................................................13
5.4 购物页面实现....................................................................................................14
5.5 美食/酒店页面实现...........................................................................................14
六、作品测试...................................................................................................................17
七、 设计总结.................................................................................................................18
参考文献...........................................................................................................................19
1
一、设计背景
随着经济文化的发展,人们的生活水平不断提高,旅游意识逐渐增强,旅游正逐步
从消遣品过渡为必需品。但随着旅游的兴起,越来越多的景点出现了“人从众”的现象,
搞得人们会在节假日的时候抵触出去旅游。在深圳这个适者生存,优胜劣汰的地方,竞
争力很强的一个城市,同时也有许多旅游景点给大家出去放松。虽然平时只有双休,或
者单休,但也可以带着家人,朋友出去放松放松心情。而本网站给大家提供了景点的攻
略,游记,购物,美食,酒店,给大家在旅游途中带来参考作用,做好旅游规划。
本作品的主要工作是给大家带来旅游途中的参考:旅游是让游客们享受旅游的其中
带来的乐趣,可以跟家人,朋友促进感情,也可以放松自我,调节紧张工作生活的途径
和方式。对于游客们来说,一些相关旅游信息是十分重要的,比如热门景点的详细介绍,
里面涵盖了攻略,游记,附近的美食,购物,酒店等信息。因此,制作这样的一个游记
平台,我认为还是挺有必要的,因为这样一来给游客们去景点游玩的话,给到了很好的
一个参考意见,节省了旅游带来的繁重感,让整个旅游变得更加轻松。
游记网站的开发具有以下意义:
1、快速整理景点信息
游客通过浏览游记网站里的景点页面,景点页面里面会有景点的详细介绍,可以给
到游客一个很好的参考。
2、不受时间的限制
游客通过浏览游记网站,可以在旅游前期给到参考意见,随时随地对景点有详细地
了解,并规划好此次旅程。
2
二、设计思路
本 网 站 基 于 windows10 系 统 作 为 开 发 环 境 , webstorm 作 为 开 发 工 具 , 以
HTML5+CSS3+JavaScript 技 术 实 现 的 一 个 简 单 的 游 记 网 站 , 以 下 对 webstorm ,
HTML5+CSS3+JavaScript 做简单的介绍
2.1 开发环境与工具
1、Webstorm
Webstorm 软件是 jetbrains 公司旗下的一款 javascript 开发工具,支持不同浏览器的
提示,还包括所有用户自定义的函数(项目中),支持代码格式化,HTML5+CSS+JS
语言,显示代码内容,可以根据自己的风格应用界面,支持代码调试。
2、HTML5
HTML5 是构建 web 内容的一种语言描述方式,用户使用任何手段经信网页浏览时
看到的内容原本都是 HTML 格式的,在浏览器中通过一些技术处理将其转换成了可识
别的信息,支持 IE,火狐,谷歌等浏览器,HTML5 将 web 带入了一个成熟的应用平台,
在这个平台上,视频,音频,图像,动画以及设备的交互都进行了规范。
3、CSS3
CSS3 是层叠样式表 3 级,主要包括了盒子模型,列表模块,超链接方式,语言模
块,背景和边框,文字特效,多栏布局等模块。新特征:圆角效果,图形化边界,块阴
影和文字阴影,使用 RGBA 实现透明效果,渐变效果,使用@Font-Face 实现定制字体,
多背景图,文字或图像处理多栏布局,媒体查询等。
4、JavaScript
JavaScript 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
JavaScript 基于原型编程多范式的动态脚本语言,并且支持面向对象,命令式和声明式
风格,文档对象模型(DOM)描述处理网页内容的方法和接口,浏览器对象模型描述
与浏览器进行交互的方法和接口。
2.2 技术架构
1、HTML 技术
HTML 是一种表示内容及样式的语言,它是事实上的 web 展示标准,被所有浏览器
支持,也是它让你的页面可移植的出现在不同的系统和平台上。它的词汇标记用<>来表
示,例如<body>,这些往往会成对出现,在 HTML 里称之为元素,而在元素中还可以
嵌套其他元素。网页由 HTML 语言编写,在由网络浏览器下载并翻译成五颜六色的页
面。然而手写 HTML 是繁琐的工作,就出现了开发工具,例如 Dreamweavercs6,webstorm
等。
2、DIV+CSS 技术落后
DIV+CSS 是 web 设计标准,是一种网页的布局方法。与传统中通过表格(table)
布局定位的方式不同,他可以实现网页页面内容与表现相分离。样式表可分为嵌入式样
剩余19页未读,继续阅读
资源评论
智慧安全方案
- 粉丝: 3702
- 资源: 59万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功