phpcms是一款很是便捷的網站管理軟件,從網上下載好軟件後放在wamp的www目錄下,而後經過路徑一步步安裝就行了。數據庫要寫上本身數據庫的名字和密碼,若是沒有密碼則不寫,登陸後就是這個後臺頁面:php
一、要作網站的話注意兩個文件夾,phpcms裏的templates是放本身新建的模板,在模板文件夾下建一個content子文件,把寫好的html文件都放在content裏邊而且修更名字。statics裏要放本身寫的css、js、images,最好分門別類的放在各自的文件夾裏。css
二、建立好文件後回到後臺點擊設置菜單下的站點管理,點擊修改,在模板風格里選擇本身建立的模板,肯定就能夠了。html
三、修改css、js、images的路徑,按ctrl+f查找「css替換爲{CSS_PATH}css,‘’js替換爲{JS_PATH}js,"images替換爲{IMG_PATH}images。jquery
四、將頭和尾分別拿出來,新建header.html和footer.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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}css/header.css" rel="stylesheet" type="text/css" /> <script src="{JS_PATH}js/jquery-1.7.2.min.js"></script> </head> <body> <!--HEAD頭--> <div id="head"> <div id="logowai"> <div id="logo"> <img src="{IMG_PATH}images/logo1.jpg" width="200" height="100" /> </div> <div id="menu"> {pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"} {loop $data $r} {if $catid==$v[catid] || $top_parentid==$v[catid]} <a href="{$r[url]}"><div class="menu menu_sel">{$r[catname]}</div></a> {else} <a href="{$r[url]}"><div class="menu">{$r[catname]}</div></a> {/if} {/loop} {/pc} {if $top_parentid==0} <a href="{siteurl($siteid)}"> <div class="menu menu_sel">首頁</div> </a> {else} <a href="{siteurl($siteid)}"> <div class="menu">首頁</div> </a> {/if} </div> </div> </div> <!--頭部結束-->
footer,html:oop
<!--頁腳開始--> <div style="clear:both"></div> <div id="yejiaowai"> <div id="yejiao"> <div class="yj_one"></div> <div class="yj_item"> Copyright © 2017-2018 臻體纖美 版權全部 天啓網絡技術支持 </div> <div class="yj_item"> 電話:0635-8240686 郵箱:XXXXXXXX@qq.com 地址:聊城市東昌府區 </div> </div> </div> <!--頁腳結束--> </body> </html>
五、主體頁面index.html裏邊的頭和尾都被拿去了,那麼須要在頭部和尾部替換一段代碼:網站
{template "content","header"}
{template "content","footer"}
六、而後在頭部寫東西,按照默認模板來就能夠了:ui
<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']}">
頭部樣式:選擇內容菜單下的管理欄目,而後依次添加就能夠了:url
這裏共有五個欄目,這五個欄目是遍歷出來的:
<body> <!--HEAD頭--> <div id="head"> <div id="logowai"> <div id="logo"> <img src="{IMG_PATH}images/logo1.jpg" width="200" height="100" /> </div> <div id="menu"> {pc:content action="category" catid="0" num="4" siteid="$siteid" order="listorder ASC"} {loop $data $r} {if $catid==$v[catid] || $top_parentid==$v[catid]} <a href="{$r[url]}"><div class="menu menu_sel">{$r[catname]}</div></a><!--catname是欄目名稱 --> {else} <a href="{$r[url]}"><div class="menu">{$r[catname]}</div></a> {/if} {/loop} {/pc} <!--category是欄目 catid是頂級欄目也就是一級欄目-->
首頁是須要點擊變顏色的:
{if $top_parentid==0}<!--判斷首頁顯示是否是首頁--> <a href="{siteurl($siteid)}"> <div class="menu menu_sel">首頁</div> </a> {else} <a href="{siteurl($siteid)}"> <div class="menu">首頁</div> </a> {/if}
以上就是頭部的部分了。