北方博客制作方法~自己整理！已经END啦！~！~！累哦

首
页

新闻 | 体育 | 奥运 | 时尚 | 地产 | I　T | 健康 | 游戏 | 科技 | 滨海 | 保税 | 论坛 | 电视 | 建站 | 视频 | 未成年人

天津 | 财经 | 泰达 | 文娱 | 情感 | 家装 | 汽车 | 教育 | 动漫 | 旅游 | 红桥 | 博客 | 电台 | 分类 | 招聘 | 发布系统

天
津
通

北方论坛 > 天津广播 > 天津交通广播论坛 > 1068夜航班 > 听友交流区 > 主题:北方博客制作方法~自己整理！已经END啦！~！~！累哦

【取本贴地址】【字体：大中小】

分页：9 1 2 3 4 5 4 :

页次：1/5页每页30 总行数133

作者	主题

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

1 楼 取地址

北方博客制作方法~自己整理！已经END啦！~！~！累哦

本人自己前几日从北方博客专区搜罗来的北方博客制作方法~！基本知识~仅供参考！送蓝色忧郁！

也算是我送1068所有人员的情人节礼物

郑重声明：这里全部内容均转自北方博客！阅读时~请与北方博客联系着看，在此特别感谢北方博客的joehowe七七提供所有资料！

大家在激活博客的时候~首先要看：北方网社区博客用户（注册）服务协议：    点击察看

注册论坛的时候最好可以去北方编读看一看：    点击察看

本人所有资料全来源于北方博客论坛，请大家结合他来做出自己的博客：    点击察看

北方博客----你的个人门户：    点击察看

在此再说明一下：105楼的模板有问题~大家想下载的话请与七七联系或与本人QQ联系。

还有~在以下的所有代码里！本人均没有发表任何表情！是北方论坛自己识别了代码的符号！请大家自己变回来！例如：

就是：）

签名档........................　　　 [?]

2006-02-08 11:58:04

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

2 楼 取地址

10大知名博客网站大比拼

10大知名博客网站大比拼
(2006-01-06 17:58:14)
转自《电脑报》

现在，为个人免费提供博客服务的网站很多，成为博客已经不是一件很难的事情，但要成为一名优秀的博客，除了自身需要具备较高的综合素质以外，寻找一个好的博客网站也十分重要，优秀的博客网站可以为你提供更具吸引力的博客界面、更多更好的特色服务、更快更稳定的运行速度等，它们的目标是让每个人都可以轻松成为一名优秀的博客。

然而当你面对如此多的博客网站时，是不是感到无从下手，不知道哪种博客网站才是最适合你的？如果你正在为此而烦恼，那么下面对当前十大知名博客网站的详细分析，一定会为你开启一扇理想的博客之门。
形象大展示

博客网
网址：
http://www.bokee.com/
注册人数：740万（包括博客动力）
博客网的前身是博客中国，它成立于2002年8月，是国内最早成立的博客专业网站之一。为了适应时代发展的需要，开始逐步向时政、社会、经济、生活等多个领域拓展。主页内容十分丰富，是一个优秀的综合性博客网站。

中国博客网
网址：
http://www.blogcn.com/
注册人数：400万以上
中国博客网是国内著名的专业博客网站之一，网站建成开通于2002年11月。它拥有强大的中文博客系统，集互动、文化、娱乐及休闲为一体，为广大的博客们提供了一个功能强大的博客平台。

博客动力
网址：
http://www.blogdriver.com/
注册人数：740万（包括博客网）
博客动力创始于2003年8月，2005年1月，博客中国创始人方兴东在“2005年博客发展趋势研讨会”上宣布全面并购博客动力。博客动力以用户为中心，致力于为用户建立全方位、多视角的个人门户网站，其口号是“激发创造力，为你的思想加油”。

天涯博客
网址：
http://www.tianyablog.com/
注册人数：100万
天涯博客是天涯社区于2004年1月推出的一个博客服务，它具有简洁朴素、易学易用、管理方便的特点，是国内极具影响力的博客网站之一。

DoNews
网址：
http://www.donews.com/
注册人数：16万以上
DoNews是一个成立比较早的专业博客网站，它是一个汇聚众多编辑、记者、自由撰稿人以及IT从业人员的平台，是一个舆论中心，具有自由、公允、宽容、参与等特点。

MSN Spaces
网址：
http://spaces.msn.com/?mkt=zh-cn
注册人数：500万（全球）
2005年1月正式推出，是最近比较热门的博客网站之一。用户只须通过简单的设置就可以得到个性化的空间。

网易部落
网址：
http://bulo.163.com/
注册人数：439万以上
网易部落是网易公司新推出的一个博客服务项目，它通过部落这种形式把论坛之间、论坛和新闻内容之间、网易用户之间打通，使得网站的整体互动性得以提高，它功能强大，新概念很多，用户需要认真学习才能完全理解并掌握。

新浪博客
网址：
http://blog.sina.com.cn/main/
注册人数：100万以上
新浪博客是新浪网最新推出的一个博客服务，凭借新浪网强大的平台优势，它逐渐成为国内比较有影响力的博客门户之一。

和讯博客
网址：
http://home.hexun.com/
注册人数：600万以上
和讯博客是由和讯网提供的免费的博客托管服务，能够提供比较稳定的技术支持，是国内知名度较高的专业博客网站之一。它功能强大，具有完善的Web 2.0应用（博客、图片、网摘、RSS），以及便捷的交流功能，它的目标是建立一个综合性的博客社区。

Qzone
网址：
http://q-zone.qq.com/web/
注册人数：1000万以上
Qzone是腾讯公司推出的一个博客空间，它是一个属于自己的个性空间，是一种为新新人类提供的全新的网络生活方式。

易用性大比拼
易用性是评价一个博客网站是否优秀的重要标准，它所包含的内容很多，如开通和登录Blog的过程、编辑、管理、稳定性等。易用性好的博客系统可以为用户带来更多的方便，更容易聚集优秀的博客人才，人们更乐于接受和使用它。而易用性差的博客系统将会增加你成为博客的难度，花费你更多的时间和精力，最终会让你丧失做博客的兴趣。

对于这十大博客网站的易用性，我们分别从博客的开通和登录、编辑、管理、稳定性四个重要方面来进行评测和打分（评测结果见表1）。

在博客的开通和登录方面，博客网和和讯博客的操作最为简单。而中国博客网和Qzone在所有博客网站中的操作最为复杂，需要有一定的耐心和技巧。其他六个博客网站的表现还算中规中矩。值得一提的就是对于已经拥有.NET Passport通行证、网易通行证、新浪免费会员账号的用户，可以直接用它来开通相应的MSN Spaces、网易部落、新浪博客服务。

在编辑和发布方面，十个博客网站的表现都很出色，发表文章的界面都相当简洁，都具备一般Blog系统所需要的必备功能。其中博客网、中国博客网和和讯博客整体来说要比其他博客网站更具专业性，所以略胜一筹。而天涯博客的不足之处就是用户在发布日志的时候，需要填写验证码，这样的操作对于普通用户来说，并没有实际意义。

