热门关键字:  博客  博客入门  博客创建  新浪博客  css
当前位置 :| 首页>博客知识>模板制作>

OBLOG模板制作教程

来源:学博客收集整理 作者:yagami 时间:2008-08-15 点击:

       这是学博客从网上收集的一个OBLOG博客模板的初级制作教程。原文如下:

   朋友们,你们好,我们来讲一下用户模板制作方法。此教程是以表格制作模板为例,主要针对初级用户对象,比较简单,高手路过吧:

一、工具

绘图工具PHOTOSHOPFIREWORKS

制作页面工具 DREAMWEAVER或记事本、EDITPLUS 

初级用户最好选用DEREAMWEAVER,因为这款软件有可视化窗口,方便大家制作。

二、测试

OBLOG官方站下载OBLOG程序,然后再安装IIS,把本地机器架设成一个服务器,这样来预览我们制作后模板效果。

三、模板准备工作

新建一个文件夹
   oblog,在新建一文件index.html。将文件保存到这个文件夹下。路径是这样:oblog/index.html

oblog文件夹里建一个文件夹image,这个文件夹是用来放图片和样式表的。也可以不用这样,随个人喜好。

四、模板分析

下面我们以这个模板为例子进行讲解:


   
PHOTOSHOP里把图做好,然后对它进行切割。这个模板是上面一个大BANNER下面是文章主体部位。宽度为778PX屏幕里居中显示。

我们把这里面的图片都切割一下分别取个名字

BANNER.GIF

NAV.GIF

TIAO.GIF

---------------------------------------------------------------------------------------------------------------------

进入DREAMWEAVER进行编辑

我们在index.html里进行编辑,也就是主模板

我们来用DREAMWEAVER(DW)进行帮助。


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册