在学习了有关css的基础知识后,我们再通过实战理解一下前面学习的内容。

进入旧模板系统后,按照图示输入代码到相应的代码块中。
(眼睛不好的请点击看大图)
CSS代码块


Header代码块


Index代码块

模板效果图如下:

这节教程就先到这里了,我会在下节教程中详细解释各部分代码的意思的。虽然这节教程没有太多内容,但我想如果大家真的有意学习模板制作的话,那就请先建立一个实验用的博客,然后按照图示把代码输入相应位置,最后看看得到的效果与我给出的效果是否相同。

我想,要想学习模板制作,手写代码的训练是件很有必要的事。先前有个网友问过是否可以先DW制作网页,然后再把制作好的网页转移到模板系统中。我的回答是,虽然可以这样做,但这很可能会增加你的工作量。所以我不推荐这样做(我自己一直是手写代码的)。

P.S:写这么点东西竟花了我两个小时……

评论

  • [avatar:40]为什么我弄完后。。。。我的BLOG首页打开就一片空白了。。。。。。。。。。

    () 发表于 2008-08-23 08:36:24  [回复]
  • [avatar:40]这里我也看了好久=-=
    本来有问题想问的,后来通过自己动手和理解解决啦,哈哈,挺开心的=u=

    jiee 回复 Tooru 说:
    ^_^
    (2008-06-04 09:06:09)

    Tooru () 发表于 2008-06-03 17:43:28  [回复]
  • 终于又写出来了
    天天过来看呢
    我在这里新开的博
    现在还用着系统的版

    我就跟着你的教程编自己的版吧

    对了 提个小建议
    能不能发布个模板代码
    想先看看熟悉一下

    要是行就太好了

    PS 以前留言的Ann 和猫 都是哦
    看到你这里那个博客大赛 我点进去参加了
    你没参加吗

    这是我的小窝地址 欢迎你也来看看
    这两天正想版的样子着呢 等真开始弄了
    一定会来麻烦你的 呵呵
    http://annc.blogbus.com/

    jiee 回复 Ann 说:
    因为时间不够,所以就放弃了

    博客的话,我会去看看的……话说,还真有人常来这里呢
    (2007-11-14 23:24:23)

    Ann () 发表于 2007-11-14 23:22:23  [回复]

发表评论

姓名:
E-mail:
地址:
 
 
表情(不再使用):