重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
终于下载了一款自己满意的新模板,打算装到自己的网站上,但我又不想和原来的风格模板一模一样,该怎么办呢?
创新互联专业为企业提供娄星网站建设、娄星做网站、娄星网站设计、娄星网站制作等企业网站建设、网页设计与制作、娄星企业网站模板建站服务,十年娄星做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
接下来卢松松带你一起去修改各种源码的风格模板。
模板有很多种类,在这里我主要讲的是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路径改回去哦!)
第三步,修改LOGO,和模板相关图片。
网页我所要的框架改好了,但里面的logo和banner都还是人家的怎么办呢?接下来就是如何修改模板中的相关图片了。
由于卢松松提供的“低调与华丽”风格模板,包含的有源文件,所以修改起来非常方便,你只需要修改里面的文字,下载一点你喜欢的其他图标就可以了。
对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源文件,还可以打开PSD源文件,相反Photoshop是不能打开PNG源文件的。(注:卢松松提供的源文件都是PNG格式)
如果你遇到没有提供源文件的模板怎么办?比如修改logo,无论是JPG格式还是GIF格式,一律用Fireworks打开,然后在原基础上修改,然后直接保存就可以看到效果了。但这需要一点点PS技巧。扩展阅读:我的博文插图是如何制作的。
仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具“拾色器”非常重要哦,可以让你修改的图片与整个网页颜色协调统一。
第四步,教程看的再多不自己动动手,亲自试一试。那就赶快下载“低调与华丽”风格模板试一试吧!
源码就是指编写的最原始程式的代码。运行的软体是要经过编写的,程式设计师编写程式的过程中需要他们的“语言”。音乐家用五线谱和音符,建筑师用图纸和笔,那程式设计师的工作的语言就是“源码”了。
人们平时使用软体时就是程式把“源码”翻译成我们可直观的形式表现出来供我们使用的。
任何一个网站页面,换成源码就是一堆按一定格式书写的文字和符号,但我们的浏览器帮我们翻译成眼前的模样了。
基本介绍 中文名 :原始码 外文名 :source code 含义 :编写的最原始程式的代码 类别 :电脑代码 分类,作用,源码组合,著作权分类,质量标准,执行效率,程式使用,获取与编写,例子,源码模板组成, 分类 1.计算机里面运行的所有东西都是用程式编出来的(包括作业系统,如Windows,还有Word等,网路游戏也一样),而编写程式要用到计算机语言,用计算机语言直接编出来的程式就叫源码,比如用VisualBasic编写的源码档案一般为.bas档案,而用C++编写的一般为.cpp档案,原始码不能直接运行,必须编译后才能运行。源码经过编译处理后就可以直接在作业系统下运行了。 2.很多的站长都喜欢使用建网站的程式源码,因为可以很方便的修改,对于任何一个seo人员来说,都是非常好的一个切入点。 3.从字面意义上来讲,源档案是指一个档案,指原始码的集合.原始码则是一组具有特定意义的可以实现特定功能的字元(程式开发代码)。 4.“原始码”在大多数时候等于“源档案”。 比如在这个网页上右键滑鼠,选择查看源档案.出来一个记事本,里面的内容就是此网页的原始码."这句话就体现了他们的关系,此处的源档案是指网页的源档案,而原始码就是源档案的内容,所以又可以称做网页的原始码.. 原始码是指原始代码,可以是任何语言代码。 汇编码是指原始码编译后的代码,通常为二进制档案,比如共享库、执行档、.NET中间代码、JAVA中间代码等。 高级语言通常指C/C++、BASIC、C#、JAVA、PASCAL、易语言等等。汇编语言就是ASM,只有这个,比这个更低级的就是机器语言了。 作用 源码主要功用有如下2种作用: 1.生成目标代码,即计算机可以识别的代码。 2.对软体进行说明,即对软体的编写进行说明。为数不少的初学者,甚至少数有经验的程式设计师都忽视软体说明的编写,因为这部分虽然不会在生成的程式中直接显示,也不参与编译。但是说明对软体的学习、分享、维护和软体复用都有巨大的好处。因此,书写软体说明在业界被认为是能创造优秀程式的良好习惯,一些公司也硬性规定必须书写。 需要指出的是,原始码的修改不能改变已经生成的目标代码。如果需要目标代码做出相应的修改,必须重新编译。 源码组合 网站源码作为软体的特殊部分,可能被包含在一个或多个档案中。一个程式不必用同一种格式的原始码书写。例如,一个程式如果有C语言库的支持,那么就可以用C语言;而另一部分为了达到比较高的运行效率,则可以用汇编语言编写。 较为复杂的软体,一般需要数十种甚至上百种的原始码的参与。为了降低这种复杂度,必须引入一种可以描述各个原始码之间联系,并且如何正确编译的系统。在这样的背景下,修订控制系统(RCS)诞生了,并成为研发者对代码修订的必备工具之一。 还有另外一种组合:原始码的编写和编译分别在不同的平台上实现,专业术语叫做软体移植。 著作权分类 如果按照原始码类型区分软体,通常被分为两类:自由软体和非自由软体。自由软体一般是不仅可以免费得到,而且公开原始码;相对应地,非自由软体则是不公开原始码。所有一切通过非正常手段获得非自由软体原始码的行为都将被视为非法。 质量标准 对于计算机而言,并不存在真正意义上的“好”的原始码;然而作为一个人,好的书写习惯将决定原始码的好坏。原始码是否具有可读性,成为好坏的重要标准。软体文档则是表明可读性的关键。 执行效率 虽然我们可以通过不同的语言来实现计算机的同一功能,但在执行效率上则存在不同。普遍规律是:越高级的语言,其执行效率越低。这也是为什么汇编语言生成的档案比用BASIC语言生成档案普遍要小的原因。 原始码就是用汇编语言和高级语言写出来的代码。主要对象是面向开发者; 我们平常使用的应用程式都是经过源码编译打包以后发布的,呈现的最后结果是面向使用者,最终客户的。 程式使用 网站程式一般就是可以用记事本打开的好多行英文的,用程式语言写好的软体 源程式经过编译成目标程式,才能运行。一般目标程式不能再修改了。 我们电脑上安装的软体都是目标程式。源程式不可能直接运行的。 提倡软体开源的人士认为应该提供源程式给用户,让用户自己修改,有利于软体行业的发展。反对的人觉得这样不利于保护著作权。 你如果不懂编程,源程式可以不管它。不影响正常使用。 获取与编写 源码基本上不再需要从头编写,因为源码是属于可复制可二次开发的程式,一些网站会提供一些已经制作好的源码,你下载后可以在其基础上修改,直到成为适合自己使用的源码,此类的网站有收费的与免费的,以及一些源码质量不保证的论坛提供,利用这些平台,你可以快速完成一个程式的制作,事半功倍。 例子 dedecms源码是基于PHP+mysql的cms建站系统,简洁方便扩充性强大,全国知名网站admin,chinaz,都是dedecms核心源码。 源码模板组成 源码模板有很多种类,在这里我主要讲的是ZBLOG风格模板如何修改,此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。
修改一个你满意的网页模板,你要有以下基础,会一点HTML(标准通用标记语言下的一个套用)语言,会一点DIV+CSS,会一点图片制作方法。 第一步,先讲解一下主题模板的构成。下面以Z-blog主题“低调与华丽”风格模板来说明,模板均分为三大部分,①网页的档案,②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路径改回去喔!)
如图所示:
第三步,修改LOGO,和模板相关图片。网页我所要的框架改好了,但里面的logo和banner都还是人家的怎么办呢?接下来就是如何修改模板中的相关图片了。由于卢松松提供的“低调与华丽”风格模板,包含的有源档案,所以修改起来非常方便,你只需要修改里面的文字,下载一点你喜欢的其他图示就可以了。对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源档案,还可以打开PSD源档案,相反Photoshop是不能打开PNG源档案的 第四步,教程看的再多不自己动动手,亲自试一试。那就赶快下载“低调与华丽”风格模板试一试吧!
进后台 有个主题样式管理 点从本地安装主题 后边上传 你要上传的模版 就好了
后台模板? 不知道你说的是什么 指的是你装的主题模版吗?
内容页面加广告代码图片的方法
默认模版添加广告的方法
首先登录后台 找到文件管理 点开他 找到THEMES 点开他 找到default 点开它 找到TEMPLATE
点开它 找到single.html 点开它 这个就是内容页的模版
具体加法 看你的个人需要了 可以尝试将广告代码 放到不同的位置 尝试一下 但要记住在body 区内尝试 ...
如果是其他的模版 大题思路是一样的 找single.html 在里边改