网站开发设计策划（dairuyu）

一、 前期调研分析
此处省略
二、 网站功能定位
1.网页信息展示功能：
该功能是此网页的一个基础，作为一个旅游信息网站，最基本的就是将一些旅游信息清晰美观的展示给浏览网站的人，我们可以通过文字和图片的方式来完成整个功能的设计。
2.内容管理功能：
至少要有三部分内容:攻略、新闻、景点，内容不同于产品，这里的内容主要是指围绕着产品来建设的内容，最好是支持内容的自定义分类。
3.内容搜索功能：
通过搜索引擎进行站内搜索，包括文字和图片。
三、 网站技术解决方案

1. photoshop工具设计网页logo
2. C# APS.NET
   四、网站内容规划
   4.1主题（成都旅游文化）
   在前期调研分析的基础上，我发现近年来成都旅游业发展非常迅速，由于本人个人兴趣爱好就是旅游，所以浏览过很多旅游网站，了解一个旅游网站最基本的设计情况，所以选择了成都旅游文化作为主题来进行网页开发设计。
   4.2名称
   我设计的网站名称为“去成都”。
   4.3内容
   我将在整个网站设计五个网页，其中包括一个主页面和四个分页面。主页面包括以下几个方面的内容：
    左上角为网站logo，网站中文名以及网站英文名
    右上角为站内搜索功能框
    主页工具栏，包括：首页，景点介绍，目的地攻略，民风民俗，酒店住宿
    广告宣传语栏，以成都景点图片作为背景，宣传语为：成都，一座你来了就不想离开的城市！
    热门景点资讯栏，包括各热门景点的图片展示以及景点新闻介绍
    旅游团介绍栏，包括各个旅游团的图片和旅游团名称
    景点门票信息栏，文字形式展示
    热门景点视频栏
   分页面1为各个景点的介绍，分页面2为景点目的地攻略，分页面3为酒店住宿介绍，分页面4为民风民俗介绍。
   
   图1. 内容结构图
   4.4企业形象
   CI，指通过强化视觉效果的手段来加深用户对企业形象的印象，包括网站的标志和网站的标准色彩，字体，以及宣传标语。
   4.41Logo
   
   我的设计理念来源于成都的两大特色：大熊猫和火锅。
   首先确定Logo的主题颜色为绿色，黑色和红色，其中绿色代表成都山清水秀，四季常青的气候特点，黑色和白色相间作为大熊猫经典颜色，红色代表成都人喜食辣椒。
   我们可以从logo最左边看到一个绿色的小人做着奔跑的姿势，也是“去”字的图标；在“去”字的上方我用熊猫的姿势模拟“成”字，竹叶模拟“成”字的一点；“都”字的右下方有一个“火锅”作为组成“都”字的一部分
   整个logo正好对应网站的名字“去成都”。
   4.42广告语
   成都，一座你来了就不想离开的城市！
   4.5字体
    标题：华文琥珀（中文）Berlin Sans FB Demi（英文）
    网页内容：宋体
    广告语：华文行楷
   4.6链接结构
   
   图2. 链接结构图
   首页链接：首页，景点介绍（分页面1），目的地攻略（分页面2），民风民俗（分页面3），酒店住宿（分页面4）。
   分页面1链接：内部链接，分别链接各个景点的图片和对应文章。
   分页面2链接：内部链接，分别链接搜索索引以及各个景点图片以及攻略文章。
   分页面3链接：内部链接，分别链接各个景点的酒店以及酒店预订和酒店图片。
   分页面4链接：内部链接，链接相关文章。
   4.7网页颜色
    整体背景颜色：白色
    主页标题栏：绿色
    主页工具栏小标题：白色
    网页内容分栏标题:灰色
    分割线：灰色
    网页文字内容：灰色
    图片名：黑色
    网页名：黑色
    搜索栏：绿色
   4.8网页布局
   4.81整体布局流程图

图3. 整体布局流程图
4.82主页布局
主页整体均分为五个部分，第一部分:左上角为网站名和网站logo，对齐右上角为站内搜索框;第二部分为主页工具栏；第三部分为网页广告宣传栏；第四部分为热门景点资讯，这部分将分为两个小部分，分别为图片展示区以及文字展示区；第五部分被均分为三个部分，最左边为旅游团图片展示区，中间部分为景点门票信息文字展示区，最右边为热点视频展示区。

图4. 主页布局图

图5. 主页布局效果图
4.83分页面布局
分页面1：景点介绍
主页整体均分为四个部分，第一部分:左上角为网站名和网站logo，对齐右上角为站内搜索框;第二部分为主页工具栏；第三部分为景点介绍栏，第四部分为景点介绍文章，包括文字部分和图片部分

图6. 分页面1布局图

图7. 分页面1效果图
分页面2：目的地攻略
主页整体均分为五个部分，第一部分:左上角为网站名和网站logo，对齐右上角为站内搜索框;第二部分为主页工具栏；第三部分为目的地攻略工具栏，第四部分为景点介绍文章，包括文字部分和图片部分；第五部分为搜索栏。

图8. 分页面2布局图

图9. 分页面2效果图
分页面3：酒店住宿
主页整体均分为五个部分，第一部分:左上角为网站名和网站logo，对齐右上角为站内搜索框;第二部分为主页工具栏；第三部分为目的酒店住宿工具栏，第四部分为酒店预订工具栏，第五部分为各景点搜索快捷键；第六部分为酒店图片显示区。

图10. 分页面3结构图

图11. 分页面3效果图
分页面4：民风民俗
主页整体均分为五个部分，第一部分:左上角为网站名和网站logo，对齐右上角为站内搜索框;第二部分为主页工具栏；第三部分为目的民风民俗工具栏，第四部分为宣传栏，第五部分为相关嗯战国显示区。

图12. 分页面4结构图

图13. 分页面4效果图