对于我来说，用的是Dreamweaver来写源代码的，比较喜欢用其提供的套用源格式功能来规范自己的代码，这样下来整体代码书写出来可读性比较强，查错比较容易。当然，良好的可读性也是要牺牲掉一定的文档大小的，由于套用了一些应该是类似Tab键产生的空隙，其文档会相对较大，尤其当源代码比较长的时候，这个额外的空间消耗也是有一定的数目的。然而，如果要压缩这些额外的空间消耗，则会导致源代码的可读性变差。

根据我的人工判断，活着首页正常情况下大小是39.7KB的，然而去除格式化的东西将所有代码书写成一行之后，其大小能够缩小大概在2KB左右，由于本身代码长度只有三百多行，这个减少的空间不是很多，不过1/20的数据量对于代码冗长或者是服务器网速不佳的站点来说，还是有一定积极意义的。

在本站提供的基于CSSTidy的css压缩与优化工具中，其减少CSS文件大小的功能有一部分就是依靠去除Tab所产生的空格的，用户可以选择在可读性和文档大小之间的平衡。

我认为，在书写源代码的时候也可以做此考虑。写代码的时候，当然是希望可读性越强越好，比较容易修改和查错。当源代码书写好将其传上网的时候，则可以考虑对其进行一定的压缩，变成一行也可以，这样能够减少一定的带宽消耗，并能提速网页。打个比方就是制作WordPress主题的时候，可以考虑做两个版本，它们的差别仅在于有没有格式化源代码，所有的修改都用套用了源格式的版本，修改之后对其去除格式化另存为上传版本。

兼容性

个人以为，一款好的博客主题，最先该考虑到的就是器兼容性，在制作主题的过程中，时刻要考虑到兼容不同的浏览器，以免给用户造成不专业的感觉，在兼容不同浏览器方面，主要是做好IE浏览器的工作，对于其他标准浏览器，一般符合W3C规范的属性均能够正常的解释。

然而对于一款迎合大众口味的主题，尤其对于制作如wordpress等经常更新的程序主题来说，如果希望你的主题能够被大多数的用户所喜爱，对于程序历史版本的兼容也是需要好好考虑的，有时候需要考虑到历史版本对某些特殊函数的支持，至少不应该出现安装主题后网页无法显示的问题。

易用性

首先我们无法选择自己的用户是怎样的，也无法要求所有的用户都能够有多少HTML或者CSS甚至如php、asp等的知识，因此主题还需要易用，要尽量保证用户在安装你所制作的主题之后不需要多少的设置即可以轻松使用。当然，对于高级用户的需求也是需要照顾到，而这一部分的个性化工作应该可以独立出来，需要你给出一个默认的值以方便低级用户的使用。

美观性

我相信大多数安装主题的朋友在选择一款主题的时候，最先的理由就是主题的美观程度，因为这是最直观的评判，而至于其具体的功能则是次要的考虑了。

功能的多样化

考虑到使用主题的用户会有不同的需求，这时候就需要为主题添加一些常用的功能模块。比如现在的操作系统盘，虽然包括我在内的很多人会倾向与选择纯净版，但无法阻挡大部分人喜欢使用傻瓜式的几乎涵盖所有常用程序的Ghost版的趋势，而对于电脑城的工作人来说，第二种也是其不二选择。对于主题是同样的情况，如果你想让你的WP主题进入Yo2的库，相信也会需要将最常用的翻页、搜索功能制作进入主题吧。

W3C CSS验证服务

相信大家都应该不会陌生了，在书写CSS代码的时候，我们需要保证自己的代码能够达到自己需要的理想效果，最先应该做的就是让自己书写的CSS代码符合规范，而这一规范就是W3C提出的标准了，自然W3C自己提供的CSS校验服务无疑是最权威的优化工具了。

W3C CSS验证服务已经提供中文版，网址在http://jigsaw.w3.org/css-validator/，验证你的CSS文档有三种方式，一种是输入文档URL，第二种是上传文件，第三种就是直接输入。

