Categories


Tags


如何修改源码的网页模板?

终于下载了一款自己满意的新模板,打算装到自己的网站上,但我又不想和原来的风格模板一模一样,该怎么办呢?

接下来卢松松带你一起去修改各种源码的风格模板。

模板有很多种类,在这里我主要讲的是ZBLOG风格模板如何修改,此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。

修改一个你满意的网页模板,你要有以下基础,会一点HTML语言,会一点DIV+CSS,会一点图片制作方法。

第一步,先讲解一下主题模板的构成。

下面以Z-blog主题“低调与华丽”风格模板来说明,

模板均分为三大部分,①网页的html文件,②CSS文件,③图片文件。一般情况修改模板只需修改这三部分。

第二步,你可以让模板可视化再修改。

几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。

如:

<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/style/<#ZC_BLOG_CSS#>.css" type="text/css" media="screen" />

加红色的部分就是系统标签,这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明,请查看相关系统标签。

如:<link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" />

修改好之后你就可以在Dreamweaver里面直观的看到网页界面了,并且修改起来也非常方便。(记得模板修改之后别忘记把CSS路径改回去哦!)

如图所示:

如何修改源码的网页模板? 网站设计 ZBlog 建站教程 第1张

扩展阅读:如何学习HTML语言;如何从零开始学习DIV+CSS。

第三步,修改LOGO,和模板相关图片。

网页我所要的框架改好了,但里面的logo和banner都还是人家的怎么办呢?接下来就是如何修改模板中的相关图片了。

由于卢松松提供的“低调与华丽”风格模板,包含的有源文件,所以修改起来非常方便,你只需要修改里面的文字,下载一点你喜欢的其他图标就可以了。

对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源文件,还可以打开PSD源文件,相反Photoshop是不能打开PNG源文件的。(注:卢松松提供的源文件都是PNG格式)

如果你遇到没有提供源文件的模板怎么办?比如修改logo,无论是JPG格式还是GIF格式,一律用Fireworks打开,然后在原基础上修改,然后直接保存就可以看到效果了。但这需要一点点PS技巧。扩展阅读:我的博文插图是如何制作的。

仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具“拾色器”非常重要哦,可以让你修改的图片与整个网页颜色协调统一。

第四步,教程看的再多不自己动动手,亲自试一试。那就赶快下载“低调与华丽”风格模板试一试吧!

来源:卢松松博客


Public @ 2020-12-01 15:44:47

独立博客搭建教程

博客,又译为网络日志、部落格或部落阁等,是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常根据张贴时间,以倒序方式由新到旧排列。许多博客专注在特定的课题上提供评论或新闻,其他则被作为比较个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见,是许多博客的重要要素。大部分的博客内容以文字为主,仍有一些博客专注在艺术、摄影

Public @ 2009-08-23 16:17:13

中国虚拟主机市场调查

紫雨知道我在研究中国虚拟主机市场,给了我几个在讨论中国用户对外国虚拟主机的看法的网址,非常感谢。我最近确是都在研究中国虚拟主机市场,发现不少博客都有提到BlueHost,好像在中国使用外国主机的博客中还蛮流行。综合最近的市场调查,有以下几个初步感想。目标市场由于我们的专长在于Unix/Linux主机,所以应该暂不会考虑Windows主机市场。从开始研究中国虚拟主机市场,我就注意到中国用户似乎对Wi

Public @ 2022-11-16 16:00:48

杰奇CMS如何实现百度友好度

杰奇CMS要实现百度友好度,主要需要考虑以下几个方面: 1.优化网站结构:杰奇CMS的网站结构要符合百度SEO的标准,如合理的页面链接、清晰的网站结构、避免使用无实际意义的URL等。 2.关键词优化:杰奇CMS的内容中要注重关键词的使用,合理使用关键词,并避免过度堆积关键词。同时也要注意关键词的出现频率、位置等。 3.内容优化:杰奇CMS的内容质量要高,保证足够的完整性和专业性。网站的内容要

Public @ 2023-06-02 02:00:29

SEOER新手需要学习编程吗?如何选择合适的CMS系统

SEOER新手有必要学习编程吗?SEOER新手接触SEO网站优化一段时间,相信都会困扰需要学习编程吗?小编在此告知如果想要学会修改CMS模板,那么就必须要学会基础的编程。营销型的网站基本都是由CMS系统制作而成,那么CMS的系统分类有很多种,应该如何选择呢?选择合适的CMS系统技巧:1、网站自动静态化网站自动静态化指的是系统后台,有设置自动静态URL的选项。如果系统较好的情况下,有提供手动设置功能

Public @ 2009-08-05 15:44:50

更多您感兴趣的搜索

0.527646s