低一度

顶部横幅

z-blog主题制作基础教程（1）

2010-6-4 - diyidu - zblog相关 - Views

好早前就想写这个系列教程了，拖了这么长时间才动笔，有负广大z-blogger厚望了。即日起，低一度将缓慢更新，并逐步完成这个系列，以期让更多的z-blogger们，能更轻松、更科学地参与制作z-blog主题。（注意：本教程最后将制作成PDF电子书格式，并打包提供下载。故请大家不要急于转载单篇日志，违者必究。）

第一讲：制作工具准备
    
1.photoshop

这个是必备的一款图片制作、编辑工具，除非你设计的主题全部都是无图版，否则，PS你是绕不过去的。主题中的许多图标、背景图片及其他图片，全靠它来加工生产，最终匹配出必须的、适合尺寸与风格的图片素材。至于版本，低一度觉得无所谓，只要你会用、懂得用、够用即可（目前我用的是photoshop 7.0绿色迷你版）。

2.代码编写工具——EditPlus

EditPlus是一款功能强大，足以取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览等功能。此外，它还能监视剪贴板，能够同步于剪贴板自动将文字粘贴进EditPlus的编辑窗口中，让你省去粘贴的步骤。EditPlus也是一款非常好用的HTML编辑器，它除了支持颜色标记、HTML标记外，同时还支持CSS, PHP, ASP, Perl, C/C++, Java, Javas cript和VBs cript……另外，它还内建了完整的HTML和CSS1指令功能，对于习惯用记事本编辑网页的朋友而言，它可以帮你节省一半以上的网页制作时间，若你有安装IE3.0以上版本，它还会结合IE浏览器于EditPlus窗口中，让你可以直接预览编辑好的网页呢。总之，这是一款相当棒又多用途、多状态的编辑软件。目前低一度制作主题，代码编写方面，主要就是依靠这款软件（我使用的是“EditPlus V3.10.193绿色汉化版”）。所以，建议大家也安装它，因为，接下来的教程，我将主要建立在这款软件基础上进行讲解。

“EditPlus V3.10.193绿色汉化版”下载地址：请单击这儿
注册名称：Free User
序列号：A3C8D-784D8-79ZDF-8FWD6-EBT4A

3.上传下载工具——FlashFXP

制作好的主题文件，需要一次次地经过“修改、上传覆盖、查看效果”等步骤来加以反复调试。这时，发挥桥梁作用的就是那些“上传下载工具”了。这里，低一度推荐大家使用“FlashFXP”这款软件（目前，低一度使用的是FlashFXP3.7.6绿色版）。FlashFXP是一款功能强大的FXP/FTP软件，它融合了其他优秀FTP软件的优点，如像CuteFTP一样可以比较文件夹，支持彩色文字显示；像BpFTP一样支持多文件夹选择文件，缓存文件夹；像LeapFTP一样的外观界面……还支持文件夹（带子文件夹）的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文件夹列表，支持FTP代理及Socks 3&4；具有避免空闲功能，防止被站点踢出；可以显示或隐藏“隐藏”属性的文件、文件夹；支持每个站点使用被动模式等等。

FlashFXP3.7.6绿色版下载地址：请单击这儿（下载解压后即可使用，首次运行程序，在弹出的注册对话框中点击“输入注册码”，即自动注册。）

4.其他

一般情况下，安装以上三款软件，就足以动手制作ZB主题了。但考虑到后期测试的一些特殊需要，如主题兼容性问题的破解等等，因此，低一度建议大家再装一些辅助性的工具。如火狐、IE和谷歌chrome这3款浏览器，就最好都要有，以备不时之需。制作调试主题的过程中，可以轮换浏览器预览实际效果，并对一些兼容问题做及时的修正。

另外，要是你是一名新手，并且对一些相关代码还不大熟练（特别是CSS），低一度还建议你去下载个相关的语法手册来放着。比如CSS，大家就可以考虑收藏我之前提供的那个《CSS3.0最新参考手册（中文版）》，很不错的哦！在写样式的过程中，若遇到一时间想不起来的属性，便可以借此查阅一下。