他会为你的CSS文档提供优化建议并告知你具体在文档的哪一行哪个位置，优化建议包括文档错误与警告，通常CSS的警告主要集中在使用了同样的颜色上面，这一点如果是你自己有意设置的则无需理会。

基于CSSTidy的CSS文档优化与压缩工具

这一工具可能会有些人不知道，该工具能够做的工作包括压缩CSS文件大小和改善CSS文档可读性。输入你的CSS代码后，他能够为你自动合并为相同ID或者CLASS定义的属性，方便自己以后查找与修改，同时通过不同的压缩选项搭配，也能够把拥有相同属性的ID或CLASS放到一起。

当然，其最大的功能还是在于压缩你的CSS文档，压缩文档能够加快网页显示速度，官方的说明中说到理论最大压缩比率在46.2%，当然书写良好的CSS代码压缩率还是比较小的。

这款工具提供了英语、德语、法语和中文繁体版本，本人已经将繁体转化为简体挂靠在http://www.yetlive.com/tools/css/了。

更换更为快速的服务器无疑是加速的最佳选择

前提是你有钱，这算最直接的网页提速方法了，省事，不需要对任何页面进行处理，缺点就是Money付出要增加了。

减少图片的应用

这点会一点基本知识的人都该知道，图片的大小和文字所占大小可不是一个数量级的东西，减少图片的应用，自然可以节省带宽资源，网页显示速度自然会加快。

合并JS

过多的JS调用需要占用一定的时间，合并JS之后则可以节省一点时间，所以尽量把多个JS合并为一个。

JS调用置于尾部</body>之前伪加速

这是个掩耳盗铃的加速方法，事实上真是速度没有提高。通常JS在于控制一些特殊效果，然而用户通常关系页面的实际内容，JS放在底部，能够让用户更快的看到你的页面内容，当用户看完内容的时候，JS的特效也出来了。

将CSS放在尽量靠前的位置

CSS用于美化页面，放在最前面，可以在现实内容的同时也实现了页面的美化效果，而不是等所有文字一团糟的加载完了的时候突然出现各种美化效果，这虽然也未实际加快页面显示速度，却能让用户有种错觉，就是你的网页加载速度比较快了。

节省不必要的代码开支

这点通常效果不是那么明显，因为代码本身所占空间不是很大，不过对于页面代码、JS、CSS代码冗长的页面也是有一定作用的，对于CSS压缩可以使用本站提供的工具进行优化与压缩，地址在：http://www.yetlive.com/tools/css

控制非重点内容在底部

这就比如博客边栏，网民通常是不太需要这些信息的，可以尽量在写代码的时候写在页面底部正文内容之后，某些效果再以CSS实现，当然，这也只是伪加速的方法，因为真正的网页大小并未改变，同等网速下载时间也就不可能减少了

制作主题至少要对HTML和CSS有一定的了解，如果这点都不知道，那么你可有先去学习一下css和HTML，或者你不要考虑做一个主题了。

我们在制作自己的主题时要准备好一个主题模板，制作工具（记事本就可以，当然推荐dreamweaver）。然后主题制作中用到的许多标签可有参考官方解释：http://wiki.rainbowsoft.org/doku.php?id=themes:template

z-blog提供了一个默认的主题，也就是default主题，可以用作主题模板，在此基础上修改。下载themes文件夹下的default文件夹，在此文件夹下的template文件夹中包含了所有需要修改的文件。代表的意思分别为：

default.html 首页主模板文件
catalog.html 列表页模板文件1)
b_article-multi.html 摘要文章模板
b_article-istop.html 置顶文章模板2)
b_pagebar.html 页面底部分页条模板，可以改分页条样式
日志页相关模板

single.html 日志页主模板文件
b_article-single.html 日志页文章模板
b_article_nvabar_l.html 日志页面文章导航，显示“上一篇”日志链接3)
b_article_nvabar_r.html 日志页面文章导航，显示“下一篇”日志链接
b_article_trackback.html 每条引用通告显示模板
b_article_mutuality.html 每条相关文章显示模板
b_article_comment.html 每条评论内容显示模板4)
b_article_commentpost.html 评论发表框模板5)
b_article_commentpost-verify.html 评论验证码显示模板6)
b_article_tag.html 每个tag 的显示样式

