个人博客网站完整设计
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
个人博客网站完整设计
个人博客是博客们个人思想、情感、心得、见闻的收藏和展览室，是摆放个人资料的网络硬盘，是个人进入网络的入门处，也是世人了解个人博客主人的窗口。因此，个人博客网站的设计应能实现个人博客的上述功能。那么，应怎样设计个人博客网站呢？
一、构建三大网页：
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代码：
href="/">首页
| 基础理论 | 产业经济 |href="/2223946.html">金融经济
| 区域经济 |href="/2880801.html">发展经济
| 人文思索 |href="/2224151.html">政经要闻
| 网文摘录 |href="/2224239.html">电脑技巧
| 音乐欣赏2、功能板块。（1）日期显示。有些人由于各种原因，连日子也记不清了。如果设置有日期显示，那么一进入网页，就可以知道今天是几月几日星期几。如果需要农历的人，可以一并设置农历
显示。（2）登录入口。方便自己也方便他人登录。（3）留言、评论栏和友情链接。方便与他人交流。（4）Email入口。现代人，已经离不开Email,设置这一入口，既方便自己也方便他人进入个人邮箱。我的邮箱设置代码为：