phpcms v9模板制作教程

Python 有无数集成开发工具,商业的有komodo,Wingide,Boa 等,还有Python
自带的集成环境IDLE,Windows 下还有PythonWin
等。然而,这一个工具有的是过于复杂,有的是对Unicode
帮助的不太好。因而,前天我们采纳一个相当流行的,功用也十三分强劲的文本编辑软件艾德itplus,改造成八个可见很好的支撑Python编辑,浏览,运行及调试的支付条件,并且存有语法加亮,自动达成,自动缩进,新建python
文件模板等成效支撑。大家用的艾德itplus 是v3.60,Python 是2.7 版。

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

第一节

① 、首先下载phpcms v9的集成安装包并安装,那里就不详细表达了。

② 、本地调节和测试建议大家利用APMserver,也许wampserver等,能够到PHPCMS吧官方网站首页链接下载。安装好打开v9的根目录“phproot→phpcms→templates”文件夹把“default”文件夹复制一份起名“redu”。

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

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

一 、首先修改首页模板index.html
修改前向大家介绍下v9的行事方式,v9和他的前身phpcms
二〇〇八是一样的都以“标签调用尾部 +首页部分+ 标签调用尾部”
故此遵照从头开头的相继
首先步打开heard.html
如今大家初阶分析header.html的布局:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns=”http://www.w3.org/1999/xhtml"&gt;
地点是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>
看清语句
翻译:若是设置了标题并且标题不为空,则浮现题目,不然突显网站名称

<meta name=”keywords” content=”{$SEO[‘keyword’]}”>
<meta name=”description” content=”{$SEO[‘description’]}”>
<link href=”{CSS_PATH}reset.css” rel=”stylesheet” type=”text/css”
/>
<link href=”{CSS_PATH}default_blue.css” rel=”stylesheet”
type=”text/css” />
地点2行是外表css的调用{CSS_PATH}
<script type=”text/javascript”
src=”{JS_PATH}jquery.min.js”></script>
<script type=”text/javascript”
src=”{JS_PATH}jquery.sGallery.js”></script>
<script type=”text/javascript”
src=”{JS_PATH}search_common.js”></script>
地方3行是网页的js调用
</head>
<body>
<div class=”body-top”>
<div class=”content”>
{pc:content action=”position” posid=”9″ order=”id” num=”10″
cache=”3600″}
<div id=”announ”>
<ul>
{loop $data $k $v}
<li><a
href=”{$v[url]}”>{$v[title]}</a></li>
{/loop}
</ul>
</div>
{/pc}
<script type=”text/javascript”>
$(function(){
startmarquee(‘announ’,22,1,500,3000);
})
</script>
<div class=”login lh24 blue”><a
href=”{APP_PATH}index.php?m=content&c=rss&siteid={get_siteid()}”
class=”rss ib”>rss</a><span class=”rt”><script
type=”text/javascript”>document.write(‘<iframe
src=”{APP_PATH}index.php?m=member&c=index&a=mini&forward=’+encodeURIComponent(location.href)+’&siteid={get_siteid()}”
allowTransparency=”true” width=”300″ height=”24″ frameborder=”0″
scrolling=”no”></iframe>’)</script></span></div>
</div>
</div>
<div class=”header”>
<div class=”logo”><a href=”/”><img
src=”{IMG_PATH}v9/logo.jpg” /></a></div>

上面是寻找部分

<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文件
<!–main–>那些是模版注释!建议一定要养成写代码加注释的习惯

其一是div标签,不知晓什么是div能够的去网上找些教程学习下,这些都不驾驭就没供给继续看了

<!–这里是pc标签{pc:content 参数名=”参数值” 参数名=”参数值”
参数名=”参数值”}–>
{pc:content action=”position” posid=”2″ order=”listorder DESC”
num=”4″}

<!–呈现PC标签中的数据–>

{loop $data $r}

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

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

{/loop}
{/pc}

<!–停止标签–>

 

<!–这里依然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仿制3个网站
壹 、准备工具一 、
css手册
2、phpcms手册
叁 、dw cs5 没有的能够用记事本
4、ps
伍 、显示器尺子
6、好色鬼
柒 、网站下载器
捌 、各个浏览器 ie6 ie7 ie8 ie9 火狐 谷歌(Google) Opera Safari 用ie
和火狐基本就够了
⑨ 、有原则的可以准备个php手册和html手册
十 、亦歌(那个挺好用的听歌软件,笔者每回写代码都会打开他听歌)
1壹 、测试环境没有下个phpcm v9的集成包
1贰 、还没想到······想到了在写(呵呵,为了多写点·····哈)
② 、准备资料
壹 、用网站下载器下载准备仿的网站文件
贰 、依据目的网站制作相应尺寸的图形(如logo)某些须求改,某些不需求改(那里也是为着多写点···)

