梦想之程旅游网站设计
梦想之程旅游网站的设计是运用PS,Dreamwearver等软件进行的设计，利用软件之间的协调，从而使网站富有美感。随着时代的发展，科技的进步，网上已经出现大量的旅游网站，让人目不暇接。旅游网站的建设是一种空间展示，网上不乏许多旅游网站，但他做的相对较杂，不能针对旅游这一块有很好的介绍。此旅游网站的设计从旅游、美食，摄影的角度出发通过网站的形式可以让喜欢旅游的爱好者通过这一网站更加深入了解苏州这个神圣的地方。
目 录
一、引言 1
二．开发工具 1
（一）Photoshop 1
（二）Dreamweaver 1
（三）网页技术介绍 1
1. HTML的作用 1
2. CSS网站操作的作用 1
3. JS的作用 1
三、网站架构和栏目设计 2
（一）网站整体框架 2
（二）设计灵感 2
（三）网站栏目设计 2
1.首页 2
2.苏州介绍 2
3.历史沿革 2
4.风景名胜 2
5.苏式小吃 2
6. 留言板 2
四、 网站主题设计设计 3
（一）实现流程 3
（二）LOGO的设计 3
（三） 界面设计 3
1. 界面布局框架图 3
2. 首页div层和层样式 5
3. 子页div层和层样式样式 8
（四） 网站基本功能 10
1. 首页 10
2. 二级页面苏州介绍的页面制作 11
3. 二级页面历史沿革的页面制作 12
4. 二级页面风景名胜页面制作 13
5. 二级页面苏式小吃页面制作 14
6. 二级页面留言板页面制作 15
7. 三级页面旅游概况页面制作 16
8. 三级页面苏州名称由来页面制作 17
9. 三级页面虎丘山风景名胜区页面制作 18
五、页面的网页特效的实现 19
如何利用JS实现图片动态效果： 19
六、网站
*好棒文|www.hbsrm.com +Q: &351916072&
的整体测试 20
七、总结 21
附录 21
一、引言
（一）开发背景：目前旅游项目已经成为目前一大主流，是大家假期的不二选择，随着日益精进的生活水平的提高，目前越来越多的人不愿假期宅在家中，哪怕人山人海也要出去看看。目前无论是家中的老年人还是家中的孩子都想出去走走，不仅仅可以增进情感，而且可以缓解该工作中，学习中遇到的压力，目前旅游也是新兴的国家又一支柱。既可以促进经济发展，又可以增进文化水平
网站简介：“上有天堂，下有苏杭”这是一直从古至今以来以来群众对于苏州这座古镇的高度评价，我深深在苏州体会着这一社会的的民族风情，也在无时无刻的感受苏州美景美食带给我无法描述的愉悦，我想通过这个网站让大家对于苏州这个美丽的古镇多一些了解，苏州不想一线城市那样繁华，但是这个小镇有着让人流连忘返的魔力。同时也想把自己这几年在苏州感受到的都可以通过网站传达给大家，让这座美丽的城市已美丽的图文呈现在大家的视线中。
二．开发工具
（一）Photoshop
ps是一个有关图片处理功能的软件，它可以使图片更加的唯美，光线更加柔和，让你的照片看起来更加美丽动人，尤其对于苏州美景这一主题，更可以美轮美奂。
（二）Dreamweaver
简称“DW”静态的网站的制作，是集网页的制作和管理网站于一身的较流行的网页编辑器，DW是网络上第一个针对专业网页的设计师有着特别发展的视角化网页的开发工具，利用它可以较为简单话地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。且JS可以支持最新的HTML和CSS布局技术让旅游网站的设计看起来更加唯美。
（三）网页技术介绍
1. HTML的作用
HTML是一项目前社会上比较流行受欢迎的网页精品制作语言的工具，目前市面上流通的所谓五花八门的网站设计大多数都是运用这一技术制作的，而且HTML可以通过超文本链接技术有效的在网站制作中插入些美丽的图片，惟妙惟肖的录像，让人身心愉悦的音乐 。
2. CSS网站操作的作用
CSS全称为Cascading Style Sheet的英文简写状态，利用CSS可以有效地对于静态网站布局的风格，字体，及颜色的设计，网站的背景颜色进行合理的设计，使设计出来的网站更加的赏心悦目。
3. JS的作用
利用JS简单化的代码设计可以使原本平凡的静态网络增添部分动态效果，从而使设计出来的网站具有动态的美感，不那么死板。
三、网站架构和栏目设计
（一）网站整体框架
（二）设计灵感
苏州美丽的景色，令人垂涎的苏州传统当地美食，古老的城镇，网上让人留恋往返的网站特技效果，让我萌生了这个网站建设的灵感，将古老的城镇利用可以找到的素材栩栩如生的将网站效果呈现在大家面前。
（三）网站栏目设计
1.首页
世人都说上有天堂，下有苏杭。足以说明苏州是个很美丽的地方。我也很喜欢苏州，所以以苏州为主题，写了此网页。首页主要大概的介绍了苏州，和简单的展示了一些苏州的旅游风景图片和新闻，让不了解苏州的人有个大概的了解。
2.苏州介绍
这个栏目从苏州的简介、旅游概况、文化简介、社会相关、经济综述、交通情况等方面比较全面的介绍了苏州这座城市。
3.历史沿革
这个栏目从苏州的历史沿革、名称由来、工业史、古代发展史等方便介绍了苏州之前的发展，让游客更好的了解了苏州的过往。
4.风景名胜
这个栏目主要挑了苏州的一些名胜古迹来做一些详细的介绍，让游客了解苏州这座城的美景名称和位置。
5.苏式小吃
苏州不仅美景多，小吃也多，而且也很好吃，这个栏目主要推荐了苏州的一些特色小吃，同时也详细的介绍了小吃，让不了解的人有了个全面的了解。
6. 留言板
写了个静态的留言板页面，游客可以在留言板里输入反馈的意见。不过暂时没实现留言板的功能。
网站主题设计设计
（一）实现流程
利用”DW”软件新建html网页，然后以div+css技术慕课网中的学到的知识巧妙地将素材与文字融合，引用设计的静态网站首页将剩下的子页部分重复在原有的基础部分中增加历史的沿革，苏州本地的一些风景的描画，苏州本土小吃的照片，及对于目前的网站设计浏览者是否有其他建设性的意见可以在留言板中描绘出来。
目 录
一、引言 1
二．开发工具 1
（一）Photoshop 1
（二）Dreamweaver 1
（三）网页技术介绍 1
1. HTML的作用 1
2. CSS网站操作的作用 1
3. JS的作用 1
三、网站架构和栏目设计 2
（一）网站整体框架 2
（二）设计灵感 2
（三）网站栏目设计 2
1.首页 2
2.苏州介绍 2
3.历史沿革 2
4.风景名胜 2
5.苏式小吃 2
6. 留言板 2
四、 网站主题设计设计 3
（一）实现流程 3
（二）LOGO的设计 3
（三） 界面设计 3
1. 界面布局框架图 3
2. 首页div层和层样式 5
3. 子页div层和层样式样式 8
（四） 网站基本功能 10
1. 首页 10
2. 二级页面苏州介绍的页面制作 11
3. 二级页面历史沿革的页面制作 12
4. 二级页面风景名胜页面制作 13
5. 二级页面苏式小吃页面制作 14
6. 二级页面留言板页面制作 15
7. 三级页面旅游概况页面制作 16
8. 三级页面苏州名称由来页面制作 17
9. 三级页面虎丘山风景名胜区页面制作 18
五、页面的网页特效的实现 19
如何利用JS实现图片动态效果： 19
六、网站
*好棒文|www.hbsrm.com +Q: &351916072&
的整体测试 20
七、总结 21
附录 21
一、引言
（一）开发背景：目前旅游项目已经成为目前一大主流，是大家假期的不二选择，随着日益精进的生活水平的提高，目前越来越多的人不愿假期宅在家中，哪怕人山人海也要出去看看。目前无论是家中的老年人还是家中的孩子都想出去走走，不仅仅可以增进情感，而且可以缓解该工作中，学习中遇到的压力，目前旅游也是新兴的国家又一支柱。既可以促进经济发展，又可以增进文化水平
网站简介：“上有天堂，下有苏杭”这是一直从古至今以来以来群众对于苏州这座古镇的高度评价，我深深在苏州体会着这一社会的的民族风情，也在无时无刻的感受苏州美景美食带给我无法描述的愉悦，我想通过这个网站让大家对于苏州这个美丽的古镇多一些了解，苏州不想一线城市那样繁华，但是这个小镇有着让人流连忘返的魔力。同时也想把自己这几年在苏州感受到的都可以通过网站传达给大家，让这座美丽的城市已美丽的图文呈现在大家的视线中。
二．开发工具
（一）Photoshop
ps是一个有关图片处理功能的软件，它可以使图片更加的唯美，光线更加柔和，让你的照片看起来更加美丽动人，尤其对于苏州美景这一主题，更可以美轮美奂。
（二）Dreamweaver
简称“DW”静态的网站的制作，是集网页的制作和管理网站于一身的较流行的网页编辑器，DW是网络上第一个针对专业网页的设计师有着特别发展的视角化网页的开发工具，利用它可以较为简单话地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。且JS可以支持最新的HTML和CSS布局技术让旅游网站的设计看起来更加唯美。
（三）网页技术介绍
1. HTML的作用
HTML是一项目前社会上比较流行受欢迎的网页精品制作语言的工具，目前市面上流通的所谓五花八门的网站设计大多数都是运用这一技术制作的，而且HTML可以通过超文本链接技术有效的在网站制作中插入些美丽的图片，惟妙惟肖的录像，让人身心愉悦的音乐 。
2. CSS网站操作的作用
CSS全称为Cascading Style Sheet的英文简写状态，利用CSS可以有效地对于静态网站布局的风格，字体，及颜色的设计，网站的背景颜色进行合理的设计，使设计出来的网站更加的赏心悦目。
3. JS的作用
利用JS简单化的代码设计可以使原本平凡的静态网络增添部分动态效果，从而使设计出来的网站具有动态的美感，不那么死板。
三、网站架构和栏目设计
（一）网站整体框架
（二）设计灵感
苏州美丽的景色，令人垂涎的苏州传统当地美食，古老的城镇，网上让人留恋往返的网站特技效果，让我萌生了这个网站建设的灵感，将古老的城镇利用可以找到的素材栩栩如生的将网站效果呈现在大家面前。
（三）网站栏目设计
1.首页
世人都说上有天堂，下有苏杭。足以说明苏州是个很美丽的地方。我也很喜欢苏州，所以以苏州为主题，写了此网页。首页主要大概的介绍了苏州，和简单的展示了一些苏州的旅游风景图片和新闻，让不了解苏州的人有个大概的了解。
2.苏州介绍
这个栏目从苏州的简介、旅游概况、文化简介、社会相关、经济综述、交通情况等方面比较全面的介绍了苏州这座城市。
3.历史沿革
这个栏目从苏州的历史沿革、名称由来、工业史、古代发展史等方便介绍了苏州之前的发展，让游客更好的了解了苏州的过往。
4.风景名胜
这个栏目主要挑了苏州的一些名胜古迹来做一些详细的介绍，让游客了解苏州这座城的美景名称和位置。
5.苏式小吃
苏州不仅美景多，小吃也多，而且也很好吃，这个栏目主要推荐了苏州的一些特色小吃，同时也详细的介绍了小吃，让不了解的人有了个全面的了解。
6. 留言板
写了个静态的留言板页面，游客可以在留言板里输入反馈的意见。不过暂时没实现留言板的功能。
网站主题设计设计
（一）实现流程
利用”DW”软件新建html网页，然后以div+css技术慕课网中的学到的知识巧妙地将素材与文字融合，引用设计的静态网站首页将剩下的子页部分重复在原有的基础部分中增加历史的沿革，苏州本地的一些风景的描画，苏州本土小吃的照片，及对于目前的网站设计浏览者是否有其他建设性的意见可以在留言板中描绘出来。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/664.html