在管理方面，博客网、中国博客网、博客动力和DoNews具有十分人性化的管理功能，管理标签排列整齐，一目了然，即使是新用户，也很容易上手。其他网站的博客管理服务，虽然没有太突出的表现，但基本上都可以接受。不过，网易部落中很多新的概念让大家比较头疼，它有自己的一套使用规则，使用起来相对复杂一些，普通用户需要一定的时间才能掌握。

在稳定性方面，新浪博客借助新浪服务器的强大功能，取得了领先优势，发布速度快、反应迅速，很少有发布失败的情况出现。与其形成鲜明对比的就是MSN Spaces，系统稳定性一直得不到提高，运行速度慢是它的一大“特点”。而其他博客系统的运行速度虽然不是很快，但基本上还可以接受。

界面大比拼
精美的博客界面能给到访者留下深刻的印象，它与你的访客有着直接联系，它的重要性不言而喻，所以它是一个博客是否优秀的重要评判标准。通常要得到一个个性化的博客界面，你可以通过博客系统自带的模板，使用博客系统提供的页面布局功能或HTML代码编辑功能来实现。这些功能，如果博客系统全部提供，那么你可以轻松拥有十分丰富的博客界面。如果没有，那么博客的精彩程度可能会大打折扣。参加此次评测的十大博客网站在此方面的表现究竟如何呢？下面就分别从系统自带模板丰富程度、设计自由度、HTML支持三方面来进行评测和打分（评测结果见表2）。

在系统自带的界面模板中，中国博客网和MSN Spaces占据了绝对优势。这是因为中国博客网为博客提供了84种页面模板。在MSN Spaces自定义空间中，它为用户提供了81个博客界面主题，遥遥领先于其他的博客系统。这就表明你不用使用其他方法，就可以轻松得到众多精美的博客界面。

新浪博客提供的界面模板最少，但是你不用担心，因为它的界面组合功能十分强大。其他博客系统，都提供了十几种到三十几种界面模板，基本上可以满足不同用户的需要。

设计自由度和HTML支持功能可以让不满足于系统自带模板的用户自由发挥，弥补界面模板的不足，自由发挥自己的创意，打造自己的个性化博客界面。在设计自由度方面，网易部落和Qzone的表现最为出色，它们拥有强大的页面布局功能，可以打造出令人眼花缭乱的界面效果，这是其他博客系统所无法比拟的。而在HTML支持方面，中国博客网等虽然都支持，但它的使用有一定的前提条件，那就是你必须具备一定的HTML语言基础，否则很难发挥它的功效。

总体来说，以上所介绍的博客网站都为用户提供了精美的界面，特别是中国博客网和MSN Spaces，使用起来也十分方便。而其他博客网站所提供的博客界面种类虽然不是很多，但基本上也可满足一般用户的需求。

博客网，37种博客模板，可以满足不同口味的用户需要。
中国博客网，84种页面模板，模板代码编辑功能让熟悉代码的博客可以尽情发挥。
博客动力，界面模板共有29种，还有5种页面结构组织模板可供使用。
天涯博客，19种页面模板，还可通过HTML编辑器，根据自己的创意自由发挥。
DoNews，29种博客界面，还允许自行添加样式表，支持HTML、iframe、Script等代码。
MSN Spaces，81个博客界面主题和6种版式安排，还可手动拖曳进行调整。
网易部落，8种固定的博客界面样式、39种Flash动画样式和多种页面布局。
新浪博客，界面模板较少，为用户提供了自定义图片背景的功能。
和讯博客，22个页面模板，可以使用HTML语言。
Qzone，9种界面模板，可用Q币装扮自己的Qzone空间。

功能、服务大比拼
对于每一个博客来说，博客系统的功能和服务是最为重要的，如基本功能的完备性、博客空间大小、上传文件的限制、RSS功能等。它们是博客生存的基本条件，所以优秀的博客网站通常都非常注重这些方面的拓展。下面就从基本功能、特色服务、相册容量、单个上传文件最大体积四个方面对这十大博客网站进行评测和打分（综合实力共计10分）。评测结果见表3。

以上十大博客网站都提供了Blog系统完备的功能，在特色服务方面和讯博客、网易部落占据了一定的优势，它们都提供了邀友、圈子等功能，更方便用户间的交流，符合Web 2.0发展的潮流，而MSN Spaces、Qzone分别与MSN Messenger和QQ的完美整合也很有新意。相册功能方面，博客网、博客动力、和讯博客、MSN Spaces和Qzone较为出色，它们的相册容量大且支持上传较大的单个图片文件。

总结
博客网作为一个中国博客的先驱，从各个方面来看，依然拥有一定的优势，是博客的首选。MSN Spaces、网易部落、新浪博客和Qzone虽然是后起之秀，但凭借它们各自的背景、经历，也有相当高的人气，其实力不容小视。而其他如中国博客网、天涯博客、DoNews等凭借自身的实力和专业的博客服务，都取得了不俗的成绩，而且它们仍在继续努力，相信它们的明天会更加灿烂。

那么，大家该如何选择属于自己的博客空间呢？如果你想和自己的伴侣共同经营一个博客空间，书写生活的甜蜜，那么中国博客网是一个不错的选择，它的情侣博客、团队博客都可以很好地为你提供专业服务。如果你只希望能有一块自己的空间，来记录自己的心情，并不追求其他的回报，那么天涯博客、和讯博客都是不错的选择，它们所具有的功能完全可以满足你的要求。由于DoNews在IT业界的影响力非凡，如果你是一个IT人士，那么DoNews非常适合你。对于已经拥有新浪会员账号、MSN Messenger、网易通行证的朋友来说，如果也想过一把博客瘾，那么只需通过简单的注册，就会拥有新浪博客、MSN Spaces、网易部落。QQ所推出的Qzone具有强大的相册功能以及“装饰”功能，对于追求时尚的新新人类来说极为诱人。
在当今的博客时代，你怎能没有自己的博客？心动不如行动，赶紧动手建立属于你的博客吧。

签名档........................　　　 [?]

2006-02-08 11:59:36

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

3 楼 取地址

140个FLASH时钟...,

可以直接调用，有兴趣的博客们不妨去看看。具体的操作方法如下：

　　1、调用地址：http://www.8gem.com/hotlion/clock*.swf，其中*以数字1至140代替。
　　2、决定使用哪一款之后，看看页面的地址栏，把文件地址复制下来。
　　3、在页面中的适当位置加入如下代码：
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=高度 width=宽度 classid=clsid 27CDB6E-AE6D-11cf-96B8-444553540000>
<PARAM NAME="Src" VALUE="调用的FLASH文件地址">
<PARAM NAME="WMode" VALUE="Transparent">
<PARAM NAME="Play" VALUE="0">
<PARAM NAME="Loop" VALUE="-1">
<PARAM NAME="Quality" VALUE="High">
<PARAM NAME="Menu" VALUE="0">
<PARAM NAME="AllowScriptAccess" VALUE="always">
<PARAM NAME="Scale" VALUE="ShowAll">
<PARAM NAME="DeviceFont" VALUE="0">
</OBJECT>

