没有合适的资源?快使用搜索试试~ 我知道了~
寻它湖南旅游攻略网站设计与实现-计算机网络技术.doc
0 下载量 70 浏览量
2023-07-06
01:06:59
上传
评论
收藏 5.89MB DOC 举报
温馨提示
试读
23页
寻它湖南旅游攻略网站设计与实现-计算机网络技术.doc
资源推荐
资源详情
资源评论
目 录
一、设计背景......................................................................................................2
1.1 选题背景 ....................................................................................................................2
1.2 选题意义 .....................................................................................................................3
二、设计思路......................................................................................................4
2.1 开发环境与工具 .........................................................................................................4
2.1.1 HBuilder .........................................................................................................4
2.1.2 Photoshop .......................................................................................................5
2.2 技术架构 ....................................................................................................................5
三、需求分析......................................................................................................6
3.1 设计目标 ....................................................................................................................6
3.2 功能需求 ....................................................................................................................7
3.3 性能要求 .....................................................................................................................8
四、作品设计......................................................................................................9
4.1 总体设计 ....................................................................................................................9
4.2 详细设计 ..................................................................................................................10
五、功能实现....................................................................................................17
5.1 模块 1 轮播图实现 ..................................................................................................17
5.2 链接效果实现 ..........................................................................................................18
5.3 模块 1 导航栏实现 ..................................................................................................19
5.4 模块 1 底部实现 ......................................................................................................20
六、作品测试....................................................................................................20
6.1 测试概述 ..................................................................................................................21
6.2 测试过程 ..................................................................................................................21
6.3 测试结果 ...................................................................................................................22
七、 设计总结..................................................................................................22
一、设计背景
1.1 选题背景
今天,世界已经进入信息化时代,互联网已经成为 21 世纪的最关注的
话题之一,人类的生活带来革命性的改变。网络技术的发展也取得了很大
的成绩,为网络发展提供了良好的技术支持。网站已经成为一个大型企业
的网络营销平台不可或缺的阶段,互联网应用规模不断扩大。其中,特别
是中小企业,网络平台搭建相当迫切。
本文实现了首页、游记、旅游景点展示、特产名吃、在线留言,flash
动画展示等栏目。
1.2 选题意义
当今社会网络与交通的发展迅速,使人们出行更加便利,人们的旅游
方式也变得不再单一,可以不需要旅行团的带领,绝大部分的人们更加喜
爱没有束缚的自由行与自驾游,改变了传统的方式,使客户的选择范围大
大的拓宽了,可以随心所欲的选择自己想去的地方以及想吃的食物。本网
页主要使用 HTML、CSS、JavaScript 进行制作,希望可以让人们更加了解
湖南的当地特色与文化,不再漫无目的的乱走,避免踩雷或亏损。
本设计是一个关于旅游攻略网站的设计,改变传统的旅游方式,拓宽
客户的选择,同时也拓宽了旅游业的市场,使客户更准确的找到自己想要
的东西或地方。
分享平台的开发具有以下意义:
1、查询快捷
人们通过分享平台可以更快捷迅速的了解当地相关信息。
2、不受地点限制
通过分享平台可以随时随地的了解到用户想要了解的信息,实现足不
出户看世界,让距离远的人也能实现互动,加强感情交流。
3、资料丰富
可以及时分享用户的各种各样的信息,丰富信息量,起休闲娱乐的作
用。
二、设计思路
2.1 开发环境与工具
本网页系统是基于 web 制作,使用 HTML+CSS+JavaScript 技术实现的
一个简单的旅游攻略网站,以下是对 HBuilder、Photoshop 的简单介绍。
2.1.1 HBuilder
HBuilder 是创建和管理网页专门的可视化编辑器。使用 HBuilder 可以
轻松创建跨平台,跨浏览器的网页。
HBuilder 中的用户可以做到:使用动态 HTML 功能(如具有动态效果和
行为层),而无需编写一行代码。它甚至可以检查可能发生在所有流行的平
台和浏览器的用户错误的工作成果。
HBuilder 是一个完全可定制的应用程序。用户可以创建他们自己的对
象和命令,修改菜单和键盘快捷键,甚至编写 JavaScript 代码来扩展
HBuilder 的行为和属性检查器。
与 HBuilder 工作空间是非常灵活的,因此它可以适应不同的工作方式
和利用的水平。常用的 HBuilder 工作区组件有以下几种:
� 文档窗口中显示当前文档的外观和浏览器,看到的非常类似的文
件。
� 装载机包含了一些常用的打开和关闭按钮检查和模板。
� 对象工具栏包含创建不同类型的对象(如图像,表格和层等)按
钮。
� 属性检查器显示所选对象的属性。
� 快捷菜单允许用户快速执行当前选择或地区的一些命令。
� 可以解决的浮动工具栏浮动窗口允许用户查看和工具栏合并在
一个或多个选择窗口。
2.1.2 Photoshop
Photoshop 是最流行的图形,图像编辑设计软件,它已被广泛应用在数
字图像处理,图像编辑合成,广告设计,封面设计,绘画艺术,网页设计
等领域。
� 文字处理更容易
� 附加层设置为使更多的有序层的管理。
� 新的图像功能:图像切割和剪裁更加方便。
� 所有的工具选项板,提高了工具选项栏放置在工作区域的顶部,
易于设置的第一个项目的参数。
� 为了更方便使用绘画的道路,改进提高的几何形状的工具,通过
选择不同的操作模式的工具,你可以创建一个路径,几何形状或几何灌装
区,从而使矢量绘图功能也得到了加强。
2.2 技术架构
本网页主要布局方式是 div+css, DIV + CSS 的网页设计越来越重视的
行业,从个人网站到企业和门户网站页面设计人员 DIV + CSS 的行业标准。
如果您使用 DIV + CSS 构建和美化的网站,那么 DIV 是整个网站的骨架,
CSS 样式是衣服的网站。其内容是血肉。要开始设计一个网站。因此,我们
必须从 DIV 布局的开始。
DIV 元素被用作 HTML 文档内的内容元素的块(块级)提供结构和背景。
所有内容开始标签和结束 DIV 标签被使用的块,其包含特性元件由 DIV 标
签的属性来控制,或通过使用样式表来控制格式化块之间形成。
主要个人网,企业网,门户网站基本上都是尊重 DIV + CSS 布局。例如:
腾讯,IBM 的官方网站,等等。其中以 IBM 公司的官方网站上,顶部导航,
下面的 FLASH,符合 UL 底部连接包括公司的各项业务。从整体布局,采用
了单柱,页面看起来简洁大方,主要页面的布局,现在也由复杂到简单,
优雅的华丽转型,后者更受尊重的个体。因此,对于旅游景点网站也从 DIV
+ CSS 开始。
三、需求分析
剩余22页未读,继续阅读
资源评论
智慧安全方案
- 粉丝: 3672
- 资源: 59万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功