查看: 11910|回复: 43

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

  [复制链接]
发表于 2007-9-11 22:25:16 | 显示全部楼层 |阅读模式
phpcms,,是因为他和动易很相似,而且也比较人性化,所以上手比较容易了,其实做模板并不难


   基本能力:

A.了较基本的 html
B.你一定要花时间去了解一下phpcms的模板机制(任何程序都有他自己的规则,如果我们不熟悉这个规则何来创作)

    详细:
大家要知道模板的文件放在哪里,就在根目录中的templete里,templete包括了我们所有需要修改的文件,例如首页,频道页,内容页,搜索,投票,所有标签模板......和 Css 文件;其中templete里的唯一一个文件夹—— 就是defult 文件,这也是网站默认使用的模板方案(参考更详细的说明:http://help.phpcms.cn/2006/0719/help_138.html);打开里面我发现好多文件夹,你英文够好的话,基本能明白什么意思了,例如:
ads —— 广告模块,article —— 文章频道;down —— 下载频道;phpcms —— 网站常用模板文件;
这个可以参考这里(模板管理及文件目录说明:http://help.phpcms.cn/2006/0719/help_129.html);这里提醒大家的是,一般的模块文档里面包含的是3类文件:
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类:
a.系统自带的标签,这个说明——如果我们充分了解标签输出的内容(可以到后台查看,标签的中文说明)那么我们就可以把他放置网页需要输出内容的地方了(在b类页面中插入位置)。
b.自己创建新的标签,这个说明—— 当我们觉得输出的内容不符合我们的需求的时候,我们就可以到后台创建自己的所需的标签(到后台的模板风格管理,然后到相关板块管理中,选择创建新的标签,例如输出 ),然后把他放置网页需要输出内容的地方了。

初级模板制作教程:
   
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.整站模板方案 调换,有详细的图文教程,就剩下了:
教你如何添加新模板


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

[ 本帖最后由 aiens 于 2008-10-16 08:51 PM 编辑 ]

评分

参与人数 1鲜花 +1 收起 理由
ggv031762 + 1

查看全部评分

发表于 2007-9-28 02:37:41 | 显示全部楼层
好东西 :)   学习
发表于 2007-9-28 18:21:27 | 显示全部楼层
这个不错...学习下...呵.
发表于 2007-11-23 22:51:35 | 显示全部楼层
楼主辛苦了,学习!
发表于 2007-11-24 10:59:54 | 显示全部楼层
讲的比较笼统 需要更细致一些
发表于 2007-11-25 11:15:59 | 显示全部楼层
辛苦了
发表于 2007-11-25 19:01:01 | 显示全部楼层
呵呵,太新手化了,不如去做视频教程
发表于 2007-11-28 23:30:54 | 显示全部楼层
看看 :) :)
发表于 2007-11-29 11:00:48 | 显示全部楼层
就是啊,楼主能不能考虑一下做一个视频教程啊,偶们还是菜鸟啊,嘿嘿,那使相当的菜啊!!!! :lol :lol
发表于 2007-12-4 11:15:08 | 显示全部楼层
支持楼主啊
发表于 2007-12-16 11:39:41 | 显示全部楼层
不错,谢谢啦
发表于 2007-12-26 11:11:21 | 显示全部楼层
比较初级,对新手来有帮助,看过了,给你顶一贴````
发表于 2007-12-27 21:35:39 | 显示全部楼层
厉害啦 多谢LZ指点新人
发表于 2008-1-14 14:23:09 | 显示全部楼层
偶也菜,看得晕,相当的菜,12月才知道Phpcms的,才知道自己也可以建站了!来Phpcms大家庭学习了!
发表于 2008-1-16 14:47:40 | 显示全部楼层
写的不错...有时间试试
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-12-13 09:56 , Processed in 0.212863 second(s), 9 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表