基于bootstrap的读书网站的设计与实现.docx
网上书籍网站设计说明书开发人员：XXXvXXX人员分工安排：项目组长(XXX)负责需求的总体把握，和网站的总体策划。界面设计工程师(XXX)承担网站首页界面和各子页界面的设计开发工程师(XXX)承担网站编码工作测试工程师(XXX)承担整体网站测试工作说明文档+项目演示(XXX)网站说明文档的编写+项目演示PPT第1章项目需求和背景3第2章网站规划设计说明3第3章HTML页面结构图4第4章页面DIV结构代码错误!未定义书签。第5章代码及注释9第6章网站测试结果43第7章项目计划及分工44第8章总结45令首页，Ul-Q犍珪吾优秀的小说翻拍为电影展览该网站的主色彩是白色，配以黑斑纹理，文字为白色，白色代表纯洁，象征着圣洁优雅。白色是使用比较广泛的颜色之一。白色搭配着黑斑文理，让人觉得高雅，并能增强其感染力，很有艺术的感觉。4、技术方案表2技术方案表序号网站组成使用技术效果说明11、网站所有文字页面2、静态图片3、表格HTML出版在线的文档，其中包含了标题、文本、表格、等内容。2网站内的动态按钮CSS使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。3动态图JS轮播图4框架Bootstrap响应式框架第3章HTML页面结构图（包括主页、内容页等，不同风格的版面都要给出结构图）首页:三片图片图片图片页脚作者页:文字页脚书迷交流区页:、文字I登录/注册I号肮条导航条导航条购买页:文字文字文字文字图片图片登陆页:文字页面文字登陆账号:密码:登陆取消注册页：注册提交取消第5章代码及注释<?xmlversion="1.©"encoding="UTF-8"2><ProjectDescription><name>BookStrap课程设计ME<name><comment>CreateByHBuilder</comment><projects><projects><buildSpec><buildCommand><name>com.aptana,ide.core.unifiedBuiIder/name><arguments><arguments><buildCommand><buildSpec><natures><nature>com.aptana.projects.webnature<nature><natures><filteredResources><filter>id>1545616023595<id><name><name><type>10<type><matcher>>org.eclipse.ui.ide.orFilterMatcher<id><arguments><matcher><id>org.eclipse.ui.ide.multiFilter<id><arguments>1.0-projectRelativePath-matches-false-false-bin<arguments><matcher><matcher)<id>org.eclipse.ui.ide.multiFilter<id><arguments>1.0-projectRelativePath-matches-false-false-setting<arguments><matcher></arguments></matcher)<filter><filter>id>1545622022559<id<namex/name)<type>26<type><matcher><id>org.eclipse.ui.ide.multiFilter<ld><arguments>1.0-name-matches-false-false-node_modules</arguments><matcher>/filter)<filter><id>1545622023723<id><name><name>type>26<type><matcher)<id>org.eclipse.ui.ide.multiFilter<id><aPguments>1.0-name-matches-false-false-node_modules</arguments></matcher><filter><filter><id>1545702197998<id><name><name><type>26<type><matcher>dJ>org.eclipse.ui.ide.multiFilter<id>< aPguments>1.0-name-matches-false-false-node_modules</arguments><matcher><filter><filter><id>1545725830621<id><name><name>type>26<type><matcher><id>org.eclipse.ui.ide.multiFilter<id>< arguments>1.0-name-matches-false-false-node_modules</arguments><matcher><filter><filter>Jid>1545981388028<id><name><name><type>26<type><matcher>dJ>org.eclipse.ui.ide.multiFilter<id>< arguments>1.0-name-matches-false-false-node_modules</arguments><matcher><filter><filter><id>1546060490034<id><name><name>type>26<type><matcher)<id>org.eclipse.ui.ide.multiFilter<id>< aPguments>1.0-name-matches-false-false-node_modules</arguments></matcher><filter><filter>rid>1558661127888<id><name><name)<type>26<type><matcher><id>org.eclipse.ui.ide.multiFilter<id><arguments>1.0-name-matches-false-false-node_modules</aruments><matcher><filter><filter><id>1558664037985<id><name><name><type>26<type><matcher><id>org.eclipse.ui.ide.multiFilter<id><arguments>1.0-name-matches-false-false-node_modules</arguments)<matcher><filter><filteredResources><projectDescription>2、<!DOCTYPEhtml><html><head><metaCharset=uUtf2S"><title><title><linkhref=',codecssbootstrap.min.css"rel="stylesheet"><scriptsrc=,code/js/jquery.min.js"2<script><scriptsrc=,code/js/bootstrap.min.js"2×script><styletype=,textcss,>bodybackground-image:UrI(img背景5.png);).navbarlfont-size:16px!important;background-color:#2d2d30;letter-spacing:6px;padding-right:20px;opacity:0.9;).bg-greybackground-color:#f6f6f6;).onebackground-color:#f6f6f6;).authorwidth:50%;height:50%;opacity:0.7;border:10PXSC)Iidtransparent;margin-bottom:25px;).author:hoverborder-color:#ddd;).twobackground-color:#f2ecde;text-align:center;padding:80px120px;).threepadding:30px;).fourpadding:60px;background-color:#f2ecde;).panelborder:Ipxsolid#f2ecde;border-radius:0;).panel:hoverbox-shadow:5px0px40pxPgba(0,0,0,2);).panel-footer,btn:hoverborder:Ipxsolid#f2ecde;background-color:!important;color:#f2ecde;).panel-headingcolor:#fff!important;background-color:black!important;padding:25px;border-bottom:Ipxsolidtransparent;).panel-footer,btnmargin:15px0;background-color:black;color:;).containerpadding-top:20px;)<style><head)<body><!轮播><divclass="container"><divid="home,><divclass=,carouselslide"id=,mycarousel"data-ride=,carousel,><olclass="carousel-indicators,><lidata-target="#mycarousel"data-side-to=',0"class=,active,><li><lidata-target="#mycarousel"data-side-to=,l"><li><lidata-target="#mycarousel"data-side-to="2"><li><ol><divclass="carousel-inner"><divclass=,itemactive"><imgsrc="img/$fel.jpg"width=>,100%"height=,600"/<div><divclass=,item,><imgsrc="img/$fe2.jpg,width=>,100%"height=',600,><div><divclass=,item"><imgSrc="img轮播3.jpg”width=>,100%"height=,600"/<div><div><aClass=nCarousel-Controlleft"href="#mycarousel"data-slide="prev,><spanclass="glyphiconglyphicon-chevron-left,><span><a><aClass=nCarousel-Controlright"href="#mycarousel"data-slide=,prev,><spanclass=,glyphiconglyphicon-chevron-right"><span><a><div><div>！一author-><divclass=,text-centertwo''><divclass="row,><h3class="text-center,><strong>Sf<strong><h3><ahref="#demol”data-toggle="CoIIaPse”><imgsrc=',imgauthor.jpg"class=,img-circleauthor"width="200"height=,200"><a><divclass=,collapse"id=,demol,><p>尸本推理小说天王<p>二<p>1958年2月4日出生于日本大阪<p>'p代表作有放学后、秘密、白夜行、嫌疑人X的献身、湖畔等。<p><div><div><div><-achieve-><divclass=11text-centerthree,><divclass=,row"><divclass="col-sm-8,><h3>夜行<h3><P>将无望却"的凄凉爰情和执善而缜密的冷静推理空美结合。2006年，小说被改编成同名里代连续剧一举囊括第48届日剧学院赏四项大奖。<p><h4"品评价<h4>卬白夜行将无望却坚守的凄凉爰情和执著而缜"冷静推理完美结合，被众多“东饭”视作东野圭吾作品中的无冕之北京晚报<p><p>小男孩对于“手牵手在太阳下散步”的念想，是那段素净却因此注定无法实现的爱情。就是因为这段爱情，东野圭吾才保留日本文学一向迷恋的永恒悲伤。一东方早报<p>LPHfi夜彳车的I=W的情感与无奈完全贯穿。一新闻晚报<p><p>«白夜行”人写得像游戏，完全不是小说。一日本W1W<P><div><divclass=,col-sm-4,><imgSrC=',img白夜行.jpg,'width=,300"height=,350"<div><div><br><br/><divclass="row">JdiVclass=,col-sm-4"><imgSPC=',img解忧杂货店.jpg,'width=,300"height=,400"/><div><divclass=,col-sn-7col-sm-offset-l,>h3>解忧杂货店</h3"<p>该书获得第七届中央公论文艺奖，苹果日报翻译小说销售排行榜连续两季第二名，荣登纪伊国屋、诚品、博客来、金石堂各大排行榜第1名，亚马逊中国2015年度的销图书榜第二p><h4>作品评价<h4><divclass="row,><divclass=,col-sm-6,><p>±4<p><ahref="#"ximgSrC=',img支付宝.jpg,width=',100,><a><div><divclass=,col-sm-6,><p>微信<p><ahref=,tt,><imgSrC=',img微信.jpg,width='100"j×a><div><div><div><divclass=,modal2footer"2<buttontype=,button"class="btnbtn-default"data-dismiss="modal”>关闭<button><div><div><div><div><div><div><div><div><div><div><div><divclass=,text-center"><navaria-label=',pagenavigationtext-center,><ulclass="paginationpagination-lg'><liclass=,disabled"><ahref=',index.html"aria-label=,prrvious",><spanaria-hidden="true">«<span><a><li><liclass=,active,><ahref="index.html,>l<a><li><li><ahref="author.html">2<a><li><lixahref=,zuopin.html"23<a2<li><lixahref=,bookworm.html">4<axli><li><ahref="author.html"aria-label="Next',><spanaria-hidden="true"2»；j<£span><a><li><ul><nav><div><div>