　　其中，代码中的“高度”、“宽度”和“调用的FLASH文件地址”需要根据实际情况修改，而参数“wmode”是设定该flash文件是否透明显示，以上代码设定为“透明”，这个一般不需要修改；“menu”参数则是设定右键点击flash文件时，是否显示设置菜单，“0”为不显示，其他值为显示。

这是别人那里转载过来的....很适用...好东西大家分享咯!!!

签名档........................　　　 [?]

2006-02-08 12:00:26

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

4 楼 取地址

BLOG程序大搜集
ASP

L-Blog: http://www.loveyuki.com
由Loveyuki自主开发的基于 ASP+Access 的小型单用户BLOG，目前似乎已经停止更新了，但是用户群相当大，而且是国内相当多的BLOG系统的鼻祖。

oblog: http://www.oioj.net
多用户Blog,目前占据ASP多用户BLOG的大部分市场，2.X商业版已经实行免费，很值得继续关注与期待的国内作品。

SLblog：http://SLblog.com
多用户Blog，刚发展起来的，更新很快，感觉像是oblog和missblog的结合体，同时首创了Blog系统无限级分类和用户栏目的无限级分类，多功能在现编辑器。但界面不是很美观，好在模板和程序分离，方便修改。

Misslog: http://www.misslog.com/blog
多用户blog,每个blog可以有多个用户参与创作与维护，团队功能很强大！

LBS: http://www.voidland.com/blog
LBS早期基于L-Blog架构，自从LBS2推出以后，大部分属于自己的创作，模板很多，用户群也逐渐庞大。

Z-Blog: http://www.rainbowsoft.org/zblog/
今年发展相当快的Blog系统，官方提供了想当丰富的支持，也创造了比较好的交流环境，这是他的一大亮点。

PJBlog: http://www.pjhome.net/
基于ASP的单用户BLOG系统，由于其插件异常丰富，可扩展的功能很多，比较适合喜欢功能饱满的朋友。

Alpar's Blog: http://blog.fz0132.com
基于L-Blog架构，但是作了相当大程度的修改，全面兼容LBS^2 的Style，目前版本模板采用DIV+CSS，很值得期待后续发展。

nblog: http://blog.nowans.com/
一个基于Access的个人Blog程序，全生成静态页面，刚开始起步。

blogx： http://www.blanksoft.com/blogx/

d2kblog: http://www.d2ksoft.com/
国外一个BLOG系统，支持多国语言页面内容和页面样式分离。

KeeBlogSystem: http://keesky.com/blog/
XUL后台管理，很有特点的一个BLOG系统。

ASP.NET

.Text: http://scottwater.com/Dottext/default.aspx
很有名的ASP的blog系统，官方暂无静态化（对每页生成静态的html页面）版本，国内donews使用该软件。

BlogX: http://www.simplegeek.com/CategoryView.aspx/BlogX
程序是英国人编写的,国内 BLANKSOFT.COM 进行了汉化和修改。

dasBlog: http://www.dasblog.net
功能比较齐全，对FireFox的支持不怎么好。

PHP

Okphp BLOG: http://cn.okphp.com/
基于PHP+MYSQL开发的多用户BLOG系统，部分代码ZEND，主要特点能够很好地和许多论坛程序无缝兼容。

BlogHoster: http://www.webligo.com
国外的一个多用户商业BLOG系统，基于PHP+MYSQL，简洁明快的风格。

exBlog: http://www.exblog.net/
基于PHP/MySQL平台开发，注重稳定效率和兼容性，使用了 PHPLIB 的模板系统，提供WAP接口。

Pixelpost PhotoBlog: http://www.pixelpost.org/
国外的由图片系统和博客系统融合来的新型博客，已经由落伍的星完成汉化。

bMachine： http://boastology.com
国外老牌BLOG系统，同时支持文本数据库和MySQL数据库，支持中文搜索。

7log: http://www.7log.com
比较早的能够生成静态页面的BLOG系统，目前开发进度停滞。

O-blog: http://www.phpblog.cn/
需在PHP+MYSQL环境下运行，主要特色对静态生成有很大的灵活度，作者风色默默无闻地开发也让人钦佩。

pigface blog: http://www.flashforweb.com/
一个简单的BLOG,具备所有BLOG必须的功能，基于PHP＋MYSQL。

bo-blog: http://www.bo-blog.com/
文本数据库，现在发展似乎遇到了瓶颈，发展不如年初那么火热，但是一样有很多追随者。

C-Blog: http://www.saysay.cn
由 Coolsky 自主开发的基于 PHP+Smarty模版引擎+ADODB组件的小型单用户BLOG，目前提供2个版本 hp+mysql版本和php+access版本，能够生成静态页面。

SaBlog: http://www.4ngel.net/blog/angel/
安全天使小组开发的一套BLOG系统，功能不断在完善，优点在于安全性很高。

Simple PHP Blog: http://www.simplephpblog.com/
国外一个轻便的blog系统，包含中文语言文件。

yo2blog: http://www.oneoo.com/
一个简单小巧快捷的 blog 程序，使用假性目录结构生成类静态 HTML 页面链接。

sBLOG: http://www.sblog.cn/
国外一款基于PHP+MySQL的BLOG系统，模板遵循W3C规范，并提供mod_rewrite功能支持。

b2： http://www.cafelog.com php
blog的老祖宗，操作简单，容易上手，现在好像停止了开发。

b2evolution: http://www.b2evolution.net
B2多用户版，有很多风格和插件。

wordpress： http://www.wordpress.org
架站比MT简单一点，功能也很全面，应该是支持blog的首选。它有最强的模版功能，已经开始有限范围内测试多用户的新版。

pivot： http://www.pivotlog.net
PHP+XML，没有使用数据库，有中文语言包，

nucleus： http://www.nucleuscms.org
这个也是比较老牌的程序了，有中文语言包！

M-logger： http://miracle.shakeme.net
文本储存数据。

drupal： http://www.drupal.org
功能强大，在多用户支持上尤为突出。它看起来更像一个内容发布系统（CMS）而不是一个纯blog软件，所以仅仅只想使用blog功能的朋友就用不着扛着这门炮了。

Pmschine： http://www.pmachine.com
这个估计是blog的元老了，不过现在已经商业化了，新版本名叫Expression Engine，在国内可以免费下载！

bBlog： http://dev.bblog.com/
一个非常简洁好用的blog，汉化版： http://www.xptop.com/lei/

serendipity： http://www.s9y.org
功能很多，每个功能以模块方式安装，界面也很容易修改。

Plog http://www.plogworld.org/php
blog里的最好作品了，真正的多用户，不过目前官方网站打不开，不知道是不是偶的网络问题，呵呵！

Plainslash： http://www.51zhao.com/plainslash/
文本blog程序，作者很久没更新了，但现在blog的基本功能都有了。

CGI

movable Type： http://www.movabletype.org
一个cgi程序的blog软件，应用最为广泛，大陆不算十分多，香港台湾的80%以上的独立blog站点都是通过它架设的。插件众多，基本需要的功能都能实现，它支持多用户blog。

Greymatter： http://www.noahgrey.com/greysoft/
是一个类似 Movable Type 的Blog程序非常简单，也是生成静态文件。

