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

PAGE2

《网上书籍》网站设计说明书

开发人员：xxx、xxx

人员分工安排：

项目组长(xxx)

负责需求的总体把握，和网站的总体策划。

界面设计工程师(xxx)

承担网站首页界面和各子页界面的设计

开发工程师（xxx）

承担网站编码工作

测试工程师（xxx）

承担整体网站测试工作

说明文档+项目演示(xxx)

网站说明文档的编写+项目演示PPT

目录

TOC\o1-3\h\z\u第1章项目需求和背景 3

第2章网站规划设计说明 3

第3章HTML页面结构图 8

第4章页面DIV结构代码 10

第5章代码及注释 11

第6章网站测试结果 16

第7章项目计划及分工 17

第8章总结 18

-PAGE5-

项目需求和背景

在移动互联网的普及下，网上书籍可以让众多读者更加方便的寻找到自己所需要的书籍，可以随时查阅、购买，更加便捷和快速，而且网上书籍可以为读者节约大量时间，网上书籍具有良好的发展潜力，可以为书籍和读者带来双赢的局面，制作出合适管理员管理和用户交互感良好的网上书籍系统。

第2章网站规划设计说明

1、网站规划

网站名称：网上书籍

网站主题：通过网站宣传，树立协会形象，提高知名度。

输入法网站语言：简体中文

网站风格：以白色与黑斑纹理为主，给人以一种特别感觉，主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情趣，办出网站的特点。

（1）首页设计

页头：logo与导航条

页面：书籍的展览与销售。

（2）导航设计

网上购书：

首页、作者、成就、书迷交流区、更多

2、形象设计

Logo：

3、网站色彩

(1)网站主色调

该网站的主色彩是白色，配以黑斑纹理，文字为白色，白色代表纯洁，象征着圣洁优雅。白色是使用比较广泛的颜色之一。白色搭配着黑斑文理，让人觉得高雅，并能增强其感染力，很有艺术的感觉。

4、技术方案

表2技术方案表

序号

网站组成

使用技术

效果说明

1

1、网站所有文字页面

2、静态图片

3、表格

HTML

出版在线的文档，其中包含了标题、文本、表格、等内容。

2

网站内的动态按钮

CSS

使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。

3

动态图

JS

轮播图

4

框架

Bootstrap

响应式框架

第3章HTML页面结构图

(包括主页、内容页等，不同风格的版面都要给出结构图)

首页：

作者页：

成就页：

书迷交流区页：、

购买页：

登陆页：

注册页：

第5章代码及注释

?xmlversion=1.0encoding=UTF-8?

projectDescription

??nameBookStrap课程设计ME/name

??commentCreateByHBuilder/comment

??projects

??/projects

??buildSpec

????buildCommand

??????namecom.aptana.ide.core.unifiedBuilder/name

??????arguments

??????/arguments

????/buildCommand

??/buildSpec

??natures

????naturejects.webnature/nature

??/natures

??filteredResources

????filter

??????id1545616023595/id

??????name/name

??????type10/type

??????matcher

????????idorg.eclipse.ui.ide.orFilterMatcher/id

????????arguments

??????????matcher

????????????idorg.eclipse.ui.ide.multiFilter/id

????????????arguments1.0-projectRelativePath-matches-false-false-bin/arguments

??????????/matcher

??????????matcher

????????????idorg.eclipse.ui.ide.multiFilter/