三 、还没悟出还索要预备什么······想到了在写(呵呵,照旧为了多写点·····哈)
叁 、起初仿站
壹 、先打开亦歌听音乐吧
贰 、打开要求仿的站,查看页面源代码!(在网页空白区右建就能来看)
三 、先找到网页的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代码,那里千万别改!改了后台就跑偏了
④ 、编辑尾部文件用dwcs 5或记事本打开v9模版目录下header.html文件。

  1.要使艾德itplus 能够运营python 程序,首先打开
 工具->参数设置  对话框,在 用户工具 里新建二个 ,组名能够叫python,在python
group
里新建二个工具也起名为python,分别在 菜单文字 :填入python,在 命令:填入python
的设置路径,在 参数:填入$(FileName),在 千帆竞发目录:填入$(FileDir)。完结这一步的结果如下图(1):

图片 1

那样大家在艾德itplus 里打开一个python
文件,在 工具  菜单下就会有1个python 选项,直接单击就足以运作python
程序了,也能够运用急忙键(Ctrl+1),依照你设置用户工具的个数,那些火速键大概截然差别。

在那里大家想达成上面包车型地铁1个效果:正是当程序出错的时候,python
解释器会交到类似如下的提醒新闻:
  ———- python ———-
  File “test.py”, line 6
  print ‘a
  ^
  SyntaxError: EOL while scanning single-quoted string
  Output completed (1 sec consumed) – Normal Termination
  此时,大家一般会依据提醒的行号到文本中去找错误的地点,而不能象其余的编写翻译器一样一向双击错误的提醒,将光标直接移动到错误行。此时一旦大家一直双击某行,则会油不过生找不到某文件的一无所能。此处,咱们就选取艾德itplus
出口模板 的贯彻那些效应。具体做法如下,在图(1)中的Capture Output
选项前的复选框要选上,然后打开 出口模板 按钮,在 出口模板
对话框中,首先废除利用暗许输出形式 选项前的复选框,在正则表明式
栏里填入正则表达式如下:
  File “(.+)”, line ([0-9]+)
  File Name 栏里挑选 标记表明式1
  Line 栏里挑选 标志表明式2
  Column 栏里为
  结果如图(2):

图片 2

然后我们向来双击错误提示信息行
File “test.py”, line 6
光标就会直接跳到第④行,格外的有益,尤其是当四个文本相互调用的时候,那种方法可以一本万利打开文件找到错误的任务。
2.为了促成语法加亮和自动实现功用,大家亟须下载四个文本,下载地址为http://www.editplus.com/files/pythonfiles.zip ,解压到editplus
的设置目录下。压缩包有八个文件,此处大家用到多少个,python.acp
文件和python_extd.stx 文件。Acp 文件是半自动实现文件,stx
文件是语法加亮文件。如何加载呢?方法如下:工具->参数设置->设置&语法 
下,首先新建一个文件类型,我们命名为python,扩展名(file
extensions)栏里我们填入py。在syntax file
栏里大家找到刚才下载的python_extd.stx
文件,在电动补全 栏里找到python.acp 文件,在 函数模板 栏里填入:[
\t]*def[ \t].+: 那样我们就能够透过Ctrl+F11 急迅键直接突显出python
文件中的函数列表。设置实现如下图(3):

图片 3

这会儿大家打开一个python
文件,就能够看到有语法加亮了。然则大家在编排的时候会发现叁个难题不怕,在输入冒号后,没有机关缩进,当然,如若大家手工缩进后会发现后边的输入也拓展了一致的缩进,怎么着让editplus
自动识别冒号然后径直缩进,并且怎么样修改缩进的长度呢?在图(3)中,大家得以看到1个 制表符/缩进 标签,打开她能够见见制表符,缩进 的选项,分别填入自个儿习惯的偏离。作者四个都填入4,并且选中 插入空格代替制表符 和 起初自动缩进 。然后在 自动缩进凯奇字符 里填入2个冒号“:”。完结安装今后如下图(4):

图片 4

任何的安装也得以依照类似的装置开始展览。
3.还有有些很有益于的是,能够因而确立一个python
文件的模板,来快捷新建2个python 文件。首先大家成立一个名为template.py
的文书,内容自定,大家那里即使如下:
―――――――――――――――――――――
“””
Usage:
“””
―――――――――――――――――――――
保留,将template.py 文件放到editplus 安装目录下。
工具->参数设置->模板
开辟模板设置对话框,首先添加二个名为python 的模版,把file path
设置到我们刚刚建立的template.py 文件上。配置结果如图(5):

图片 5

点击 载入 按钮。完成。这样在 文件->新建->下就会有3个python
模板,直接能够便宜的建立一个python 文件。
迄今停止,Editplus 已经能够方便的编写制定,浏览,调节和测试和平运动作python
程序了。最终还要提示一点的是,个人选用习惯差别,可以依据类似的办法举办改动和调整。通过上述的牵线,大家能够看到,Editplus
能够很便利的安插,能够形成python 常用的大部分功力,有效的增进编制程序功效。

http://blog.csdn.net/davidsky11/article/details/23216913

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图