个人博客网站完整设计

个人博客网站完整设计个人博客是博客们个人思想、情感、心得、见闻的收藏和展览室，是摆放个人资料的网络硬盘，是个人进入网络的入门处，也是世人了解个人博客主人的窗口。因此，个人博客网站的设计应能实现个人博客的上述功能。那么，应怎样设计个人博客网站呢？一、构建三大网页：1、首页。这是个人博客网的门户。2、栏目分类网页。个人的思想、情感、见闻等是多方面的，这就有必要对日志进行分类。否则，就会杂乱无章。3、单篇日志网页。这是日志内容放置之所。二、设置首页。首页设计的原则应是：简而全。很多人在设计首页时，搞得花里胡哨。这种页面看是好看，功能也很齐全，但他人进入其网站如堕入乱花丛中，分不清东南西北。笔者认为，首页的设计既要功能齐全，又要给人清爽、条理的感觉。要做到这一点，在设计首页时，“简”字要随时放在心上，切忌“繁”“花”字当心。首页的板块应由三大块组成：1、头部板块。这一板块由两部分构成，其一是博客介绍。有了介绍，他人一进入网站，便知你的博客的大致内容，以便决定是否继续浏览。人们常说：时间就是金钱。对于现代人来说，时间非常宝贵，没有多少人愿意花很多时间、精力去做无益的事。因此，你有必要把自己博客的内容、特色简要展示给读者，以便留住需要这类信息的人并让其驻足下来详细浏览你的博客。其二是导航部分。这一板块特别重要。当读者进入你的网站，必然要根据自己的需要选取阅读信息。如果没有导航栏，那么，当读者进入你的网站，就难以迅速地获取他所需要的信息，因而也就不会有耐心继续停留。我的个人博客导航栏设计如下：（1）css部分：/*===首页导航条样式====*/div#dhl{font-family:Arial,Helvetica,sans-serif;font-size:9pt;width:764px;color:#ffffff;height:22px;margin:0pxauto0pxauto;padding:0px;text-align:center;background-image:url();line-height:20px;position:relative;left:-218px;top:-1858px;border:1pxsolid#009966;}a.dhlly{margin:0px3px0px3px;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:0px3px0px3px;font-size:10pt;list-style-type:none;color:#FFFFFF;;text-decoration:none;}a.dhlly:hover{margin:0px3px0px3px;font-size:10pt;color:#FFFFFF;text-decoration:none;}（2）htm代码：divid=dhl|aclass=dhllyhref=首页/a|aclass=dhllyhref=基础理论/a|aclass=dhllyhref=产业经济/a|aclass=dhllyhref=金融经济/a|aclass=dhllyhref=区域经济/a|aclass=dhllyhref=发展经济/a|aclass=dhllyhref=人文思索/a|aclass=dhllyhref=政经要闻/a|aclass=dhllyhref=网文摘录/a|aclass=dhllyhref=电脑技巧/a|aclass=dhllyhref=音乐欣赏/a2、功能板块。（1）日期显示。有些人由于各种原因，连日子也记不清了。如果设置有日期显示，那么一进入网页，就可以知道今天是几月几日星期几。如果需要农历的人，可以一并设置农历显示。（2）登录入口。方便自己也方便他人登录。（3）留言、评论栏和友情链接。方便与他人交流。（4）Email入口。现代人，已经离不开Email,设置这一入口，既方便自己也方便他人进入个人邮箱。我的邮箱设置代码为：divalign=centerformname=loginmailonsubmit=functionanonymous(){returnchkinput2(this);}action==posttarget=_blankselecttabindex=2size=1name=siteoptionvalue=请选择你的邮箱/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]/optionoptionvalue=[e-mail]网易50M/optionoptionvalue=[e-mail]/option/selectbr/帐号:inputstyle=FONT-SIZE:12pxtabindex=3size=12name=user/br/密码:inputstyle=FONT-SIZE:12pxtabindex=3type=passwordsize=12name=pass/inputstyle=FONT-SIZE:13px;WIDTH:30px;HEIGHT:24pxonclick=functionanonymous(){setTimeout('clearpass()',1000)}tabindex=4type=submitsize=4name=Submit2//form/div（5）链接网站。要使自己的博客成为网络的入口处，这一设置不能缺少。（6）背景音乐。很多人喜欢一边上网，一边欣赏音乐。在设置背景音乐时，一定要能控制播放、控制曲子列表。不同的人喜欢的曲子也不一样，况且有些人自己正在播放自己喜欢的曲子。如果不能控制播放，音乐就成了混放的局面，因而也就成了一种噪音，就会干扰他人的雅兴。为什么又要能控制曲子列表呢？因为人们对音乐的喜好是不同的。如果不能控制曲子列表，那么，你就得强迫自己或他人听不喜欢的曲子。我的音乐播放器代码：(A)js部分：mymusic1.js代码：///////////////////曲名及地址///////////////////mid=newArray();mid[0]=;mid[1]=音乐地址;mid[2]=音乐地址;mid[3]=音乐地址;mid[4]=音乐地址;mid[5]=音乐地址;mid[6]=音乐地址;mid[7]=音乐地址;mid[8]=音乐地址;title=newArray();title[0]=.......停止播放;title[1]=望江南;title[2]=别怕我伤心;title[3]=笑傲江湖;title[4]=黄昏;title[5]=姑苏行;title[6]=不得不爱;title[7]=阳关三叠;title[8]=沧海一声笑;///////////////////打开网页时检察曲名///////////////////functioncmid(){varind=midi.select.options[midi.select.selectedIndex].value;midiselect.innerHTML='embedsrc='+mid[ind]+'width=180height=42hidden=trueautostart=trueloop=true/embed';song.innerHTML='fontstyle=font-size:9pt;color:#0000FF曲名:marqueescrollAmount=2scrollDelay=100width=150height=10'+title[ind]+'/marquee/font';}mymusic2.js代码：index=Math.floor(Math.random()*mid.length);document.write('divid=midiselectembedwidth=180height=42autostart=truehidden=trueloop=truesrc='+mid[index]+'/embed/div');document.write('divid=songfontstyle=font-size:9pt;color:#0000FF曲名:marqueescrollAmount=2scrollDelay=100widt