基于boostrap框架下的旅游网站设计与实现.docx
珍岛旅游网站设计说明书开发人员：XXXvXXX人员分工安排：项目组长（XXX）负责需求的总体把握，和网站的总体策划。界面设计工程师（XXX）承担网站首页界面和各子页界面的设计开发工程师（XXX、XXX）承担网站编码工作测试工程师（XXX、XXX）承担整体网站测试工作说明文档+项目演示（XXX、XXX）网站说明文档的编写+项目演示PPT第1章项目需求和背景3第2章网站规划设计说明3第3章页面DIV结构代码4第4章代码及注释11第5章网站测试结果13第6章项目计划及分工15第7章总结16第1章项目需求和背景旅游新模式的出现。面对市场需求不新地提升，旅游公司也是不断增加，为了更好地吸引消费者，想尽办法吸引客户，满足不同客户的旅游要求，根据市场需求制定不同套餐，比如几天游、各类主题游、吃住模式等。新的营销方式不断涌现。现在是互联网社会，信息传播的很快，更新的更快,对于旅游公司来说，要抓住这些新的营销渠道，来宣传企业，挖掘更多的客户，必须搜索引擎竞价推广、自媒体推广、博客推广、百度推广等。第2章网站规划设计说明1、网站规划网站名称：珍岛旅游网站网站主题：通过网站宣传，各个地区的景色。输入法网站语言：简体中文网站风格：以炫彩色调为主，给人以一种舒适的感觉，主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情趣，办出网站的特点。(1)首页设计页头：准确无误的标识旅游网站。页面：各地方的风景展览。(2)导航设计旅游网站：首页、景区概况、文苑之旅、旅游攻略、舒雅住宅、新闻动态、留言中心、联系我们2、形象设计Logo：3、网站色彩(D网站主色调IH区概况文苑之IK舒Il住宅新圜动态HJ三中心联系现们该网站的主色彩是白色和绿色非常具有亲和力的颜色，它代表的是自然、自由与活力，是使用比较广泛的颜色之一.4、技术方案表2技术方案表序号网站组成使用技术效果说明11、网站所有文字页面2、静态图片3、表格HTML出版在线的文档，其中包含了标题、文本、表格、等内容。2网站内的动态按钮CSS使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。3动态图JS轮播图4框架Bootstrap响应式框架第3章页面DIV结构代码（包括主页和各内容页）主页<headerclass="headerhome_p"><divclass=,container"><divclass=2logo,><ahref="index.html112<imgsrc="images/logo.png"alt=""><a><div><ahref="#mmenu"class="phone-na2><iclass="fafa-list,><i><a><divclass="logo-right2><navclass=,nav2><ul><li><ahref="index.htmItCIaSs="active1首页<a>Ii之<li><ahref=,sceniJoVerView.html,>景区概况<a><li><li><ahref="court_traVeLhtnI1”>文苑之旅<a><ul><li><ahref=,courJtraveLhtml,>茶艺中心<a><li><li><ahref="court_travelJtm>7j<axli><li><ahref="court_traveLhtml”>创意中心<a><li><li><ahref=11court_travel.html,>花草园艺<a><li><ul><li><li><ahref="ComfortabI舒雅住宅</a>Qj2_<li><ahref="news.html”>新闻动态<a><ul><li><ahref=',news.html,>公司新闻<a><li><li><ahref=2nws/Ttmr,>行业断闻<a>"A><ul><li><li><ahref="feedback.html">W>lL'<a><li><li><ahref="contact.html”>联系我们<a><Ii><ul><nav><divclass="search">spanclass="sea_x'><inputtype=""name=id=""placeholder=',ijyAil,><iclass=,fafa-search"><i><span><spanclass="y-z,><ahref=""class="zhactive”>中<a><ahref="”ClaSS=Hn»En<a><span>j<div>工div><div><header><!-bannerstart><sectionClaSS="banner"）<div><ahref=,index.html,><imgsrc="images/bannerl.jpgnalt=11"><a><div><div><ahref=,idex.html,><imgSrC=HirnageSbanner2JDng”alt=",><a><div><div><ahref="index.html"><imgsrc="images/banner3.png"alt=',xaxdiv><section><!-bannerend->diyclass=',jqgk,><di£class=,contai”><divclass="top_tit"><spanclass="spanl"><ahref="sceniJoVerVieW.html”>景K概况<a><SPan><br><spanclass="span2">SCENICOVERVIEW<span><div><pCiaSS=HWoWbounceln,>一上海珍寓商业管理有限公司位于国家级经济技术开发区，是首批专注于精品民宿的新型创业连锁平台。<br/>公司成立王2016年2月，注册资金1000万元。珍岛使命在于构筑“万众创新、大众创业”的新型平台，建立一个为历史和未来仇责的、“留得住浓浓的乡愁”的城镇化村落服务体系,<br/>为中国城镇化进程中的美丽乡村建设贡献一份力量。<p><divclass="×ia-×,><spanclass="img,><spa><div><div><div><divClaSS="wyzl”><divclass=,top-tit,><spanclass="spanl"><ahref="court_travel.html"><a><span><br><spanclass="span2,>C0URTTRAVEL<span><div><ulCiaSs="Clearfix”><liclass="wowbounce工n”><ahref="court_travel.html"><imgsrc=nimages/home_l.png"alt="*,class="vcenter,><i><i><a><ahref=,courjtraVeLhtmI,>万竹林海（一）<a><li><liclass="wowbounce工n”><ahref="court_travel.html"><imgsrc="images/home_2.png"alt=""class=',vcenter"><i><i><a>< ahref=,'cOUrt_travel.html,>万竹林海（二）<a><li><liclass="wowbounceln11>< ahref="court_travel.html"><imgsrc="images/home_3.png"alt=""ClaSS="vcener"xixixa>< ahref="court-travelhtml”>万竹林海（三）<a><li><ul><div><!-wyzlend-><divCIaSS="syzz”><divclass="top_tit"><spanclass="spanl"><ahref="sceniJoVerView.html”>舒雅住宅<a><SPan><br><spanclass=',span2">C0MF0RTABLERESIDENTIAL<span<div><divclass="syzz_conclearfix<divclass="left',><div><ahref="comfortable.html"><imgsrc="images/syzz_l.png"alt=""/class="vcenter"><i><i><a><div><div><ahref=2comfortable.html-><imgsrc="images/syzz_l.png"alt=""/class=,vcenter,><i><i><a><div><div><ahref=,'comfortable.html"><imgSrC=HimageSsyzzJLrpngnalt=""/class=,vcenter,>3ixixaxdiv><div><divclass="right',><imgSrC="images/fang.png"alt=""><divclass="fang_t2>_<span>客I<span><span>房卜span><span>b<span><span>绍<span><div><divclass=_fang_c“>桃花林知哈客太南100苞房型分为标Ia代两个美型，以满足善人的不同需求<div><divclass=,'pr-neCleaHzix”><spanclass="pr,>上一个<span>spanClass=,neTr个<span><div><div><div><divclass="xia-x11>CSPanclass="img"><SPan><div><div><!-syzzend-><divclass="home_news"><divclass=,news-con"><divclass=,top-tit,><spanclass="spanl"><ahref="news.html”>新闻动态<a><span><br><spanclass=',span211>NEWS<span><div><ul><liClass=nClearfixwowbounceln"j><divclass="news_left"><ahref="news.html”>暑假去哪玩?桃花苑天地避暑甚好！<a><P>暑期近在眼前，还在犹豫带孩子去哪儿玩吗？炎热的夏天，一颗躁动的心，背上收