然后就是一些比较实用的在线工具的利用了，如颜色代码查询工具，CSS、HTML等代码的格式化工具，以及META标签自动生成器……这些在线工具，大用处虽然没有，但小用处还是很明显的，有了它们，往往能让你的制作效率大幅度提高。这里我再次推荐我的“站长常用在线工具”给大家，里面的相关工具已经很全了。

OK，以上这些差不多就是我制作z-blog主题前后，使用到的各类工具的清单及相关介绍，在此一并“灌输”给大家，有兴趣学的同学不妨按这份清单先备齐工具。下一讲我们切入正题。

关键词 // Z-Blog Z-Blog教程
出处：低一度，链接：http://www.diyidu.cn/post/zblog_theme_desgin1.html

上一篇：是时候为他们写一点什么了 下一篇：z-blog各栏目分类实现自定义模板

随机推荐

to "z-blog主题制作基础教程（1）"

  • 爱好者博客
    #1 爱好者博客 回复该留言 2010-6-4 20:41:15
    坐沙发支持桶哥。
    爱好者博客 于 2010-6-4 20:43:06 回复
    哥，要系统哇，哪天弄个专题吧，慢慢地讲讲。你一个人弄模板不成规模。大家一起来才快嘛。
    弯月亮 于 2010-6-4 20:44:58 回复
    呵呵，让你抢了沙发。
    diyidu 于 2010-6-4 21:04:26 回复
    这个我就是想快也快不起来。
  • 弯月亮
    #2 弯月亮 回复该留言 2010-6-4 20:43:23
    领导太辛苦了，狂顶。
    diyidu 于 2010-6-4 21:05:28 回复
    领导？我汗……
  • 刘晓林
    #4 刘晓林 回复该留言 2010-6-4 20:53:03
    我都是直接下载上传，修改基本的就好了！不需要很复杂的。没有时间也不会！
    diyidu 于 2010-6-4 21:07:30 回复
    会个基本已经不错啦。
  • 文夕
    #5 文夕 回复该留言 2010-6-4 21:08:13
    对所有能自己做主题的人，我都打心里佩服~
    diyidu 于 2010-6-4 21:14:21 回复
    这个系列看完，相信你也会做的。
  • 减肥方法
    #7 减肥方法 回复该留言 2010-6-5 0:10:12
    建议桶哥做个专栏，或者开个频道，放在导航，Z-Blog模板制作教程，以方便大家学习查找。
    diyidu 于 2010-6-5 9:05:51 回复
    好的，多写一些再说。
  • colin
    #8 colin 回复该留言 2010-6-5 0:53:49
    这个主题不错，夏天用很凉爽。
    diyidu 于 2010-6-5 9:06:26 回复
    恩，就是为了过夏啊。
  • 星空有你
    #9 星空有你 回复该留言 2010-6-5 1:02:00
    感觉Z-Blog的速度还是蛮快的。
    diyidu 于 2010-6-5 9:07:08 回复
    这要看懂不懂得用：）
  • 于泽鹏
    #10 于泽鹏 回复该留言 2010-6-5 8:22:51
    不错！再详细点就好了！
    diyidu 于 2010-6-5 9:07:40 回复
    哥啊，已经够详细了吧？
  • loker
    #11 loker 回复该留言 2010-6-5 8:50:15
    工具都准备就绪了，继续关注。
    diyidu 于 2010-6-5 9:08:16 回复
    恩，有空就接着写。
  • 翡翠
    #12 翡翠 回复该留言 2010-6-5 11:12:33
    强烈支持桶哥，对于像我这样初次接触Z-blog的博友来说真是极大的帮助，期待桶哥再接再厉坚持把这个教程做下去！祝桶哥好人一生平安！
    diyidu 于 2010-6-5 11:19:19 回复
    谢谢呵，我会加油的。
  • 猪八戒
    #13 猪八戒 回复该留言 2010-6-5 12:40:44
    wordpress用户慢腾腾地飘过。
    diyidu 于 2010-6-5 14:45:56 回复
    欢迎飘过：）
  • 草儿
    #14 草儿 回复该留言 2010-6-5 13:19:48
    难道最近流行做主题？
    diyidu 于 2010-6-5 14:46:47 回复
    应该不是吧。
  • 疾风
    #15 疾风 回复该留言 2010-6-5 15:00:50
    ( ⊙o⊙ )哇，都是主题高手啊。
    diyidu 于 2010-6-5 15:35:17 回复
    呵，高手这两个字太重啦，担当不起哦。
  • 白雪山
    #16 白雪山 回复该留言 2010-6-5 15:46:04
    看到这样的教程，我想离会做模板已经不远了。不过用心，用时间才是能做好的。我不符合以上条件，所以以后可以来下载你现成的模板。哈哈。
    diyidu 于 2010-6-5 16:33:00 回复
    也可以哇，如果我有模板适合你的话。
  • 团伙
    #17 团伙 回复该留言 2010-6-5 17:06:42
    博主爱好很广泛啊，呵呵，写得了诗歌，写得了代码。呵呵。
    diyidu 于 2010-6-5 19:09:54 回复
    代码是后来学的：）
  • ifenwen
    #19 ifenwen 回复该留言 2010-6-5 17:26:47
    用zb的人也不在少数啊。
    diyidu 于 2010-6-5 19:11:04 回复
    是不少啊。欢迎光临。
  • kaka
    #20 kaka 回复该留言 2010-6-5 21:26:20
    CSS不会玩诶~
    diyidu 于 2010-6-6 1:41:11 回复
    不会可以学，这不是明摆着的吗？不着急。
  • 朵未
    #21 朵未 回复该留言 2010-6-5 23:43:58
    大哥也开始写教程了，支持支持！
    diyidu 于 2010-6-6 1:41:58 回复
    是啊，瞎折腾：）
  • 老实人博客
    #23 老实人博客 回复该留言 2010-6-6 22:04:29
    唉，你写了，我就不动了。还说有时间来折腾这个东西呢~我拿现成的来用~
    diyidu 于 2010-6-6 23:23:02 回复
    你干嘛不写啊？说不定我们思路不一样呢。
  • 李超
    #24 李超 回复该留言 2010-6-7 9:11:49
    EditPlus这款工具相当不错，看似比DW还好些，不过DW可以直接上传下载！这个不知道可以不？
    diyidu 于 2010-6-7 11:08:59 回复
    EditPlus确实好用。
  • Bee君
    #25 Bee君 回复该留言 2010-6-7 23:33:05
    哇~新主题？我用Notepad++跟FileZilla。
    diyidu 于 2010-6-8 0:49:06 回复
    这两个也不错吧？
  • 疯子
    #26 疯子 回复该留言 2010-6-8 15:26:46
    终于等到桶哥的大作了！要静下心来学习啦！
    diyidu 于 2010-6-8 16:56:53 回复
    那就继续关注吧！
  • 股票推荐
    #27 股票推荐 回复该留言 2010-6-13 12:09:21
    谢谢低一度，正需要教程~
    diyidu 于 2010-6-13 12:26:05 回复
    呵，才写了第一篇：）
  • 外科医师
    #28 外科医师 回复该留言 2010-7-1 8:29:12
    好东西，想好好学学但是没时间啊！
    diyidu 于 2010-7-1 8:31:57 回复
    时间是挤出来的，我不相信你比我忙。
  • 阿里
    #30 阿里 回复该留言 2010-12-16 17:37:24
    看到这样的教程，我想离会做模板已经不远了。不过用心、用时间才是能做好的。我不符合以上条件，所以以后可以来下载你现成的模板。
  • 寂寞
    #31 寂寞 回复该留言 2010-12-22 15:52:15
    很有用。要是能做一套视频教程出来我相信很多人会喜欢的，尤其是新手。

Add comment

验证码