基于bootstrap的读书网站的设计与实现.docx

《基于bootstrap的读书网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于bootstrap的读书网站的设计与实现.docx（15页珍藏版）》请在第壹文秘上搜索。

1、网上书籍网站设计说明书开发人员：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犍珪吾优秀的小说翻拍为电影展览该网站的主色彩是白色，配以黑斑纹理，文字为白色，白

2、色代表纯洁，象征着圣洁优雅。白色是使用比较广泛的颜色之一。白色搭配着黑斑文理，让人觉得高雅，并能增强其感染力，很有艺术的感觉。4、技术方案表2技术方案表序号网站组成使用技术效果说明11、网站所有文字页面2、静态图片3、表格HTML出版在线的文档，其中包含了标题、文本、表格、等内容。2网站内的动态按钮CSS使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。3动态图JS轮播图4框架Bootstrap响应式框架第3章HTML页面结构图（包括主页、内容页等，不同风格的版面都要给出结构图）首页:三片图片图片图片页脚作者页:文字页脚书迷交流区页:、文字

3、I登录/注册I号肮条导航条导航条购买页:文字文字文字文字图片图片登陆页:文字页面文字登陆账号:密码:登陆取消注册页：注册提交取消第5章代码及注释BookStrap课程设计MECreateByHBuildercom.aptana,ide.core.unifiedBuiIder/namecom.aptana.projects.webnatureid154561602359510org.eclipse.ui.ide.orFilterMatcherorg.eclipse.ui.ide.multiFilter1.0-projectRelativePath-matches-false-false-binm

4、atcher)org.eclipse.ui.ide.multiFilter1.0-projectRelativePath-matches-false-false-setting/matcher)id1545622022559idnamex/name)26org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modules/filter)1545622023723type26matcher)org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_mod

5、ules154570219799826dJorg.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modules1545725830621type26org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modulesJid154598138802826dJorg.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modules1546060490034type26matcher)

6、org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modulesrid1558661127888name)26org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modules155866403798526org.eclipse.ui.ide.multiFilter1.0-name-matches-false-false-node_modules/arguments)2、scriptsrc=,code/js/jquery.min.js2bod

7、ybackground-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;).au

8、thor: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;)head)