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