■phpcms模板制作教程■-初级模板篇

phpcms,,是因为他和动易很相似,而且也比较人性化,所以上手比较容易了,其实做模板并不难
基本能力:
A.了较基本的 html
B.你一定要花时间去了解一下phpcms的模板机制(任何程序都有他自己的规则,如果我们不熟悉这个规则何来创作)
    详细:
大家要知道模板的文件放在哪里,就在根目录中的templete里,templete包括了我们所有需要修改的文件,例如首页,频道页,内容页,搜索,投票,所有标签模板......和 Css 文件;其中templete里的唯一一个文件夹—— 就是defult 文件,这也是网站默认使用的模板方案(参考更详细的说明:http://help.phpcms.cn/2006/0719/help_138.html);打开里面我发现好多文件夹,你英文够好的话,基本能明白什么意思了,例如:

QUOTE:
ads —— 广告模块,article —— 文章频道;down —— 下载频道;phpcms —— 网站常用模板文件;
这个可以参考这里(模板管理及文件目录说明:http://help.phpcms.cn/2006/0719/help_129.html);这里提醒大家的是,一般的模块文档里面包含的是3类文件:

QUOTE:
a. php文件 —— 我们根本无需关心的 ,以php 结尾。
           b.页面文件 —— 以html 后缀结束,并且不是以 tag_  开头的文件, 例如 index.html ; content.html ...(视模块不同而改变),他的作用就是让我们的网站页面可以静态的现实出来,相当于只是一个没有内容的页面而已,当我们需要输出内容的时候就需要用到标签了,标签其实就是有输出内容功能的一个标记,通常以 {tag_XXXXXXXX} 这样的形式出现在 html 的页面(b类文件中) 中,例如可以输出 网站公告信息的标签是 —— {tag_网站首页最新公告},输出 网站首页推荐信息的标签是 —— {tag_首页推荐信息},(参考:中文标签的含义),大家不妨自己打开b类文件 看看研研究究,也可以试试操作,例如删除 b 页面 所有类似这样 {tag_XXXXXXXX} 的文件 .
          c.标签模板 —— 以html 后缀结束,并且以 tag_ 的开头的文件;他的左右就是 要控制 标签 要怎么输出和输出成什么样式的,输出方式我们可以选择 table 或者 div + css ;样式就要我们 使用必要的 html 和 css 知识 进行美化了

标签分为了2类:

QUOTE:
a.系统自带的标签,这个说明——如果我们充分了解标签输出的内容(可以到后台查看,标签的中文说明)那么我们就可以把他放置网页需要输出内容的地方了(在b类页面中插入位置)。
b.自己创建新的标签,这个说明—— 当我们觉得输出的内容不符合我们的需求的时候,我们就可以到后台创建自己的所需的标签(到后台的模板风格管理,然后到相关板块管理中,选择创建新的标签,例如输出 ),然后把他放置网页需要输出内容的地方了。

初级模板制作教程:
   

FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板

其他:

FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板

QUOTE:
通过以上实例,会员可以使用基本的 html ,css 和 phpcms 的操作知识来实现模板的修改,当然如果你聪明的话,你可以举一反三了,例如修改首页的方法是雷同于其他页面的,而利用后台修改首页幻灯片显示的操作雷同于标签的操作,最重要的是用户要花时间去了解,花精力去实践,相信自己的付出总会有收获吧!
QUOTE:
ads —— 广告模块,article —— 文章频道;down —— 下载频道;phpcms —— 网站常用模板文件;

这个可以参考这里(模板管理及文件目录说明:http://help.phpcms.cn/2006/0719/help_129.html);这里提醒大家的是,一般的模块文档里面包含的是3类文件:


QUOTE:
a. php文件 —— 我们根本无需关心的 ,以php 结尾。
           b.页面文件 —— 以html 后缀结束,并且不是以 tag_  开头的文件, 例如 index.html ; content.html ...(视模块不同而改变),他的作用就是让我们的网站页面可以静态的现实出来,相当于只是一个没有内容的页面而已,当我们需要输出内容的时候就需要用到标签了,标签其实就是有输出内容功能的一个标记,通常以 {tag_XXXXXXXX} 这样的形式出现在 html 的页面(b类文件中) 中,例如可以输出 网站公告信息的标签是 —— {tag_网站首页最新公告},输出 网站首页推荐信息的标签是 —— {tag_首页推荐信息},(参考:中文标签的含义),大家不妨自己打开b类文件 看看研研究究,也可以试试操作,例如删除 b 页面 所有类似这样 {tag_XXXXXXXX} 的文件 .
          c.标签模板 —— 以html 后缀结束,并且以 tag_ 的开头的文件;他的左右就是 要控制 标签 要怎么输出和输出成什么样式的,输出方式我们可以选择 table 或者 div + css ;样式就要我们 使用必要的 html 和 css 知识 进行美化了


标签分为了2类:


QUOTE:
a.系统自带的标签,这个说明——如果我们充分了解标签输出的内容(可以到后台查看,标签的中文说明)那么我们就可以把他放置网页需要输出内容的地方了(在b类页面中插入位置)。
b.自己创建新的标签,这个说明—— 当我们觉得输出的内容不符合我们的需求的时候,我们就可以到后台创建自己的所需的标签(到后台的模板风格管理,然后到相关板块管理中,选择创建新的标签,例如输出 ),然后把他放置网页需要输出内容的地方了。


初级模板制作教程:
   


FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板



其他:


FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板

posted on 2009-02-07 12:22 丁克设计 阅读(6218) 评论(2)  编辑  收藏 所属分类: PHPCMS模版教程

评论

# re: ■phpcms模板制作教程■-初级模板篇 2012-12-05 16:11 51知识库

挺不错的。图文结合就更好了。  回复  更多评论   

# re: ■phpcms模板制作教程■-初级模板篇 2016-01-31 13:16 原子荧光

修改页脚是不是在footer.html中?  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 
<2024年12月>
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

导航

留言簿(6)

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