基于bootstrap的读书网站的设计与实现.docx
-
资源ID：1331388
资源大小：62.24KB
全文页数：15页
- 资源格式： DOCX
下载积分：5金币
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
基于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,>
