源码源码模板组成
时间:2023-04-05 04:06:02 | 来源:营销百科
时间:2023-04-05 04:06:02 来源:营销百科
源码源码模板组成:源码模板有很多种类,在这里我主要讲的是ZBLOG风格模板如何修改,此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。 n
修改一个你满意的网页模板,你要有以下基础,会一点 HTML( 标准通用标记语言下的一个应用)语言,会一点DIV CSS,会一点图片制作方法。
第一步,先讲解一下主题模板的构成。下面以Z-blog主题'低调与华丽'风格模板来说明,模板均分为三大部分,①网页的html文件,②CSS文件,③图片文件。一般情况修改模板只需修改这三部分。
第二步,你可以让模板可视化再修改。几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。 n
如: n
link rel='stylesheet' rev='stylesheet' href='#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css' type='text/css' media='screen' /加红色的部分就是系统标签,这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明,请查看相关系统标签。 n
如:link href='http://localhost/style/css/LuSongSong-Index.css' rel='stylesheet' type='text/css' /修改好之后你就可以在Dreamweaver里面直观的看到网页界面了,并且修改起来也非常方便。(记得模板修改之后别忘记把CSS路径改回去哦!) n
如图所示: n
第三步,修改 LOGO,和模板相关图片。网页我所要的框架改好了,但里面的logo和banner都还是人家的怎么办呢?接下来就是如何修改模板中的相关图片了。由于卢松松提供的'低调与华丽'风格模板,包含的有源文件,所以修改起来非常方便,你只需要修改里面的文字,下载一点你喜欢的其他图标就可以了。对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源文件,还可以打开PSD源文件,相反Photoshop是不能打开PNG源文件的 n
[1] 第四步,教程看的再多不自己动动手,亲自试一试。那就赶快下载'低调与华丽'风格模板试一试吧!