phpcms v9模板制作教程(转载)

第一节

1、首先下载phpcms v9的集成安装包并安装，这里就不详细说明了。

2、本地调试建议大家使用APMserver，或者wampserver等，可以到PHPCMS吧官方网站首页链接下载。安装好打开v9的根目录“phproot→phpcms→templates”文件夹把“default”文件夹复制一份起名“redu”。

3、登陆v9后台登录地址：http://localhost/admin.php
用户名：phpcms 密码：phpcms

4、打开界面→模板风格→风格标识redu下的详细列表下的content文件夹

1、首先修改首页模板index.html
修改前向大家介绍下v9的工作模式，v9和他的前身phpcms 2008是一样的都是“标签调用头部 +首页部分+ 标签调用底部”
所以按照从头开始的顺序
第一步打开heard.html
现在我们开始分析header.html的构造：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
上面是W3C网页标准
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />{CHARSET}" =字符集（gbk或者utf-8）
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
判断语句翻译：如果设置了标题并且标题不为空，则显示标题，否则显示网站名称

下面是搜索部分

<div class="search">
<div class="tab" id="search">
{php $j=0}
{php $search_model = getcache('search_model_'.$siteid, 'search');}
{loop $search_model $k=>$v}
{php $j++;}
<a
href="javascript:;" style="outline:medium none;" hidefocus="true" {if
$j==1 && $typeid=$v['typeid']} class="on"
{/if}>{$v['name']}</a>{if $j !=
count($search_model)}<span> | </span>{/if}
{/loop}
{php unset($j);}
</div> <div class="bd">
<form action="{APP_PATH}index.php" method="get" target="_blank">
<input type="hidden" name="m" value="search"/>
<input type="hidden" name="c" value="index"/>
<input type="hidden" name="a" value="init"/>
<input type="hidden" name="typeid" value="{$typeid}" id="typeid"/>
<input type="hidden" name="siteid" value="{$siteid}" id="siteid"/>
<input type="text" class="text" name="q" id="q"/><input type="submit" value="搜索" class="button" />
</form>
</div>
</div>

