2.1.1 logo设计
本logo用photoshop设计，用黄色的双手托着一个水滴，黄色代表安全，就手托着水滴，寓意着我们
6
要爱护每一份资源，用心关爱身边需要帮助的一切,也为需要帮助的人送去关爱，用心呵护周围的资源，同时也将爱心送给他人。
2.1.2 banner设计
banner设计各个爱心合作企业的标志，形成滚动条，上面为向前滚动，下面为向后滚动，加上与各个爱心企业的超级链接，更容易给浏览者呈现爱心合作企业，具体感觉设计如下：
2.1.3 栏目设计
我们网站主要有七个栏目，它们是网站首页、关于我们、新闻中心、公益项
目、政策法规、我要捐款、常见问题等等，还有别的小部分，还有其它小栏目组织架构，各种新闻等。
2.1.4 导航设计
导航设计上采用表格布局，将各个版块添加水平菜单表，运用蓝色字体与logo形成呼应，浅灰色背景给人以简洁大方。
7
2.1.5 风格与色彩搭配
网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信息。在搭配上采用了灰蓝的搭配，以浅灰色为主要基调，可以让网友们把注意力都集中在网站的内容上面。
在主页上添加flash动画，有图片点击变化的效果。
2.1.6 技术运用
在做网页的过程中运用了在课堂上所学的一些技术在网页中插入图像、flash、超链接、表格的使用、框架层和时间轴的使用、CSS样式模板和库和表单的使用等等，让自己设计的网页能够做的更好。
2.2 副页设计
副页设计采用简单明了的布局，将所在的版块内容突出的表现出来，方便浏览者浏览更多信息。
副页设计主要采用两种版式： 两种版式如下：
8
2.2.1 栏目设计
在副页中，因副页数量较多栏目设计分为多种，在主页的基础上，建立多个副页，以便顾客的浏览：
在关于我们中具体介绍了机构简介、组织架构、联系我们等介绍小水滴基金会的基本情况。
在新闻中心中我们可以看到感恩有你、天使之旅等各种公益项目新闻的介绍，为大家更好的了解各种公益动态新闻。
在公益项目中可以看到如红十字、博学计划、抗震救灾等多种公益项目的呈现。
在政策法规中可以了解到与公益基金相关的法律法规。 在我要捐款中可以清楚的知道捐款的流程及捐款的各种方式。
2.2.2 导航设计
不同的副页的基调不同，但主基调仍然是浅灰色和蓝色。简单明了，给人
以眼目一新的感觉。
2.2.3 风格与色彩搭配
第一种副页和主页一样网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信息。在搭配上采用了灰蓝的搭配，以浅灰色为主要基调，可以让网友们把注意力都集中在网站的内容上面。
第二种副页采用浅灰色和红色为主要基调背景设有红色边框给你一种焕然一新的感觉，更吸引大家眼球。
2.2.4 技术运用
两种副页中都运用了在课堂上所学的一些技术在网页中插入图像、flash、超链接、表格的使用、框架层和时间轴的使用、CSS样式模板和库和表单的使用等等，让自己设计的网页能够做的更好。
9
3 网页设计的重难点分析
3.1 网页设计的重点分析
（1）网页主页的设计至关重要，主页的设计关系着整个网站的布局设计与内容。
（2）网页主页中布局的设计与风格、色彩搭配也是非常重要的。 （3）网页副页模板的设计也很重要，应该让副页更好的承接主页，为主页填充更多的延迟。
（4）网页中也应该注意一些代码的引用，要善于运用这些代码。 （5）网页中还应该注意flash的运用，在运用div+css布局的时候必须认真规划好
（6）适合的图片的插入，为整体的美感提升亮点。
3.2 网页设计的难点分析
（1）网页设计中最难设计的就是主页，如何排版，如何搭配色彩，是否符合想表达的主题。
（2）网页设计中副页设计模版与主页是否相辅相成，各种元素搭配的是否合理也至关重要。
（3）spry菜单栏的合理使用，以及div+css层的具体调试。
小结：网站设计小结
通过这学期的学习，我学会了做网页，这次网站的完成，让我巩固了学到了不少知识，同时在制作过程中也发现了一些不足，通过这次作业的完成经历，我加深了对网页的了解，也找到了在网页制作中的许多乐趣，这次的作业中存在许多的小问题，还有很多的不完善，捐款广告也是借鉴他人网站的创意制作完成，在今后的网页制作中，我会吸取这次经验，制作更加完善合理的作品，我相信通过不断的学习，会一次比一次更加完善。
10