怎样做自己的百度网页 给我详细答案

如题所述

第1个回答  2010-04-30
一、模版选择
萝卜白菜,各喜各爱。对于只注重BLOG内容而懒于装饰门面的朋友没什么可说的,在管理页面的“高级管理”项点击“设定默认模版”就搞定了。而对于注重版面美观、个性的朋友,系统提供的十几个默认模板就显得太少了点,很难找到如意的样式。这样就得想法修改自己的个性模版。
在“要修改”这个先决条件下,选定默认模版就有讲究了。系统提供的首页模版源码有两种,一种是完全用网页HTML源代码设置整个版面(包括背景、字体、布局等等),而另一种是将版面设置用CSS代码写成后“套”入网页HTML源代码中。前者便于修改,而后者则弄起来比较麻烦(得下载CSS源代码后上传到空间然后再插入网页HTML源代码中链接)。所以你在选择默认模版后,要进入“修改我的个性模版”中查看源码,是否是纯网页源HTML代码。
当然,如果你十分熟悉HTML,也可以用网页编辑器(如Dreamweaver 、Frontpage等)编辑成自己喜欢的模版后覆盖默认模版,如何覆盖下面再说。
二、修改模版
首先得提醒一下,已发布的默认模版大多都是高手们精心设置出来的,源码BUG不多。因此修改范围不要太大(比如版面总布局上就不要作太多调整),除非你是用自己编辑的模版覆盖默认模版。一般来说,修改一下背景、字体、图标(包括logo和banner图片)就基本上能体现你的BLOG个性了。在这里我就谈一下几个主要项目的修改。
1、背景修改
设置背景有底色和图片两种形式,如果你用了背景图片,背景色在网页中就被图片覆盖,显示不出来了。因此选择了背景图片,背景色选什么就不十分重要了(一般情况下选白色#FFFFFF)。
背景图又分网页背景和单元格背景,网页背景是整个网页的大背景,单元格是网页格局中的多个小版块。如果单元格非透明(单元格设置了背景图片或颜色)地盖在网页背景上面,那部分网页背景是看不到的。
网页大背景一般是摆在网页HTML源代码的前段,BODY标签下面。我的模版网页背景的代码如下:
body {
BACKGROUND: #62A3BB url(uploadfile/20063301084213.jpg);
其中BACKGROUND是背景标签,#62A3BB是背景色代码,uploadfile/20063301084213.jpg就是背景相对链接地址。
找到这段代码后,就可以按你的喜好进行网页背景替换了。大体步骤是:进入管理页面--进入修改个性模版--打开模版源代码--将你喜欢的背景的绝对地址(URL)替换原背景图片的相对地址--预览--无错后提交修改。
背景图可以在网上寻找,复制粘帖绝对URL就行了,不过你寻图的那个网站服务器宕机或关闭,这里的背景图也就打不开了,所以最好还是将图片保存到本地后再上传到这里的空间,然后将图片的URL复制粘帖过来。当你提交修改后,源码里的绝对地址自动变成了相对地址。
关于单元格背景的设置,方法与其一样,只是得在源代码中找到相应的BACKGROUND标签和后面紧跟着的图片地址。一般单元格的背景图是在<TABLE>、<TR>和<TD>标签里面。如:<TABLE cellSpacing=0 cellPadding=0 width="100%" background=uploadfile/2006328165554952.gif border=0>,其中的uploadfile/2006328165554952.gif 就是我的博客大板块背景图地址。
2、字体修改
BLOG模版上标题字可以在“修改个性化模板”的可视化编辑中修改,会发帖子的朋友就会进行字体大小、颜色、变形等的修改,我就不罗嗦了。这里要说的是在可视化修改中看不到的字体如何修改。打开源代码后你会看到多段诸如
td{font-family: Courier New, Courier, mono,"宋体";
font-size: 12px;
color: #484848;}
的代码。其中font-size: 14px;是设定字体的大小,color: #484848;是设置字体的颜色,“宋体”就不用说了吧,你可以换成楷体、仿宋什么的。现在模版默认的字体大小是12PX,相当于我们平时所说的小五号字,中老年人看起来有点费眼神了。所以你可以将12PX的数字增加,如改成14PX,就相当于小四号字的大小了。
那么多相似的代码,改哪个才对?这得看代码标签了。比如,上段代码前有个td,就是日志正文的字体。英语和我一样不过关的朋友们不妨一个个试,麻是麻烦一点,不过可以在麻烦中学到很多东西啦。
要提示的是别将字体改得过份大或过份小,因为默认模版版块的大小大多是动态的,会根据字数多少和大小自动调整,字体大小变了版块大小也会跟自动调整,影响了整体美观就得不偿失了。
3、图标修改
网上看到一篇帖子,说现在的BLOG模版时兴大字体、宽顶边或网页顶部及底部加框。要真是这样,也只是一种时兴,究竟怎么弄还得看你自己的喜好,不然怎么能体现个性呢?比如我做网页,就喜欢做上LOGO和BANNE图标。有点传统,不过从这些图标设置上的确可以体现一点个性。
修改图标最好还是用系统的可视化编辑页或将源码拷到网页编辑器上编辑,这样既见所得,操作起来容易。
其实,改图标如换背景一样,也就是将原来的图标地址替换掉罢了,要注意的就是所采用的图标尺寸大小得适合,不然就乱版了。
一般LOGO和BANNE的图标代码就在源代码前段的</STYLE>标签下,找到gif或jpg代码,用新图标地址替换上就OK了。如果是swf格式的文件,首先得找个空间上传,再用一段代码将swf做上去(具体代码请查看张帖有FLASH文件的网页源代码)。
其它小图标的修改方式一样,不赘述。
4、修改副模板
修改副模版无非就是将$show_more等标签的位置调来调去,或在标签前后添加点小图片。这实际上是修改文字布局。看了很多默认模板,不少副模版的布局还真不敢恭维,实在有必要调整一下。
修改副模版不费力,懂HTML代码的可在源码中直接调,不懂的也可用复制粘帖手段更换那几个标签的位置。添加图片和分隔线的方法与编辑发帖一样可视操作。值得提醒的是修改后一定得预览一下再确定提交,不然弄坏了模版有点麻烦。
5、备份模版和加入模版中没有的标签内容
为什么要备份模版,当然是为防万一在线编辑出错啦。根据BLOG程序的版本不同,有些BLOG在线管理中已设置了备份项目,[人到中年]博客系统中好象还没有这一项吧,只得自己备份了。前天在源码中加了一个<IFRAME>标签,谁知道这模版不支持IFRAME,一下子将模版搞乱码了,只得按照系统的提示重新设定默认模板进行恢复,前面改东改西的全白费力了。吸取这个教训,就想到了模版备份。
前面所提到覆盖模版的问题,是指在本地网页编辑器中编辑好了源代码,再将其替换默认模版中的代码。具体方法是将所编网页</head>标签以下从<STYLE>标签起(因为系统模版编辑器中已将<style>标签以上的代码定制,不必重复提交)的所有代码拷贝后粘帖到首页模版的源码中,然后预览提交。现在说到备份模版,操作方式恰恰相反,即将系统编辑器中的源码拷到写字板或是本地网页编辑器中保存成TXT或HTM格式的文件。操作很简单,但作用非常大,一般人我还不告诉他,嘿嘿~~要提示的是从系统编辑器上拷下来的源码不能直接粘到Frontpage网页编辑器上去,那样会造成乱码,得在写字板或记事本上转换一下再粘到编辑器。
关于加入模版中没有的项目和内容,是个见仁见智的问题,我历来不主张BLOG就非得按BLOG的套套玩。我数了一下,这里主页模版一共就有包括$show_log$在内15个标记,为了展示BLOG的个性,除了$show_log$非用不可,其它几个可换可删,没人会将你告上法庭的。
添改项目也非常简单,如果不在本地编辑器中编辑,就直接在系统模版上改好了。首先你得认准“用户模版标记说明”下的15个标记究竟是作什么用的,然后根据所爱进行取舍,可视化编辑中,将不用的标记剪切或是删除,再添加上你自己所需的项目及内容,最后将该版块的标题改过来就搞定了。新浪博客系统可以在线新添项目,这里的系统只能在编辑中或源码修改中添加,简单的操作方法是将某一版块的源码完整复制后粘帖到适当的地方。至于添加复杂一点的项目,得多少懂一点HTML,在源码版中进行修改,这里说来话就长了。
另外,一个朋友提到一个问题,就是首页显示的日志标题太少,打开一篇看完后又得回到首页,显得麻烦。这点我在留言回复中已作说明,一,首页显示日志标题(包括回复标题和留言条目等)的多少可以在管理页“修改我的资料”中进行设定。不过我觉得设置得太多影响版面美观,一个网页拉上几米长,左右空白不匀,看久了会晕头的。所以我的BLOG首页只显示标题5~6个。二、频繁返回首页问题可以稍加解决。本系统BLOG的所有标记调用的格式是无法更改的,不在新的窗口打开网页就是格式所定。我的解决办法是将显示专题分类的标记$show_subject$删掉重做。重做中将每个栏目所显页面通过在URL后面加上“target=_blank”代码使其在新窗口打开,这样在每个栏目中浏览帖子就不必老是往首页跑了。不频繁打开首页有一个好处,因为首页承载的元素较多,所以打开首页比打开一般子页要慢得多。
最后提示一个与模版相关的话题,就是不要在首页添加音乐,影像、文件过大的图片及过多的网页特效,否则会影响网速的。最近看了一些BLOG,有不少在首页添加上了音频等文件,浏览效果当然不错,可就是打开速度慢得烦人。网页音频中MIDI格式是最小的,一般一只曲子也就10K左右,可是MP3,RM等格式文件动辄上M!加上存放文件的服务器速度差,将你的首页显全可还真得有耐性了。其实喜欢音乐的朋友可以将音频文件放在其它子页,这样在浏览其它网页时等待音乐的播放就不是那么烦人了。
首页放置过多的特效和大文件图片与上面所说是同一道理,不再废话了。
还告诉你一个小窍门,在一大版源代码中找一个代码标签很费眼是不是?别急,你可以同时按住键盘上的“CTRL+F”键,在面板上就会跳出一个查找窗口,将你所要查找的代码填上,再点击“查找下一个”,就能很方便的自动帮你查找到那个代码了。