为了体现简洁明快的风格，界面头不打算用很复杂的动画图片，顶部直接安排一个导航栏，让用户可以在首页、我的文章、给我留言、关于、管理、注册等模块之间方便的切换；为了体现个性化，需要为用户在导航栏下留出一片个性空间，让用户可以为自己的博客安置博客主题和LOGO图标。
（2）效果预览
按上面的设计思想，经过一番美工的润饰，设计出的界面头的效果如图4-4所示。
图4-4 界面头
4.3.2 界面尾设计
界面尾部，一般声明一些版权信息，是否有ISP登记，联系信息等，本博客只需声明一下版权就可以了。
图4-5 界面尾
4.3.3首页设计与实现
首页是一个网站的窗口，长久留住一个用户靠网站强大的功能和丰富的内容，要想吸引用户，首页的设计精美和人性化也是重要的因素。首先是给浏览者留下的第一印象。所以设计要精美；首页是网站的导航图，所以设计要人性化，重点层次突出。
设计思想
首页直接引入前面设计的公用模块的界面头和尾。首页左边给出浏览者一个清晰的导航。在左边用户能登录/注册，显示所有文章的分类，用户能单击分类查看该分类下的所有文章；最新6条评论，用户能单击进入查看评论内容；最新加入成为用户的8位新成员，用户能直接单击用户名进入该用户的博客。
博客最核心的是文章，所以正文右边给出一块很大空间用以展示最新书写的8篇文章的标题和内容概要，用户单击文章标题能进入查看该文章的详细内容。图4-6为首页效果
图4-6 首页
4.3.4用户注册模块设计
页面Register.asp主要完成引导用户进行注册，首先会提供注册表让用户输入用户名和密码等，让用户输入注册信息，输入完成后，当用户单击[注册]按钮的时候，要对用户输入的注册信息简单认证，看用户信息是否验证，如果验证进行数据库验证，查看用户之前是否已经注册过，如果没有注册则插入一条新记录到数据库，完成注册。
图4-7 用户注册
4.3.5给我留言模块
访问者在该功能模块可以给博客所有者留言，这部分的实现很简单，就是提供一个表单供访问者输入留言标题和留言内容，然后保存到数据库就可以了，这部分的功能在页面Guest.asp中实现。首先编写出用户输入留言标题和内容的表单。
图4-8 给我留言
4.3.6“文章评论”功能模块设计
在展现文章页面的末尾，提供接口供浏览者针对该文章发表评论，技术实现非常简单，就是提供发表评论标题和评论内容的文本框，让读者输入评论标题和内容，当读者单击[提交]按钮的时候，把评论标题和内容保存到数据库。
图4-9文章评论
4.4后台管理界面设计
4.4.1“添加分类”功能模块
方便用户归整自己的文章，后台提供用户设置分类的接口，用户可以添加自己的分类。用户可以为分类设置名称，并可以设置一个简单的分类描述。另外当用户修改
分类的时候，也调用该页面。只是添加分类的时候，分类名称和分类描述的文本框里面的内容是空的；而只当修改分类的时候，需要先显示原来的分类名称和描述。需要设置一个隐藏参数action，如果action的值为save，那么用户请求的动作就是修改分类，对应的动作就是添加新分类，如果action的值是alter，那么用户请求的动作就是修改分类，对应的页面就是Admin_AddType.asp，效果如图4-10。
图4-10 添加分类
4.4.2“分类管理”功能模块
在分类管理功能模块，需要列举用户目前拥有的文章分类，用户可以修改和删除分类，对应的页面是Admin_TypetList.asp，图4-11为该模块的效果图。
图4-11 分类管理
4.4.3“添加文章”功能模块
通过“添加文章”功能模块用户能设置文章标题，选择文章所属分类，填写文章概要和文章内容，对应的页面是Admin_AddArticle.asp图4-12为效果图
图4-12 添加文章
4.4.4“文章管理”功能模块
“文章管理”功能模块主要显示当前用户所写的所有文章，并能修改或者删除现有文章，对应的处理页面是Admin_ArticleList.asp,图4-13为效果图
图4-13 文章管理
4.4.5“留言管理”功能模块
“留言管理”功能模块需要分页显示留言的留言者，查看留言详细内容，删除留言。图4-14为该模块的效果图