HUS Reviv： http://supermanc.51.net/norman/blog.cgi
国人开发的，功能很强大，但由于cgi语言的问题，安装调试比较复杂，而且很占资源。

Blosxom： http://www.blosxom.com
很老的一个程序了，也可能是世界上最小的blog系统了，只有一个文件却实现了blog的大部分功能！

JSP

Roller：http://www.rollerweblogger.org/page/project
国外运用想当广泛的一套BLOG系统。

DLOG4J： http://dlog4j.sourceforge.net/
国人开发的，已经申报SourceForge项目中文官方站： http://www.javayou.com

TM： http://www.terac.com
一个功能强大的blog，支持文件上传、RSS、评论、WYSIWYG 编辑器等功能，多种语言（含简体中文）

签名档........................　　　 [?]

2006-02-08 12:01:10

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

5 楼 取地址

CSS的十八般技巧

CSS的十八般技巧

　　作者翻译：阿捷

　　原文作者：Roger Johansson

　　作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名

　　原文出处：www.456bereastreet.com

　　原文发表时间：2005年3月15日

　　最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。

　　本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。

　　一.使用css缩写

　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

　　二.明确定义单位，除非值为0

　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

　　三.区分大小写

　　当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。

　　class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。

　　四.取消class和id前的元素限定

　　当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如：

　　div#content { /* declarations */ }

　　fieldset.details { /* declarations */ }

　　可以写成

　　#content { /* declarations */ }

　　.details { /* declarations */ }

　　这样可以节省一些字节。

　　五.默认值

　　通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样：

　　* {

　　margin:0;

　　padding:0;

　　}

　　六.不需要重复定义可继承的值

　　CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。

　　七.最近优先原则

　　如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码

　　Update: Lorem ipsum dolor set

　　在CSS文件中，你已经定义了元素p，又定义了一个class"update"

　　p {

　　margin:1em 0;

　　font-size:1em;

　　color:#333;

　　}

　　.update {

　　font-weight:bold;

　　color:#600;

　　}

　　这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》了解更多。

　　八.多重class定义

　　一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。

