易物小屋网的设计与实现毕业设计说明书
目录
一、绪论 1
（一）课题背景 1
（二）课题意义 1
（三）需求分析 1
（四）课题技术 1
1、DIV+CSS 1
2、HTML 2
3、JS特效 2
（五）技术支持 2
1、photoshop 2
2、Dreamweaver 2
3、Firefox 2
二、网站规划 3
（一）网站主题 3
1、主题确立 3
2、主题含义 3
（二）内容简介 3
1、易物小屋网站简介 3
2、首页内容 3
3、子页内容 3
(三）页面规划 4
1、逻辑结构 4
2、DIV框架图 4
（四）网站内容 5
1、网站基调 5
2、Logo设计 6
3、导航设计 6
4、首页设计 6
5、子页设计 7
6、特效设计 10
三、网站测试 10
四、总结 11
五、致谢 12
参考文献 13
附录 13
1、首页代码 13
2、子页代码 17
Abstract
With the development of the times，Peoples living standard?from?adequate food *好棒文|www.hbsrm.com +Q: ^351916072*
and clothing?to?well- off family?now the pursuit ofbetter?material and spiritual life?level，In a word，Peoples living standard?is getting better andbetter,?buy?things more and more.
The creation of this website?is?to provide?one?of the things they do not need?to?exchang ，As the?customers?demand,?also?in line with the green environmental protection,?resources?two times using，The construction site?without?cabin?using DIV+CSS?layout，The?warm tone，To create a warm feeling.Properties of the customer?can be uploaded?on the website of the?unwanted?items,?for theexchange of goods?and?people,?to modify their own?goods.
Keyword:Online?exchange、website 、DIV+CSS
一、绪论
（一）课题背景
易物小屋网站的制作是为实现物物交换的思想，资源再次利用，绿色环保的理念。人类生活水平的提高，身边不需要的物品也越来越多。随着网络技术的发展，人们更倾向于网上购物，也是借着网站购物的思想，设计了易物小屋这个网站，本网站使用DIV+CSS布局方式构建的网站，DIV+CSS布局方法制作的网站结构清晰，维护起来也十分便捷。其中，JSP技术的支持，既提高了工作效率，工作量也减少了很多，更完善了整个网站。
（二）课题意义
易物小屋网站整体的排版比较简单，浏览起来方便，操作类似于淘宝，大家经常使用淘宝，所以使用起来也比较便利。我们尽量把交换物品的规则写的很详细，让大家更容易理解并且使用这个网站。
（三）需求分析
经过调查研究，每天浏览类似于淘宝网站的人数每天人均达到了上千万，易物小屋网站类似于淘宝网，并且在这个网站中，客户既可以把自己不需要的东西换成有需要的，也宣传了资源再次利用的思想。这种既交换到自己需要的东西又很有意义的网站更加让人接受并且热爱的。
（四）课题技术
1、DIV+CSS
DIV CSS是一种网页布局方法，网页页面内容和表现相分离就是由它实现的，DIV是HTML语言中其中一个标记，它的表现形式是CSS。W3C推出的格式化网页内容为CSS，CSS是层叠样式表（Cascading Style Sheets）的缩写，样式表分为三种，嵌入式、内联、外部样式，三种样式表可在同一文档内使用。DIV +CSS可以统一设计管理整个网页，一个样式表就可以统一全站风格的设计，修改一个样式表也可以改变整个网站的风格。DIV+CSS页面代码比较精简，访问速度快，结构也很清晰搜索引擎容易搜索到。易物小屋网站就是先通过DIV先布局，然后用CSS控制内容的呈现效果。例如，有两块内容需要分成左右两边展示，先用DIV设置左右两个框，CSS控制这两个框的宽、高、颜色、之间距离以及框里的内容的一些属性从而达到你想要的效果。
2、HTML
HTML全称：Hypertext Marked Language，是一种简单的标记语言，可用来制作超文本。超文本是一种含有指向其它文档链接的文本，也就是链接。HTML文档是用HTML编写的超文本文档而且可以独立于很多操作平台。HTML分为头部（Head）、主体（Body）两个部分，头部的内容是所需浏览的信息，主体主要包括所要说明的具体内容。文字、图形、声音、表格、链接等都是通过HTML命令体现的。1990年以后，HTML被用作 World Wide Web 的信息表示语言，主要用来描述Homepage的格式设计和连接其它Homepage与WWW的信息。易物小屋网站就是通过HTML语言描述的文件最后会通过WWW浏览器显示效果。
3、JS特效
JS全称JavaScript,是一种适应动态网页制作的一种编程语言，Internet网页制作经常用到这种语言，这种语言十分简洁，而且适用于客户机，很大程度上提高了浏览网页的速度和交互能力。现在的Web网页大部分都运用了这种编程语言，它可以让普通的网页赋予生命，让它可以精彩的跳动起来，让我们也有了更想浏览网站的欲望。不同的特效给用户带来不同的体验，更加吸引了用户一直浏览我们的网页。
(三）页面规划
1、逻辑结构
我设计的易物小屋网站页面设计甚至排版都十分简单，因为考虑到客户浏览网页便捷，布局也比较简洁。LOGO导航条，主体部分分为两大块，左右两块，左边分为上下两个部分，新闻动态和我要留言，右边分为四个部分。右边有资源再次利用、换物手册，希望大家在浏览页面的同时也加入宣传绿色环保活动中来。如图2-1所示：
图3-4 网站的二级子页-关于我们
一、绪论 1
（一）课题背景 1
（二）课题意义 1
（三）需求分析 1
（四）课题技术 1
1、DIV+CSS 1
2、HTML 2
3、JS特效 2
（五）技术支持 2
1、photoshop 2
2、Dreamweaver 2
3、Firefox 2
二、网站规划 3
（一）网站主题 3
1、主题确立 3
2、主题含义 3
（二）内容简介 3
1、易物小屋网站简介 3
2、首页内容 3
3、子页内容 3
(三）页面规划 4
1、逻辑结构 4
2、DIV框架图 4
（四）网站内容 5
1、网站基调 5
2、Logo设计 6
3、导航设计 6
4、首页设计 6
5、子页设计 7
6、特效设计 10
三、网站测试 10
四、总结 11
五、致谢 12
参考文献 13
附录 13
1、首页代码 13
2、子页代码 17
Abstract
With the development of the times，Peoples living standard?from?adequate food *好棒文|www.hbsrm.com +Q: ^351916072*
and clothing?to?well- off family?now the pursuit ofbetter?material and spiritual life?level，In a word，Peoples living standard?is getting better andbetter,?buy?things more and more.
The creation of this website?is?to provide?one?of the things they do not need?to?exchang ，As the?customers?demand,?also?in line with the green environmental protection,?resources?two times using，The construction site?without?cabin?using DIV+CSS?layout，The?warm tone，To create a warm feeling.Properties of the customer?can be uploaded?on the website of the?unwanted?items,?for theexchange of goods?and?people,?to modify their own?goods.
Keyword:Online?exchange、website 、DIV+CSS
一、绪论
（一）课题背景
易物小屋网站的制作是为实现物物交换的思想，资源再次利用，绿色环保的理念。人类生活水平的提高，身边不需要的物品也越来越多。随着网络技术的发展，人们更倾向于网上购物，也是借着网站购物的思想，设计了易物小屋这个网站，本网站使用DIV+CSS布局方式构建的网站，DIV+CSS布局方法制作的网站结构清晰，维护起来也十分便捷。其中，JSP技术的支持，既提高了工作效率，工作量也减少了很多，更完善了整个网站。
（二）课题意义
易物小屋网站整体的排版比较简单，浏览起来方便，操作类似于淘宝，大家经常使用淘宝，所以使用起来也比较便利。我们尽量把交换物品的规则写的很详细，让大家更容易理解并且使用这个网站。
（三）需求分析
经过调查研究，每天浏览类似于淘宝网站的人数每天人均达到了上千万，易物小屋网站类似于淘宝网，并且在这个网站中，客户既可以把自己不需要的东西换成有需要的，也宣传了资源再次利用的思想。这种既交换到自己需要的东西又很有意义的网站更加让人接受并且热爱的。
（四）课题技术
1、DIV+CSS
DIV CSS是一种网页布局方法，网页页面内容和表现相分离就是由它实现的，DIV是HTML语言中其中一个标记，它的表现形式是CSS。W3C推出的格式化网页内容为CSS，CSS是层叠样式表（Cascading Style Sheets）的缩写，样式表分为三种，嵌入式、内联、外部样式，三种样式表可在同一文档内使用。DIV +CSS可以统一设计管理整个网页，一个样式表就可以统一全站风格的设计，修改一个样式表也可以改变整个网站的风格。DIV+CSS页面代码比较精简，访问速度快，结构也很清晰搜索引擎容易搜索到。易物小屋网站就是先通过DIV先布局，然后用CSS控制内容的呈现效果。例如，有两块内容需要分成左右两边展示，先用DIV设置左右两个框，CSS控制这两个框的宽、高、颜色、之间距离以及框里的内容的一些属性从而达到你想要的效果。
2、HTML
HTML全称：Hypertext Marked Language，是一种简单的标记语言，可用来制作超文本。超文本是一种含有指向其它文档链接的文本，也就是链接。HTML文档是用HTML编写的超文本文档而且可以独立于很多操作平台。HTML分为头部（Head）、主体（Body）两个部分，头部的内容是所需浏览的信息，主体主要包括所要说明的具体内容。文字、图形、声音、表格、链接等都是通过HTML命令体现的。1990年以后，HTML被用作 World Wide Web 的信息表示语言，主要用来描述Homepage的格式设计和连接其它Homepage与WWW的信息。易物小屋网站就是通过HTML语言描述的文件最后会通过WWW浏览器显示效果。
3、JS特效
JS全称JavaScript,是一种适应动态网页制作的一种编程语言，Internet网页制作经常用到这种语言，这种语言十分简洁，而且适用于客户机，很大程度上提高了浏览网页的速度和交互能力。现在的Web网页大部分都运用了这种编程语言，它可以让普通的网页赋予生命，让它可以精彩的跳动起来，让我们也有了更想浏览网站的欲望。不同的特效给用户带来不同的体验，更加吸引了用户一直浏览我们的网页。
(三）页面规划
1、逻辑结构
我设计的易物小屋网站页面设计甚至排版都十分简单，因为考虑到客户浏览网页便捷，布局也比较简洁。LOGO导航条，主体部分分为两大块，左右两块，左边分为上下两个部分，新闻动态和我要留言，右边分为四个部分。右边有资源再次利用、换物手册，希望大家在浏览页面的同时也加入宣传绿色环保活动中来。如图2-1所示：
图3-4 网站的二级子页-关于我们
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1814.html
