个人博客网站完整设计个人博客是博客们个人思想、情感、心得、见闻的收藏和展览室，是摆放个人资料的网络硬盘，是个人进入网络的入门处，也是世人了解个人博客主人的窗口。
因此，个人博客网站的设计应能实现个人博客的上述功能。
那么，应怎样设计个人博客网站呢？一、构建三大网页：1、首页。
这是个人博客网的门户。
2、栏目分类网页。
个人的思想、情感、见闻等是多方面的，这就有必要对日志进行分类。
否则，就会杂乱无章。
3、单篇日志网页。
这是日志内容放置之所。
二、设置首页。
首页设计的原则应是：简而全。
很多人在设计首页时，搞得花里胡哨。
这种页面看是好看，功能也很齐全，但他人进入其网站如堕入乱花丛中，分不清东南西北。
笔者认为，首页的设计既要功能齐全，又要给人清爽、条理的感觉。
要做到这一点，在设计首页时，“简”字要随时放在心上，切忌“繁”“花”字当心。
首页的板块应由三大块组成：1、头部板块。
这一板块由两部分构成，其一是博客介绍。
有了介绍，他人一进入网站，便知你的博客的大致内容，以便决定是否继续浏览。
人们常说：时间就是金钱。
对于现代人来说，时间非常宝贵，没有多少人愿意花很多时间、精力去做无益的事。
因此，你有必要把自己博客的内容、特色简要展示给读者，以便留住需要这类信息的人并让其驻足下来详细浏览你的博客。
其二是导航部分。
这一板块特别重要。
当读者进入你的网站，必然要根据自己的需要选取阅读信息。
如果没有导航栏，那么，当读者进入你的网站，就难以迅速地获取他所需要的信息，因而也就不会有耐心继续停留。
我的个人博客导航栏设计如下：（1）css部分：/*===首页导航条样式====*/div#dhl{font-family: Arial,Helvetica,sans-serif;font-size:9pt;width: 764px;color: #ffffff;height: 22px;margin: 0px auto 0px auto;padding:0px ;text-align: center;background-image: url(/inc/menu_blue_bg.gif);line-height: 20px;position: relative;left:-218px;top:-1858px;border:1px solid #009966;}a.dhlly{margin: 0px 3px 0px 3px;padding: 0px ;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #FFFFFF;line-height: 18px;text-align: center;text-decoration: none;}a.dhlly:visited{margin: 0px 3px 0px 3px;font-size: 10pt;list-style-type: none;color: #FFFFFF;;text-decoration: none;}a.dhlly:hover {margin: 0px 3px 0px 3px;font-size: 10pt;color: #FFFFFF;text-decoration: none;}（2）htm代码：<div id="dhl">| <a class="dhlly"href="/">首页</a> | <a class="dhlly" href="/2224141.html">基础理论</a> | <a class="dhlly" href="/2224158.html">产业经济</a> | <a class="dhlly"href="/2223946.html">金融经济</a> | <a class="dhlly" href="/2880779.html">区域经济</a> | <a class="dhlly"href="/2880801.html">发展经济</a> | <a class="dhlly" href="/3835869.html">人文思索</a> | <a class="dhlly"href="/2224151.html">政经要闻</a> | <a class="dhlly" href="/2224168.html">网文摘录</a> | <a class="dhlly"href="/2224239.html">电脑技巧</a> | <a class="dhlly" href="/2883555.html">音乐欣赏</a>2、功能板块。
（1）日期显示。
有些人由于各种原因，连日子也记不清了。
如果设置有日期显示，那么一进入网页，就可以知道今天是几月几日星期几。
如果需要农历的人，可以一并设置农历显示。
（2）登录入口。
方便自己也方便他人登录。
（3）留言、评论栏和友情链接。
方便与他人交流。
（4）Email入口。
现代人，已经离不开Email,设置这一入口，既方便自己也方便他人进入个人邮箱。
我的邮箱设置代码为：<div align=center><form name="loginmail"onsubmit="function anonymous(){return chkinput2(this);}" action=http://219.129.20.144:8000/sendmail.aspmethod="post" target="_blank"><select tabindex="2" size="1" name="site"> <option value="">请选择你的邮箱</option><option value="">@</option> <option value="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option><optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <option value="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option> <optionvalue="">@</option><optionvalue="">@</option><option value="">@</option> <option value="">@</option> <option value="">@</option> <optionvalue="">@</option> <optionvalue="">@网易50M</option> <option value="">@</option></select><br />帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" /><br />密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass"/><input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous(){setTimeout('clearpass()',1000)}" tabindex="4" type="submit" size="4" name="Submit2"/></form></div>（5）链接网站。