搜索部分结束
<div
class="banner"><script language="javascript"
src="{APP_PATH}index.php?m=poster&c=index&a=show_poster&id=1"></script></div>
<div class="bk3"></div>
<div class="nav-bar">
<map>
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
<ul class="nav-site">
<li><a href="{siteurl($siteid)}"><span>首页</span></a></li>
{loop $data $r}
<li class="line">|</li>
<li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li>
{/loop}
</ul>
{/pc}
</map>
</div>
{if $top_parentid}
<div class="subnav">
{pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
{loop $data $r}
<a href="{$r[url]}">{$r[catname]}</a><span> | </span>
{/loop}
{/pc}
{if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if}
</div>
{/if}
</div>

建议下载个opera浏览器他的检查页面元素功能超赞！

{template "content","header"}

调用根目录下phpcms/template/content/header文件
这个是模版注释！建议一定要养成写代码加注释的习惯

这个是div标签，不知道什么是div可以的去网上找些教程学习下，这个都不了解就没必要继续看了

{pc:content action="position" posid="2" order="listorder DESC" num="4"}

{loop $data $r}

{str_cut($r[title],36)}

{if $n==1}{/if}{str_cut($r[description],112)}

{/loop}
{/pc}

{pc:content action="position" posid="1" order="listorder DESC" thumb="1" num="5"}

{loop $data $r}

{/loop}

{/pc}

推广

{pc:block pos="index_block_1"}

{/pc}

图片新闻
{pc:content action="position" posid="12" thumb="1" order="id DESC" num="10"}

{loop $data $r}

{str_cut($r[title],20)}

{/loop}

{/pc}

{loop subcat(0,0,0,$siteid) $r}
{php $num++}

{$r[catname]}更多>>

{pc:content action="lists" catid="$r[catid]" num="1" thumb="1" order="id DESC" return="info"}
{loop $info $v}

{str_cut($v['title'],28)}
{str_cut($v['description'],100)}

{/loop}
{/pc}

{pc:content action="lists" catid="$r[catid]" num="5" order="id DESC" return="info"}

{loop $info $v}

·{str_cut($v['title'],40)}
{/loop}

{/pc}

{if $num%2==0}
{/if}
{/loop}

公告

{pc:announce action="lists" siteid="$siteid" num="2"}

{loop $data $r}

{$r['title']}
{/loop}

{/pc}

专题更多>>

{pc:special action="lists" siteid="$siteid" elite="1" listorder="3" num="2"}
{loop $data $r}
{if $n!=1}
{/if}

{str_cut($r[title],'18')}
{str_cut($r['description'],50)}

{/loop}
{/pc}

热点 | 评论 | 关注排行

{pc:content action="hits" catid="35" num="10" order="views DESC"}
{loop $data $r}

{$r[title]}
{/loop}
{/pc}

{pc:comment action="bang" num="10" cache="3600"}
{loop $data $r}

{$r[title]}
{/loop}
{/pc}

{pc:content action="hits" catid="35" num="10" order="views DESC"}
{loop $data $r}

{$r[title]}
{/loop}
{/pc}

调查问卷更多>>

更多>>友情链接申请链接

{pc:link action="type_list" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
{loop $pic_link $v}

{/loop}
{/pc}

{pc:link action="type_list" siteid="$siteid" order="listorder DESC" num="10" return="dat"}

{loop $dat $v}
{if $type==0}
{$v[name]} |
{else}

{/if}
{/loop}

{/pc}

$(function(){
new slide("#main-slide","cur",310,260,1);//焦点图
new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB
})

{template "content","footer"}

养成书写规范的DIV标签

搜索引擎优化(seo)中，对代码的优化也是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：
DIV ID命名
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight
CSS ID的命名
外套:wrap
主导航:mainNav(globalNav)
子导航:subNav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title

顶导航:topNav
边导航:sideBar
左导航:leftsideBar
右导航:rightsideBar
标识:logo
标语:banner
菜单1内容:menu1Content
菜单1容量:menu1Container
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车，收银台)
当前的current
样式文件命名
全站标签默认样式：general.css或global.css
布局版式设计样式：layout.css或container.css
通用样式（如文字、表单等）：style.css
专栏/频道样式：columns.css
打印输出样式：print.css
主题模板样式：themes.css

如何利用v9仿制一个网站
一、准备工具1、
css手册
2、phpcms手册
3、dw cs5 没有的可以用记事本
4、ps
5、屏幕尺子
6、好色鬼
7、网站下载器
8、各种浏览器 ie6 ie7 ie8 ie9 火狐谷歌 Opera Safari 用ie 和火狐基本就够了
9、有条件的可以准备个php手册和html手册
10、亦歌（这个挺好用的听歌软件，我每次写代码都会打开他听歌）
11、测试环境没有下个phpcm v9的集成包
12、还没想到······想到了在写（呵呵，为了多写点·····哈）
二、准备素材
1、用网站下载器下载准备仿的网站文件
2、按照目标网站制作相应尺寸的图片（如logo）有些需要改，有些不需要改（这里也是为了多写点···）

3、还没想到还需要准备什么······想到了在写（呵呵，还是为了多写点·····哈）
三、开始仿站
1、先打开亦歌听音乐吧
2、打开需要仿的站，查看页面源代码！（在网页空白区右建就能看到）
3、先找到网页的css文件（下载下来放到根目录\statics\css下改名reset.css）为什么这么做<link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
{CSS_PATH}reset.css等于根目录\statics\css下reset.css文件（如果用网站下载器下载了那么在下载文件里找到css文件复制过去会更方便）
注：statics目录下的文件部分是属于后台模版的，所以建议新建个目录放入你自己写好的css、js或者图片文件{CSS_PATH}reset.css是后台的css代码，这里千万别改！改了后台就跑偏了
4、编辑头部文件用dwcs 5或记事本打开v9模版目录下header.html文件。

phpcms v9模板制作教程(转载)的更多相关文章

phpcms v9模板制作教程
phpcms v9模板制作教程(转载) 第一节 1.首先下载phpcms v9的集成安装包并安装,这里就不详细说明了. 2.本地调试建议大家使用APMserver,或者wampserver等,可以到P ...
phpcms v9模板制作常用代码集合(转)
phpcms v9模板制作常用代码集合(个人收藏) 1.截取调用标题长度 {str_cut($r[title],36,'')} 2.格式化时间调用格式化时间 2011-05-06 11:22:33 ...
phpcms v9模板制作常用代码集合
phpcms v9模板制作常用代码集合(个人收藏) 1.截取调用标题长度 {str_cut($r[title],36,'')} 2.格式化时间调用格式化时间 2011-05-06 11:22:33 ...
23个phpcms v9模板制作及二次开发常用代码案例
0:调用最新文章,带所在版块 {pc:get sql="SELECT a.title, a.catid, b.catid, b.catname, a.url as turl ,b.url a ...
phpcms新建模板页教程
phpcms新建模板页教程1 直接去template文件夹里的复制的模板页比方说list1.html2 去后台界面模板风格 default 默认模板点击详情列表找到list1.htm 设置中文 ...
phpwind9.0模板制作教程——制作论坛风格
由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...
PHPCMS快速建站系列之phpcms v9 模板标签说明整理
[摘要]本文介绍phpcms v9中模板标签使用说明. {template "content","header"} 调用根目录下phpcms\template\ ...
怎么安装phpcms？PHPCMS V9安装图文教程
Phpcms是国内领先的网站内容管理系统, 同时也是一个开源的PHP开发框架.PHPCMS V9目前已提供文章.图片.下载等内容模型,在此基础上可非常方便的扩展出信息.房产.交友.点评等功能.已有的模 ...
齐博x1工单碎片模板制作教程
可以把工单插入到任何频道的内容里边,如下图所示碎片模板制作标准如下 <form action="{:urls('order/add')}" class="wn_f ...

随机推荐

python json 数据操作
python 有专门针对 json 操作的函数 #!/usr/bin/python3 import json mytest_js = { "a" : 1, "b" ...
DCGAN in Tensorflow生成动漫人物
引自:GAN学习指南:从原理入门到制作生成Demo 生成式对抗网络(GAN)是近年来大热的深度学习模型.最近正好有空看了这方面的一些论文,跑了一个GAN的代码,于是写了这篇文章来介绍一下GAN. 本文 ...
Extjs4.x Tree树刷新，默认选中展开到最后一次选中的节点
跟Extjs3.0不同Extjs4.2的写法如下: idPath = selNode.getPath("id"); tree.getStore().load({ node: tre ...
PCL库简要说明
PCL(PointCloudLibrary)是在吸收了前人点云相关研究基础上建立起来的大型跨平台开源C++编程库,它实现了大量点云相关的通用算法和高效数据结构,涉及到点云获取.滤波.分割.配准.检索. ...
websocket 和 socket.io 之间的区别是什么
socket.io封装了websocket,同时包含了其它的连接方式,比如Ajax.原因在于不是所有的浏览器都支持websocket,通过socket.io的封装,你不用关心里面用了什么连接方式.你在 ...
多变量频率统计——r
例如有X1,X2,..,Xn个变量,我需要对每一个变量进行频次统计,如果一个一个求解的话非常麻烦,如table(X1), table(X2), ... ,table(Xn).有没有简单的语句一次性求解 ...
高大上的动态CSS
项目里要添加 custom css 功能 (dynamic stylesheet ),总结一下实现方法. 1.在JSP中动态设定文件path 预先生成一些css文件,由用户选择,在jsp被请求时,动态 ...
浅谈C++中对象的复制与对象之间的相互赋值
C++对象的复制有时需要用到多个完全相同的对象,例如,同一型号的每一个产品从外表到内部属性都是一样的,如果要对每一个产品分别进行处理,就需要建立多个同样的对象,并要进行相同的初始化,用以前的办法定义 ...
关于socket的知识总结
简单点说: 阻塞就是干不完不准回来, 非组赛就是你先干,我现看看有其他事没有,完了告诉我一声我们拿最常用的send和recv两个函数来说吧... 比如你调用send函数发送一定的Byte,在系 ...
USB学习笔记连载（二十）：FX2LP如何实现高速和全速切换（转载）
CYPRESS的USB外设控制器CY7C68013A是一款广泛应用于USB打印机,手机,存储设备,USB测试等多个领域的经典产品.该产品符合USB2.0协议规范,支持full speed和high s ...

phpcms v9模板制作教程(转载)

phpcms v9模板制作教程(转载)的更多相关文章

随机推荐

热门专题