《网页制作工具》
题 目：小水滴公益基金网站的设计与制作
姓 名：学 号：班 级：指导教师：完成日期：
设计说明书
_
孙俊国 2011年12月28日
目录
绪 论................................................................................................................. 3 1 小水滴公益基金网站的规划................................................................................ 3
1.1 网站整体规划.................................................................................................. 3
1.1.1 网站的定位.......................................................................................... 3 1.1.2 网站板块的设置.................................................................................... 4 1.2 网站功能设计........................................................................................... 4 1.2.1 主页功能................................................................................................ 4 1.2.2 副页功能................................................................................................ 5
2 小水滴公益基金网站的设计与制作...................................................................... 5
2.1主页设计........................................................................................................... 5
2.1.1 logo设计 ............................................................................................. 6 2.1.2 banner设计............................................................................................. 7 2.1.3 栏目设计.............................................................................................. 7 2.1.4 导航设计.............................................................................................. 7 2.1.5 风格与色彩搭配.................................................................................. 8 2.1.6 技术运用................................................................................................ 8 2.2 副页设计.......................................................................................................... 8
2.2.1 栏目设计................................................................................................ 9 2.2.2 导航设计................................................................................................ 9 2.2.3 风格与色彩搭配.................................................................................... 9 2.2.4 技术运用................................................................................................ 9
3 网页设计的重难点分析........................................................................................ 10
3.1 网页设计的重点分析................................................................................... 10 3.2 网页设计的难点分析................................................................................... 10 小结：网站设计小结........................................................................................... 10
参考文献............................................................................................................... 11
2
绪 论
当我们坐在教室安静的读书时，当我们每天挥霍着青春无病呻吟时，我们可曾想过，还有许许多多的孩子羡慕着我们能够看书，羡慕着我们能够坐在宽敞的教室里，羡慕我们能每天不用考虑其他全心全意的上学，甚至羡慕我们手中能有一只笔，羡慕我们能够在干净的纸张上写字。
这些许许多多的对比，让我们反思，我们不屑一顾的东西，有些人却很珍贵的看待，我们也是不是应该做些什么呢，少吃点零食，少抽点烟，少一些挥霍，也许就能改变一些人些许的生活，古人曾所过“老吾老以及人之老，幼以幼以及人之幼”。
1 小水滴公益基金网站的规划
以下是我对小水滴基公益基金网站的具体规划
1.1 网站整体规划
小水滴公益基金网站是不以盈利为目的，为一些需要帮助的人筹集善款的公益网站。小水滴公益基金主要以中国红十字基金为主做一些公益拓展。我们网站设计主要分七个版块：网站首页、关于我们、新闻中心、公益项目、政策法规、常见问题、在线捐款等。每个板块都有对基金会的具体介绍，以便大家更好的了解小水滴基金会。
1.1.1 网站的定位
小水滴基金公益网站是附属中国红十字基金会的网站，同时也是独立的网
站，本网站开展以各种公益事业为基础的各种活动，也与各个公益网站相互联系，承办各种公益事业。
本网站主要是向大家介绍有哪些地方受灾，哪些人们需要帮助，能够方便的让大家了解各种公益事业，和如何去帮助需要帮助的人们。一些新闻情况也是近
3
期的各大公益网站的重要有关公益的事件，能够更好的让大家了解有关贫困山区，及受灾地区的情况，同时也为想要去帮助他人的人提供方便的在线捐款，做到透明善款分配情况。各个板块的设立也让满足了想要了解有关公益基金法的人们的需求。
1.1.2 网站板块的设置
网站的板块设置：网站主要有七大版块，它们是网站首页、关于我们、新闻中心、公益项目、政策法规、我要捐款、常见问题等。网站版块设计清晰明了，这些版块构成了整个网页布局，以便条理清晰地给观众以更详细的展现。
1.2 网站功能设计
我们公益基金网站主要为大家提供一个了解一些贫困山区及受灾地区的平
台，也为想要帮助他人的人提供点对点帮助的机会，在线捐款功能的设立直接与各个银行，手机用户等提供为大家奉献爱心提供了机会，同时也满足了想要了解公益基金会的人提供了需求，各个版块的设立清楚的为大家提供了各种想要了解小水滴基金的会的机会。也为许多爱心企业提供献爱心的机会，最后也为许多想要奉献或者犹豫是否帮助需要帮助的人提供个保障。
1.2.1 主页功能
（1）.主页功能，主要是为大家展现各种公益新闻及公益事业，我们的每
个小版块大体介绍让大家了解小水滴基金的功能。了解与各个企业的爱心合作，大家可以通过主要板块连接到个模块网页浏览相关的需求信息，可以通过会员登录或者注册来与许多受灾人民进行交流，更好的了解各种情况。
（2）. 主页能让浏览者更加方便快捷的了解小水滴公益基金为大家呈现的东西。
（3）．通过主页，将基金会的公益新闻、媒体聚焦、公益动态等展现给浏览者。
4
1.2.2 副页功能
（1）通过副页的设计将网站内容更加条理化、更加详细、更加方便的展现给浏览者
（2）副页中将每个版块的内容具体化、深入化、详细化。能让感兴趣的浏览者更详细了解小水滴公益基金会
（3）副页在展现具体内容的同时，能让浏览者更加深入的了解我们小水滴的组织架构、各种公益动态等
2 小水滴公益基金网站的设计与制作
2.1主页设计
主页设计主要采用简单大方布局，将所要呈现的内容分成几个大模块，这样既可以赏心悦目，让浏览者更方便的找到想找到的内容，又可以让浏览者不产生视觉疲劳，将所有的版块项目清晰地罗列出来。
5