　　.one{width:200px;background:#666;}

　　.two{border:10px solid #F00;}

　　在页面代码中，我们可以这样调用

　　<div class="one two"></div>

　　这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。

　　九.使用子选择器(descendant selectors)

　　CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码：

　　<div id="subnav">

　　<ul>

　　<li class="subnavitem"> <a href="#" class="subnavitem">Item 1</a></li>>

　　<li class="subnavitemselected"> <a href="#" class="subnavitemselected"> Item 1</a> </li>

　　<li class="subnavitem"> <a href="#" class="subnavitem"> Item 1</a> </li>

　　</ul>

　　</div>

　　这段代码的CSS定义是：

　　div#subnav ul { /* Some styling */ }

　　div#subnav ul li.subnavitem { /* Some styling */ }

　　div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }

　　div#subnav ul li.subnavitemselected { /* Some styling */ }

　　div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

　　你可以用下面的方法替代上面的代码

　　<ul id="subnav">

　　<li> <a href="#"> Item 1</a> </li>

　　<li class="sel"> <a href="#"> Item 1</a> </li>

　　<li> <a href="#"> Item 1</a> </li>

　　</ul>

　　样式定义是：

　　#subnav { /* Some styling */ }

　　#subnav li { /* Some styling */ }

　　#subnav a { /* Some styling */ }

　　#subnav .sel { /* Some styling */ }

　　#subnav .sel a { /* Some styling */ }

　　用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。

　　十.不需要给背景图片路径加引号

　　为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：

　　background:url("images/***.gif" #333;

　　可以写为

　　background:url(images/***.gif) #333;

　　如果你加了引号，反而会引起一些浏览器的错误。

　　十一.组选择器(Group selectors)

　　当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。

　　例如：定义所有标题的字体、颜色和margin，你可以这样写：

　　h1,h2,h3,h4,h5,h6 {

　　font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;

　　color:#333;

　　margin:1em 0;

　　}

　　如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如：

　　h1 { font-size:2em; }

　　h2 { font-size:1.6em; }

　　十二.用正确的顺序指定链接的样式

　　当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义，可以参考Eric Meyer的《Link Specificity》。

　　如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。

　　十三.清除浮动

　　一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。

　　通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》。

　　上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。

　　上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》

　　十四.横向居中(centering)

　　这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：

　　你可以这样定义使它横向居中：

　　#wrap {

　　width:760px; /* 修改为你的层的宽度 */

　　margin:0 auto;

　　}

　　但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样：

　　body {

　　text-align:center;

　　}

　　#wrap {

　　width:760px; /* 修改为你的层的宽度 */

　　margin:0 auto;

　　text-align:left;

　　}

　　第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。

　　十五.导入(Import)和隐藏CSS

　　因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如：

　　@import url("main.css" ;

　　然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法：

　　@import "main.css";

　　这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》

　　十六.针对IE的优化

　　有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。

　　1.注释的方法

　　(a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector):

　　html>body p {

　　/* 定义内容 */

　　}

　　(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

　　* html p {

　　/* declarations */

　　}

　　(c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧：

　　/* \*/

　　* html p {

　　declarations

　　}

　　/* */

　　2.条件注释(conditional comments)的方法

　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样：

　　

　　十七.调试技巧：层有多大？

　　当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

　　另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

　　十八.CSS代码书写样式

　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式：

　　selector1,

　　selector2 {

　　property:value;

　　}

　　当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

　　我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。

　　最后，关闭的大括号}单独写一行。

　　空格和换行有助与阅读。

签名档........................　　　 [?]

2006-02-08 12:02:00

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

6 楼 取地址

北方博客增加neighborlink标签

标签格式：{neighborlink}
作用：显示上一篇日志和下一篇日志
作用范围：副模板
示例：http://baby.blog.enorth.com.cn/article/16392.shtml

签名档........................　　　 [?]

2006-02-08 12:02:43

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

7 楼 取地址

北方网博客使用指南（入门）初级
本贴中将着重介绍怎样建立自己的博客，以及如何选择文章分类，如何在博客中加入文章、图片、音乐等最常用到的一些博客工具的使用。供初级研究博客的网友借鉴。
第一步激活自己的博客
在此声明的是，凡是通过正常途径申请了北方网社区用户ID的网友，都已有了自己相应的博客，在登陆博客首页时，无须重新注册用户，只需要激活自己的博客地址即可。

尚未注册过北方网社区用户的网友，需要先注册论坛用户后才有自己的博客。

激活方法：

打开博客页面http://blog.enorth.com.cn/

在用户名中填写您在北方论坛注册用户名以及密码。

附图:

签名档........................　　　 [?]

2006-02-08 12:08:09

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

8 楼 取地址

点击“激活博客”
附图:

签名档........................　　　 [?]

2006-02-08 12:09:40

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

9 楼 取地址

域名请用英文或者数字

站点名称可选用中文名称

选择下面提供的用户设置选项（也可以在注册后在用户管理中自行修改）

填写简要描述

点击确定

附图:

签名档........................　　　 [?]

2006-02-08 12:11:34

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

10 楼 取地址

经过以上简单的几个步骤，您的博客既被激活可以使用了。
附图:

签名档........................　　　 [?]

2006-02-08 12:12:55

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

11 楼 取地址

工具栏选项用途
编辑帐号信息

域名 smallcat.blog.enorth.com.cn

（为您的博客地址，直接在网址栏中输入则直接进入您的博客首页。）

站点名称

（可修改项，为您想为自己博客起的名字。）

默认摘要字数

（显示您博客描述的摘要，系统默认为４００个汉字）

首页显示日志数

（可修改项，您博客显示的文章篇数。）

列表显示评论数

（你博客首页显示的每篇文章的评论数）

列表显示留言数

（每篇文章显示的留言数目）

显示日志顺序最新的显示在最上面最旧的显示在最上面

（三种显示文章列表风格选项，可选。）

附图:

签名档........................　　　 [?]

2006-02-08 12:14:53

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

12 楼 取地址

“分类管理”工具用途
在这里可以为您的文章建立分类，比如情感类，像册类，日记类.......等等。分类名称由您自己决定。

首先在增加分类中，加入您想要的文章分类主题，比如，我们建立一个“我的日记”分类，要注意“显示序号”的说明，“范围0到9999，数值大的排在前面，默认值为100”（含义是，在您首页所显示的文章分类的顺序，您为分类所标注的序号越大，显示就越靠前）

在这里，我们把“我的日记”分类，标注序号为５３８

附图:

签名档........................　　　 [?]

2006-02-08 12:16:25

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

13 楼 取地址

用刚才的方法在增加一个“我的照片”分类
“我的照片”序号定为５４２

附图:

签名档........................　　　 [?]

2006-02-08 12:17:51

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

14 楼 取地址

点击确定后，既可看到生成的分类，且次序是按照我们刚刚为其定
的序号顺序显示的，数字大的在上方。

附图:

签名档........................　　　 [?]

2006-02-08 12:19:33

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

15 楼 取地址

您可以在“我的分类”中随意删除编辑您自制的文章分类

附图:

签名档........................　　　 [?]

2006-02-08 12:20:40

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

16 楼 取地址

公告管理
在这里发布您的博客公告（注意尽量使用简单明了的语言，不要过长，否则失去公告的意义与效果。）

如：

附图:

签名档........................　　　 [?]

2006-02-08 12:22:06

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

17 楼 取地址

做完这些前提工作后，您就可以回到博客中来发表自己的日志（文章）了。

怎样发布日志：

点击“发表日志”，进入文字编辑框。在这里发表您的文章内容，并选择博客所属于的系统分类，如果用户无选择，那么系统默认为分类为“其他”。

附图:

签名档........................　　　 [?]

2006-02-08 12:24:18

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

18 楼 取地址

选择您的文章分类，也就是您刚才自己建立的分类。
附图:

签名档........................　　　 [?]

2006-02-08 12:25:30

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

19 楼 取地址

填写文章摘要，摘要显示于您博客的首页文章列表中。

您可以选择是否允许看过您博客内容的网友评论您的文章，您也可以对您的日志设置密码，其他用户只能通过您设置的密码才能看到您博客文章的内容。

文章的排列顺序，依据于您填写的置顶序号，序号越大文章在博客首页的排序越靠前。

如图：

附图:

签名档........................　　　 [?]

2006-02-08 12:27:13

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

20 楼 取地址

我们再发一个含有图片及音乐的日志
在博客右侧的工具栏里点击“上传附件”，然后直接上传您需要用到的附件。注意大小不要超过５００K。

如图：

附图:

签名档........................　　　 [?]

2006-02-08 12:28:47

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

21 楼 取地址

继续编辑您要用到附件的博客日志。

点击“引用附件”按钮在弹出的附件选框中找到您要引用的图片，点击图片下方的“取联接”

附图:

签名档........................　　　 [?]

2006-02-08 12:30:24

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

22 楼 取地址

点“插入图片”多媒体标签（鼠标停放在标签上，即会显示出标签用途说明。如图），将刚取下的图片地址粘贴在图片来源中。（同BBS引用图片方式相同）。
附图:

签名档........................　　　 [?]

2006-02-08 12:31:34

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

23 楼 取地址

可以在下拉菜单中选择不同的图片显示效果哦

这篇文章，我们把它的序号定为６５４

附图:

签名档........................　　　 [?]

2006-02-08 12:33:04

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

24 楼 取地址

点击确定后，我们刚才建立的两篇日志就按序号大小顺序排列好了。
附图:

签名档........................　　　 [?]

2006-02-08 12:34:23

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

25 楼 取地址

点击上图最顶端的“我的首页”
这时候一个简单的博客就初步建立好了。

引用其他格式多媒体附件（如：音频、视频、flash.....）的方法与插入图片的方法相同，只要选择不同种类的多媒体标签即可。
更换页面风格
在右侧工具栏中——>模版管理——>定制模版

选择您心仪的模版风格

桃子是青春岁月

附图:

签名档........................　　　 [?]

2006-02-08 12:36:21

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

26 楼 取地址

点击确定后，重新回到首页。
您的首页已经成功套用了系统提供的页面风格。

附图:

签名档........................　　　 [?]

2006-02-08 12:37:49

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

27 楼 取地址

以上为初级博客用户建立博客常要用到的博客工具功能介绍。

再次提醒刚开始拥有属于您自己的博客的朋友们，在您尽情享受北方网带给您的无限欢娱的同时，请自觉遵守北方网社区用户守则，自觉遵守北方网博客用户守则，博客中禁止发布任何形式的商业、网站、论坛广告，博客中严禁夹杂病毒代码，博客中严禁发布违反我国宪法法规各项制度的内容等。发布以上违规内容的用户，我们将收回您使用北方网博客的权限，所贴内容违反我国宪法涉及到的法律规章制度者，我们将会对您所贴出的内容以及您的个人信息作出备案，必要时交由公安部门处理。

营造健康的网络环境需要您的配合与协助，北方网感谢您一直以来对本网站的关注与支持！相信我们将会努力做的更出色！

签名档........................　　　 [?]

2006-02-08 12:39:31

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

28 楼 取地址

博客常见问题解答
本人也是菜鸟,用过一段时间的博客,在这里把一些经验给大家分享分享,希望有高手多来指教指教,发些实用的东西,哦吼

关于背景音乐:

添加背景音乐
</STYLE>，在这两行代码的下面一行添加
<bgsound src="地址" loop="-1"> 其中的“地址”就是您音乐的地址
后面loop=后面的数字是歌曲的重复次数，-1是无限重复

另外一种方法则略微复杂一些，但可设置的参数也较多。
在页面代码中的<body>与</body>标签之间加入一个“Embed”标签，如:
<EMBED src="xxx" autostart="true" loop="true" width="80" height="20">

具体的说明:

src 背景音乐的路径。
autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false”
loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。
volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。
starttime 设置音乐开始播放的时间，格式是“分：秒”，如：starttime＝"00:10"，就是从第10秒开始播放。
endtime 设置音乐结束播放的时间，具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观，“console”为通常面板；“smallconsole”为小型面板。“playbutton”为是否显示播放按钮；“pausebutton”为是否显示暂停按钮；“stopbutton”为是否显示停止按钮；“volumelever”为是否显示音量调节按钮，例如：
controls="console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever"。
hidden 设置音乐播放控制面板的显示与否，“false”为显示，“true”为隐藏。

添加非官方播放器（一次播放多首歌曲）
先推荐一个免费播放器http://qzqn.cn/free/p/，首先注册，然后登陆，开始添加你的播放列表，填上你的歌曲地址然后输入些名字之类的就可以了。
最后点击上方的获得代码，之后你会得到一段代码，最后把这段代码贴到你博客代码的BODY之间就可以了。

关于字体颜色:

日志主体颜色
在代码中找到TD{}，把里面的color改成你所要得代码，具体颜色代码请参照颜色代码表

日志标题颜色
找到diary_datetitle { ,里面的color改成你所要得颜色代码

滚动条颜色

在body间加入代码(格式如下):
<style type="text/css">
body {
scrollbar-face-color: #330033;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #330033;
scrollbar-arrow-color: #FFFFFF;
}
</style>

其中
Scrollbar-Face-Color为滚动条表面颜色设定；
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
Scrollbar-Track-Color为滚动条底板颜色设定；
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定。

按照自己的需要修改即可

关于背景:

如果是修改背景颜色，找到background-color: #XXXXXX;，用你喜欢的背景颜色代码替换掉原来的即可。

如果是修改背景图片,先在代码中找到background-image: url(http://XXX.XXXXX.XXX/XXX.jpg);将图片替换成你喜欢的背景图片链接即可。

日志背景：

找到日志主体div.entity{ 中的background-color: #XXXXXX;(背景颜色)，或者background-image: url(http://XXX.XXXXX.XXX/XXX.jpg)(背景图片);，用自己中意的背景颜色和图片替换掉即可。如果没有该二行代码，可自行添加。

固定背景:

先找到代码中的控制背景的css语句,如没有请自行添加
<STYLE type=text/css>
BODY {
background-image:url("背景图片URL" ;
background-repeat:no-repeat;
（这个是背景是否重复排列，如不需要重复排列可将次段代码删除）
background-attachment:fixed;(指固定背景)
</STYLE>

有很多博客中由于有很多前背景色,所以无法全部把背景显示出来

需要在代码中找到bgcolor,然后将后面的颜色代码删除即可.

关于图片更改:

打开博客,找到要更改的图片,点属性察看图片地址,然后到代码中找到次地址然后更换就行了,大小也可以在代码中更改.

以下是常用特效:

加入透明Flash背景

代码格式：<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">

此代码为插入透明flash代码，其中 width="" 为flash的宽，height="" 为 flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置

添加邮箱快速登录代码
<div align=center><form name="loginmail" onsubmit="function anonymous()
{return chkinput2(this);
}" action=http://219.129.20.144:8000/sendmail.asp method="post" target="_blank"><select tabindex="2" size="1" name="site"> <option value="">请选择你的邮箱</option> <option value="21cn.com">@21cn.com</option> <option value="163.net">@163.net</option> <option value="tom.com">@tom.com</option> <option value="163.com">@163.com</option> <option value="vip.163.com">@vip.163.com</option> <option value="sohu.com">@sohu.com</option> <option value="263.net">@263.net</option> <option value="sina.com">@sina.com</option> <option value="vip.sina.com">@vip.sina.com</option> <option value="mail.china.com">@mail.china.com</option> <option value="china.com">@china.com</option> <option value="netease.com">@netease.com</option> <option value="yeah.net">@yeah.net</option> <option value="etang.com">@etang.com</option> <option value="fm365.com">@fm365.com</option> <option value="cn.yahoo.com">@yahoo.com.cn</option> <option value="xinhuanet.com">@xinhuanet.com</option> <option value="eyou.com">@eyou.com</option> <option value="email.com.cn">@email.com.cn</option> <option value="ynmail.com">@ynmail.com</option> <option value="citiz.net">@citiz.net</option> <option value="126.com">@126.com网易50M</option> <option value="elong.com">@elong.com</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>

添加搜索引擎代码
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"
src="http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0">
</iframe></div><div align=center><FORM method=GET action="http://www.google.com/search" target=_blank>
<input type=hidden name=ie value=GB2312>
<input type=hidden name=oe value=GB2312>
<INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN">
<A HREF="http://www.google.com/" target=_blank>
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"　border="0" ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="搜索">
<input type=hidden name=domains value="这里输入你的网站地址"</br>
<input type=radio name=sitesearch value="">全球搜索
<input type=radio name=sitesearch value="这里输入你的网站地址" checked> 本站搜索<br>
</font></FORM></div>

显IP地址免费代码
<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="200" height="36" marginheight="4" marginwidth="0"></iframe>

免费手机地理位置查询代码
<FORM action=http://www.k688.com/sj/index.php method=post target="_blank">
<tr>
<td> <input onMouseOver="this.focus()" onblur="if (this.value =='') this.value='请输入手机号码'" onFocus="this.select()" onClick="if (this.value=='请输入手机号码') this.value=''" name="m" type="text" id="m2" size="12" value='请输入手机号码'>
<input type="submit" name="Submit" value="手机地址">
<input name="a" type="hidden" id="a2" value="search">
</td>
</tr>
</form>

免费IP地址位置查询代码

<form name=frmIp1 action="" method=post onsubmit="deal1(this);return false">
<input type=text name=txtIp value="请输入ip地址">
<input type=submit name=submit1 value="查询">
</form>
<script>
function deal1(obj)
{
window.open("http://www.it315.org/ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no" 使眼色

;
)
</script>

另外找了个博客特效大全，干净无广告：http://blog.bioon.com/js/

签名档........................　　　 [?]

2006-02-08 12:40:35

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

29 楼 取地址

博客发展简史和基本史实

　　谁是博客之父？

　　博客的出现才是近几年的事情，但是要书写博客历史，却不是一件轻松的事情。许多史料必须像挖掘“古董”一样去求证，而且分歧和争议颇多。比如谁是“博客之父”？这个问题想要有一个明确的答案是不可能的，因为牵涉到许多大名鼎鼎的人物。

　　最早的博客原型

　　首先，哪一个是最早的博客网站？显然最早的博客是作为网络“过滤器”的作用出现的，那就是挑选一些特别的网站，并作简单的介绍。因此有人认为浏览器发明人Marc Andreesen开发的Mosaic的What’s New网页就是最早的博客网页。Justin Hall的黑社会链接网页（http://www.links.net/vita/web/story.html）也是最早的博客网站原型之一。

　　最早的博客预言家

　　其次，谁是最早的博客命名人？著名科幻作家William Gibson在1996年预言了职业博客（http://www.salonmagazine.com/weekly/gibson2961014.html）：“用不了多久就会有人为你浏览网络，精选内容，并以此为生，的确存在着这样的需求”。

　　最早的博客

　　Userland公司CEO Dave Winer，在1997年开始运作的Scripting News（www.scripting.com）开始真正具备了博客的基本重要特性。并且他将这些功能集成到免费软件“Frontier脚本环境”。不过，这个算不算是真正的最早博客，争议颇多。有人认为，从形式上说，是Jorn Barger于1997年底建立了今天博客网站的基本模样（当时的原始模样可以上网看到：http://www.robotwisdom.com/）。

　　网管人员使用log（log files）来指称“系统记录文件”，因此几年前如果你用google来查weblog，查出来大多都是例如Seacloak这种网站流量分析软件，而不像今天真正的weblog。

　　最早使用“weblog”词汇

　　1997年12月，Jorn Barger运行的“Robot Wisdom Weblog”（http://www.robotwisdom.com/netlit/index.html）第一次使用weblog这个正式的名字。至今，在博客领域，他还是一位非常有影响力的人物。Jorn Barger的贡献主要体现在形式上，他将log的意义从接近航海日志那种无人称、拟客观、机械式写作，转换成较接近旅游日志的“有人称、有个性”的自由书写。由Matt Haughey发起的社区博客网站Metafilter 虽然被人广为批评，但是很长一段时间里，它的确是比其他博客网站更有意思。

　　最早使用词汇“blog”

　　而目前最流行的词汇“blog”，一般公认为是Peter Merholz（http://www.peterme.com/archives/00000205.html）在1999年才命名的。2002年5月17日，Peter Merholz在题为“词汇游戏”的帖子中如此回忆道：

　　我一直很喜欢词汇，喜欢一遇到生词就钻到词典里面。我喜欢词汇游戏，词源学更是有趣。没有想到这种爱好居然产生了影响，大约1999年4月或者5月（确切的时间已经记不清楚），我在自己的主页上贴出一个帖子：“我决定把weblog发音为wee’- blog，或者缩写为‘blog’”。我也没有多想，就把这个词汇用进了我的帖子中，后来大家发邮件也开始使用。Keith Dawson把blog收进了“行话查询”中。但是，如果不是1999年8月，Pyra发布Blogger的话，这个词汇可能就无疾而终。

　　Peter Merholz由此将blog变成动词，后来更衍生出blogging、blogger或者I blog、Blogsphere（博客世界）等的说法。

　　博客软件工具

　　1999年，也是博客开始高速增长的一年，主要是由于Blogger、Pita、Greymatter、Manila、Diaryland、Big Blog Tool等众多自动网络出版发布的免费软件的出现，而且它们往往还提供免费的服务器空间。有了这些，一个博客就可以零成本地发布、更新和维护自己的网站。其中1999年8月Pyra公司出品的Blogger是最流行和最有影响的工具。

　　有博客如此写道：“首次使用blogger的服务时受到了很大的震撼。整个接口竟然可以如此容易上手，出版结果也是同样令人感动。若是带着一些经验开始去使用Radio Userland后，眼泪根本就是滴在键盘上。有点像是emacs当年给我的感觉：无所不能、轻松上手。我会将这些软件与服务最主要归功于（还是助长？）CSS以及CMS的发展。前者提供内容（content）与形式（layout）的分离基础，后者促使程序设计师开始思考并提供一种让更新网页更简单的接口。”

　　当时，Pyra公司有着一支网络出版软件的“梦之队”。但是，这种成功并没有为公司带来利润，甚至由于财务压力，2001年1月公司大裁员，并一口气裁到了极限：只留下一名正式员工Evan Williams，他是创始人之一。梦之队也分崩离析，另一名创始人是新英格兰人Meg Hourihan。不过，到2003年，Blogger.com被Google购并，终于算是苦尽甜来。

　　到底什么叫博客？

　　最后，也是最重要的问题就是，到底什么叫博客？它与个人网站、社区、网上刊物、微型门户、新闻网页等究竟有什么区别。由于博客形式本身就是综合了多种原有的网络表现方式，因此要严格界定这个“混血儿”不太现实，而且不能过于陷入形式主义。随着演变，博客的形式会越来越多样性。有人写道：“blog的确存在这种现象。许多新闻媒体（比方说华盛顿邮报）为了强调blog惊人崛起的现象，常用blogger.com的使用人数（目前为750,000）来作指针，而不管其内容特质是否符合blog。事实上，我们也很容易认为使用moveable type、greymatter、b2、blogger、pmachine等等weblog工具都是blog了。至此，blog有没有特征已经不重要，重点是他使用什么软件或服务。我甚至觉得，说这些软件或服务助长了blog疯基本没错，但其实整个数字与群众也是因为这些软件及服务，而将所有类似的活动（管你符不符合blog的任何特质）全都吸收到blog的黑洞中，跨过那些曾经试图分类的企图。”

　　由于博客并不是纯粹的技术创新，而是一种逐渐演变的网络应用。博客天然的草根性，也决定了我们很难来认定一个正宗的博客先祖，也无法正式认定谁是“博客之父”。到了现在，想来也没有人敢于戴上这顶帽子。否则，一定会被打得头破血流。

　　博客简单的编年史

　　1993年6月：最古老的博客原型——NCSA的“What’s New Page”网页（http://archive.ncsa.uiuc.edu/SDG/Software/Mosaic/Docs/whats-new.html），主要是罗列Web上新兴的网站索引，这个页面从93年6月开始，一直更新到1996年6月为止。

　　1994年1月：Justin Hall开办“Justin’s Home Page”（Justin的个人网页），不久里面开始收集各种地下秘密的链接，这个重要的个人网站可以算是最早的博客网站之一。

　　1997年4月1日：Dave Winer开始出版Scripting News。这个网站是由早期的Davenet演变而来，最早1994年10月7日。

　　1997年12月：Jorn Barger最早用weblog这个术语来描述那些有评论和链接，而且持续更新的个人网站。

　　1998年5月7日：Peter Merholz开始出版网站peterme.com（根据他自己的档案记录）。

　　1998年9月15日：Memepool开始出版，最早的链接是关于“Alex Chiu’s Eternal Life Device”。

　　1999年：Peter Merholz以缩略词“blog”来命名博客，成为今天最常用的术语。

　　1999年5月28日，Cam在他个人博客网站Camworld中写道：“Dave Winer开始了最早的博客网站，Camworld无需隐瞒地表示，模范和追随Scripting News。”

　　2000年4月12日：Weblogs eGroups的邮件列表终止，Jorn Barger和Dave Winer的鼻祖之争开始公开化。

　　2000年8月22日：Wine在FoRK的邮件列表中贴出帖子，爆发争吵。

　　2000年10月：Jakob Neilsen表示：“...一般的博客网站都不忍卒读”。

　　2000年10月14日：Dave Winer暗示他的Scripting News是最早的博客网站，然后他优雅地将这项荣誉归于他很尊重的前辈——WWW的发明人Tim Berners-Lee。

　　2000年11月：不过Winer很快给自己找到了另一顶桂冠，Scripting News将网站的口号变为：互联网上持续运行时间最长的博客网站，开始于1997年4月1日。

　　2000年12月17日：UserLand发布SuperOpenDirectory，希望成为目录创建的事实工具。

　　2001年9月11日：世贸大楼遭遇恐怖袭击，博客成为重要信息和灾难亲身体验的重要来源。从此，博客正式步入主流社会的视野。

　　博客发展三阶段（史前阶段、初级阶段、成长阶段）

　　综上所述，准确地说，博客的历史与万维网（WWW，或Web）的历史一样“悠久”。最早的博客应该就是万维网的发明人蒂姆·贝纳斯—李（Tim Berners-Lee），他开设的第一个网站http://info.cern.ch（当然已经不复存在，而被当作古董保存着）实际上就是第一个博客网站，因为里面的内容就是列出所有出现在网上的各类网站。而后的1993到1996年间，NCSA和网景的“What’s New”栏目，也有着博客网站的雏形。当然，这一切我们都把它归于博客的“史前时期”，博客真正的历史可以从90年代中后期开始。

　　第一阶段（90年代中期到90年代末期）：萌芽阶段，或者称为启蒙期。

　　追溯博客的源头，无疑是一件难事。有人认为1994年Justin Hall声名狼藉的“网上日记”可以算早期的博客形式，这个家伙在网上及时发布他对吸毒、做爱的赤裸裸体验，吸引了不少眼球。有人说，1998年Jesse James Garrett发表在Camworld的网络旅行日记，是点燃博客社区之火的导火索，从此博客成为一种新的潮流。但更多的人认为博客最正宗的源头还是Pyra（就是现在Blogger.com的前身），这是一家小小的软件公司，三个创始人为了开发一个复杂的“群件”产品，编写了一个小软件，以博客方式保持彼此的沟通与协同。后来，他们觉得这个简单的小工具对别人也很有用处，于是，1999年8月，就在网上免费发布了Blogger软件。而此前，算得上博客的人大概还只有几打而已。结果，这样一来，如同干柴碰上烈火，许多人利用这个软件作为武器，进入博客队伍。博客队伍开始迅速繁衍开来。Pyra也因为这个根本没有上心的小软件而名声大振。总之，这个阶段主要是一批IT技术迷、网站设计者和新闻爱好者，不自觉、无理论体系的个人自发行为。还没有形成一定的群体，也没有具备一种现象的社会影响力。在悄悄的演变过程中，也有一些事件和人物起到了非常关键的启蒙与带头作用。为博客革命准备条件。

　　第二阶段（2000年——2006年左右）：初级阶段，或者称为崛起期。

　　到2000年，博客开始成千上万涌现，并成为一个热门概念。在博客发展史上，911事件是一个重要的时刻。正是这场恐怖的袭击，使人们对于生命的脆弱、人与人沟通的重要、最即时最有效的信息传递方式，有了全新的认识。一个重要的博客门类：战争博客（WarBlog）因此繁荣起来，可以说对911事件最真实最生动的描述不在《纽约时报》，而在那些幸存者的博客日志中；对事情最深刻的反思与讨论，也不是出自哪一个著名记者手中，而是在诸多的普通博客当中。

　　据不完全统计，到今天，全世界自觉实践的博客数量，已经达到50万到100万之众。虽然与3亿以上的网民相比，还显得微不足道。但是这些博客的影响力，却早已超出了他作为个人、甚至作为自己所在行业的原有范围。开始引起主流的媒体的强烈关注，并明显感受到博客崛起对传统媒体的冲击。同时，各个专业领域的博客如“雨后春笋”，纷纷浮出水面，越来越成为该专业关注的焦点。除了美国，英国、匈牙利、德国等欧洲国家的博客也形成声势。亚洲，包括中国也开始感受到博客的脉动。估计，在最近一两年内，博客将成为互联网萧条时期最重要的新现象之一，为全社会所关注。

　　第三阶段（2006年—— ）：成长阶段，或者称为发展期。

　　预测未来永远是一件很愚蠢的事情，尤其预测网络。对于博客的未来，现在要定论，的确太早！而且争议性很大。但是，根据我们的研究和判断，我们还是冒险地认同这样的一些大胆的判断：

　　到2006年左右，作为一种新的媒体现象，博客的影响力有可能超越传统媒体；

　　作为专业领域的知识传播模式，博客将成为该领域最具影响力的人物之一；

　　作为一种社会交流工具，博客将超越E-mail、BBS、ICQ（IM），成为人们之间更重要的沟通和交流方式。

　　显然，以上主要是对全球（美国为中心）博客发展阶段的简单划分。在中国，与所有的网络革命一样，继续保持着一定的“滞后度”。在博客方面也不例外，中国的发展阶段基本上差了一个阶段。也就是说，现在中国的博客发展仅仅进入启蒙期，萌芽期，可能需要2－3年，才能进入真正的初级阶段，也就是崛起期。

　　但是，一向对网络发展保持最密切关注的“数字论坛”成员，从2000年左右就已经开始觉察，并予以极大的关注。2002年，开始义不容辞地充当“博客思想”在中国推广和倡导的先锋。“博客中国”（www.blogchina.com）网站就是这样的一个产物。

　　虽然给“博客”正式冠以中文名字，还是2002年刚刚完成的事情。但是在中国，最早关注、追踪并系统阐述“博客”想象的，是一直研究新媒体的孙坚华。他在98年、99年的不少文章里已经开始涉及许多博客现象，而2002年8月完成的《博客论》，是国内第一篇系统、全面阐述博客革命的文章。

签名档........................　　　 [?]

2006-02-08 12:43:42

60.26.153.*

枫之回忆
   头衔:老会员
   注册日期:2005-11-30
   积分:23
   发贴:5172
   精华:2
   BLOG

30 楼 取地址

博客新手如何开始？

　　很多刚接触blog的人，一开始觉得无所适从，不知道要做什么。以下是对新手的一些建议：

　　1、不要急着修改模板。
　　2、熟悉管理后台“发表”，“管理”这两个最基本的功能。
　　3、发表文章后，到自己的页面上看看。
　　4、熟悉“分类管理”等更多的功能（包括公告管理、链接管理等），熟悉后台管理。
　　5、每进行一次操作后都到自己的页面上看看发生了什么激动人心的变化。
　　6、有不懂的地方先查阅帮助系统。
　　7、多看看别人的blog，并发表评论。
　　8、把自己的blog发给朋友们看，让他们分享你的想法。会得到更多的动力。
　　9、到此版块内和别人一起探讨交流。
　　10、少往页面里添加特效背景音乐或者其他让页面速度变慢或者不适合阅读的东西。
　　11、谨记，内容是最重要的。
　　……
　　如果你有什么心得，可以在本版块内发帖说出来，让大家一起分享。

签名档........................　　　 [?]

2006-02-08 12:44:53

60.26.153.*

分页：9 1 2 3 4 5 4 :

页次：1/5页每页30 总行数133


北方论坛 > 天津广播 > 天津交通广播论坛 > 1068夜航班 > 听友交流区 > 主题: 北方博客制作方法~自己整理！已经END啦！~！~！累哦	【收藏】【偏好】

快速回复
用户名:	密码: 【忘记密码？】【没有帐号？】
标题:
内容:
安全保存:	是，将内容同时保存到剪贴板。（这将替换原有剪贴板中的内容，部分浏览器不支持）

管理选项