在style文件夹下的则是主题CSS样式文件。

theme.xml为主题信息，书写格式参考：http://wiki.rainbowsoft.org/doku.php?id=themes:std

制作好主题后注意文件夹名称也改为你希望的主题名称，并注意与Theme.xml保持一致。

根据这几个制作好你的模板后，重新上传至Themes文件夹下，然后登陆后台的主题样式管理就可以安装你制作好的主题了。

在主题样式管理中有一个“主题管理扩展”的链接，点击之后在你的主题上方有五个小图标，点击其中第四个一个向上的箭头即可导出你的主题，也即打包导出。这样你就可以发布自己的主题了。

主题纯粹使用CSS美化，未插入任何图片，应该来说是比较简单的。

z-joy主题中优化了<h>标签，在文章页以文章标题作为浏览器标题。所有页面均加入了meta关键字及描述，特别适合不懂搜索引擎优化的博主。

最终主题可能和你现在看到的活着有点区别，主要是把侧栏的广告给去掉了，考虑到某些博主没有我这样向前看齐的啦。而且某个插件没添加进去，只好把热门文章和最新文章两项去掉了。

在此，还要特别感谢鸟儿与大猪，在两位的帮助下完成了主题的发布工作。

目前主题提供测试版下载,地址:http://bbs.rainbowsoft.org/thread-33686-1-1.html

有什么意见或建议希望大家提出.

总的来说Godaddy免费空间还是不错的，10GB的容量，300GB的流量限制，对于较小的网站甚至只是个人博客的话，这样的虚拟主机空间配置应该是完全够用的了，而且Godaddy提供的免费空间速度还算不错。不过使用Godaddy免费空间的同时，每个页面顶部都会被Godaddy自动添加一条广告，严重影响了网站的视觉效果。使用简短的CSS就可以把这个广告隐藏起来了。

我们打开架设在godaddy免费空间上的任何一个页面，然后查看源文件就会发现，其实只是每页都被强制加上了一个JS代码，具体的JS调用代码为：

<script language=’javascript’ src=’https://a12.alphagodaddy.com/hosting_ads/gd01.js’></script>

打开这个JS就会发现，该JS生成了一个id=”conash3D0″的漂浮框架，也就是<iframe id=”conash3D0″ frameborder=0 border=0 width=”100%” height=”115px”
marginwidth=0 marginheight=0 allowtransparency=true vspace=0 hspace=0 scrolling=no
src=”‘ + url + ‘”></iframe>这样一段。

那么隐藏Godaddy免费空间广告的方法就很简单了，只需要在CSS代码中添加一段：#conash3D0 {height:0px; top:-1px;}就可以实现广告的隐藏了。

活着在使用中发现，此CSS代码在HTML文件的头部写出有效，写进独立的站点通用css文件时则不能隐藏广告，具体原因不详，反正有一个方法可以隐藏godaddy免费空间的广告了，也就没有多去研究css代码失效的原因了。

网上搜索一下CSS实现首字下沉（也即首字增大增粗）的文章非常多，我们只需稍微改变一下即可以实现首行缩进特效。

什么是首行缩进？我想使用过Word的人都应该知道首行缩进是什么东西，也就是中文中使用的每段第一行要空两格再书写的效果。 以下就是实现这一特效的代码:

p:first-letter {margin:0 0 0 30px;}

在CSS文件中定义此段代码之后就可以实现每段首字自动缩进30像素的特效,也就是中文中出现的首字缩进两格的特效了。

更新：

以上的方法其实不是最理想的，而且不同的字体缩进宽度不同，其实CSS属性里面有这样的中文样式控制方法，以下就是

p {text-indent:2em;}

这里就是缩进两个字符了，而且不会随字体的大小变化而导致不同的显示结果。