欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

PHPCMS 模板制作教程 黑夜之舞出品

  發(fā)布時間：2010-04-08 22:34:42   作者：佚名   我要評論
讀得懂這個模板教的前提是：會那么一點點HTML基礎(chǔ)的知識。
第一講：了解PHPCMS2008模板的位置及結(jié)構(gòu)
 
 首先從官網(wǎng)把phpcms2008最新版本下載下來，并安裝好。安裝好之后在后臺里的網(wǎng)站配置--基本信息那 生成文件擴(kuò)展名 html 設(shè)置好，然后更新首頁和緩存。生成HTML后打開網(wǎng)站下的./templates/default/phpcms/ 目錄，這就是生成的默認(rèn)模板的存放位置。我截圖給大家看
\

   完整的首頁模板就是由里面的header.Html（頭部）、index.Html（首頁）、footer.Html（尾部） 三個模板文件組成的，如果想修改首頁就是修改這幾個模板。下面我把常用的模板名稱列出來，讓大家了解。
以category 開頭的都是欄目頁
category.html              文章欄目頁
category_down.html         下載欄目頁
category_info.html         信息欄目頁
category_picture.html      圖片信息頁
category_product.html      產(chǎn)品欄目頁
category_video.html        視頻欄目頁
 
以list 開頭的都是列表頁
 
list.html               文章列表頁
list_down.html          下載列表頁
list_picture.html       圖片列表頁
list_product.html       產(chǎn)品列表頁
list_video.html         視頻列表頁
 
以show開頭的都是內(nèi)容頁
 
show.html              文章內(nèi)容頁
show_down.html         下載內(nèi)容頁
show_info.html         信息內(nèi)容頁
show_picture.html      圖片內(nèi)容頁
show_product.html      產(chǎn)品內(nèi)容頁
show_video.html        視頻內(nèi)容頁
 
這就是PHPCMS的基本模板名稱，如果你想要制作或修改模板，只要找到相應(yīng)的模板修改就行了。其它以TAG開頭的模板都一些標(biāo)簽?zāi)０澹诤竺嫖以贋榇蠹以敿?xì)解釋。為些模板名稱大家都可以在PHPCMS程序后臺找得到。官方PHPCM默認(rèn)的每個頻道基本是由欄目頁、列表頁、內(nèi)容頁 這三個頁面組成，頭部和尾部都是通用的。所以我們做模板或是仿模板的時候一般都是按：
1、網(wǎng)站首頁
     2、文章—文章欄目頁—文章列表頁—文章內(nèi)容頁
     3、圖片—圖片欄目頁—圖片列表頁—圖片內(nèi)容頁
     4、下載頻道同上
     5、信息頻道同上
     6、其他單一頁面
這個順序來做。
 
第二講：首頁模板解析及制作思路
 
大家都知道，制作模板之前我們都是先把想要的模板效果樣式做成靜態(tài)的HTML頁面，之后再通過一定的規(guī)則把靜態(tài)的HTML頁面轉(zhuǎn)換成PHPCMS模板，讓這個模板可以自動的調(diào)用或讀取PHPCMS程序里的內(nèi)容。這個讓靜態(tài)HTML轉(zhuǎn)換成可以自動讀取PHPCMS程序里的內(nèi)容的方法就是我們要學(xué)的知識。
 
我們看看默認(rèn)head.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">
/*網(wǎng)頁使用的是W3C標(biāo)準(zhǔn)XHTML+CSS ，也就是別人常就的 DIV+CSS */
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
/*這是官方模板中的網(wǎng)頁編碼定義，{CHARSET}是只有phpcms才會識別的變量標(biāo)簽，可以自動識別程序的編碼
在制作模板的時候改成自己程序相應(yīng)的編碼就行了。假如你的程序編碼是GBK的。你改成：
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />      */
 
<title>{$head[title]}</title>
/*讀取網(wǎng)站的名稱*/
<meta content="{$head[keywords]}" name="keywords" />
<meta content="{$head[description]}" name="description" />
/*讀取網(wǎng)站的關(guān)鍵字和描述*/
<base href="{SITE_URL}" />
/*這是讀取網(wǎng)站后臺設(shè)置的網(wǎng)址，也是就自己的域名，如果去掉的話，那么CSS樣式和其它的圖片都無法正常顯示*/
<link href="favicon.ico" rel="shortcut icon" />
<link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" />
/*鏈接模板的CSS樣式 做模板的時候把這里改成如：<link href="templates/default/skins/default/phpcms.css" rel="stylesheet" type="text/css" />就行。 */
<link rel="alternate" type="application/rss+xml" title="{$head[title]}" href="/rss.php?rssid={$catid}" />
/*讀取網(wǎng)頁標(biāo)題*/
<script language="JavaScript" src="data/config.js"></script>
<script language="JavaScript" src="images/js/jquery.min.js"></script>
<script language="JavaScript" src="images/js/css.js"></script>
<script language="JavaScript" src="images/js/common.js"></script>
<script language="JavaScript" src="images/js/login.js"></script>
<script language="JavaScript" src="images/js/validator.js"></script>
/*上面幾個JS文件關(guān)系到一些重要調(diào)用，做模板的時候要記得調(diào)用?？梢园阉鼈儚?fù)制到相應(yīng)模板文件夾里然后再調(diào)用*/
</head>
<body onload="menu_selected('{php echo $catid ? $catid : $mod;}')">
<div id="top">
{if isset($MODULE['search'])}
{php $types = cache_read('search_type.php');}
 <div class="f_r">
     <form name="site_search" action="{$MODULE[search][url]}" target="_blank">
      <input type="text" name="q" size="20" class="input_blur"/>
      <select name='type'>
        <option value="all">全部</option>
          {loop $types $k $name}
        <option value="{$k}">{$name}</option>
          {/loop}
      </select>
      <input type="submit" name="s" id="button" value="搜索" class="button_style"/>
      </form>
 </div>
{/if}
/*上面是默認(rèn)搜索部分*/
 <div class="f_l">
    <div id="div_login" style="display:none">
          <form action="{$MODULE[member][url]}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {PASSPORT_ENABLE});">
          用戶名：<input type="text" name="username" size="12" class="input_blur"/>
          密碼：<input type="password" name="password" size="12" class="input_blur"/>
                <input type="submit" name="dosubmit" value="登錄" class="button_style"/>
                <input type="button" name="register" value="注冊" onclick="redirect('{$MODULE[member][url]}register.php')" class="button_style"/>
                <input type="hidden" name="cookietime" value="0"/>
          </form>
     </div>
    <div id="div_logined" style="display:none">
          <strong id="logined_username" ></strong>，<a href="{$MODULE[member][url]}">會員中心</a> |
        <a href="{if PASSPORT_ENABLE}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登錄</a>
     </div>
 </div>
</div>
/*上面是默認(rèn)會員登錄部分*/
<div id="head">
 <div id="logo">
    <a href="{SITE_URL}"><img src="images/logo.gif" alt="{$PHPCMS[sitename]}" /></a>
    <a href="{SITE_URL}rss.php" target="_blank"><img src="images/rss.jpg" alt="rss信息聚合" /></a></div>
 <div class="ad" id="topbanner"><script language="javascript" src="data/js.php?id=1"></script></div>
</div>
<div id="menu">
     <ul>
      <li><a href="" id="menu_phpcms"><span>首頁</span></a></li>
      {tag_一級欄目}
     </ul>
</div>
/*上面是默認(rèn)導(dǎo)航菜單部分*/
 
...........
這就是頭部模板文件里的代碼，我們在制作模板的時候，在靜態(tài)的HTML文件里的相應(yīng)位置把那些變量替換上去就行了。再給大家舉兩個例子。
一、修改前的靜態(tài)HTML文件里的網(wǎng)頁關(guān)鍵字和網(wǎng)頁描述代碼：
<meta content="夜之舞——夜之舞網(wǎng)絡(luò)工作室" name="keywords" />
<meta content="夜之舞網(wǎng)絡(luò)工作室是一個專業(yè)的PHPCMS模板制作團(tuán)隊，制作、模仿模板都應(yīng)該去找他們。" name="description" />
 
修成可以自動讀取PHPCMS程序里的網(wǎng)頁關(guān)鍵字和網(wǎng)頁描述內(nèi)容后的代碼：
<meta content="{$head[keywords]}" name="keywords" />
<meta content="{$head[description]}" name="description" />
二、修改前的靜態(tài)HTML文件里的網(wǎng)站標(biāo)題代碼：
<title>黑夜之舞網(wǎng)絡(luò)工作室</title>
修改后的代碼：
<title>{$head[title]}</title>
 
   無論是自己做模板還是仿模板的前提都是先把那些模板做成靜態(tài)的頁面，然后再把靜態(tài)頁面中HTML源代碼中的常量轉(zhuǎn)換成官方模板可以讀取的變量。以上就是兩個小例子，當(dāng)然做模板，仿模板遠(yuǎn)不止這些，但大家只要知道這個原理，那么做模板或是仿模板都將變得很簡單。
 
 
第三講：模板制作模板仿制的方法
 
 
 之前也說了無論是制作模板還是仿模板，就先提把那些模板做成靜態(tài)頁面。怎么制作靜態(tài)頁面的方法我在這就不介紹了，我想大家都會，如果不會的就去網(wǎng)上搜索資料自學(xué)。下面我重點放在怎么仿模板。大家都知道，現(xiàn)在都網(wǎng)頁制作提倡使用XHTML+CSS標(biāo)準(zhǔn)，也就是大家常說的DIV+CSS，PHPCMS頁面也是使用這一標(biāo)準(zhǔn)。XHTML+CSS頁面中最常見的標(biāo)志對有：
<DIV> </DIV>
<UL>   </UL>
<LI>   </LI>
<SPAN> </SPAN>
<P>   </P>
等。。。。
大家只要把這幾個標(biāo)志對的作用了解就行了，要求不高。所以建議大家在網(wǎng)上看到漂亮的網(wǎng)頁的時候，一定要記得使用右鍵查看源文件，看看那些高手是怎么制作網(wǎng)頁的，進(jìn)而模仿借鑒。這是由一個菜鳥到高手的必經(jīng)之路。嗯說正事。
仿站之前的準(zhǔn)備：
一、打開目標(biāo)網(wǎng)站 （廢話哈）
二、查看目標(biāo)站的結(jié)構(gòu) （看看目標(biāo)站哪些頁面適合做-欄目面--列表頁--內(nèi)容頁等） 這步很重要
三、打開PHPCMS網(wǎng)站下/templates/default/目錄 把default目錄復(fù)制一份，用來備份，方便做錯之后還原回來。
四、打開目標(biāo)網(wǎng)站--右鍵查看源文件--復(fù)制--然后粘貼到./templates/default/phpcms/ 目錄下的index.html文件里，替換里面的內(nèi)容。進(jìn)入網(wǎng)站后臺，更新一下網(wǎng)站首頁，就可以看到效果了。
五、把目標(biāo)網(wǎng)站首頁的CSS和圖片資源下載下來，存放路徑和目標(biāo)網(wǎng)站一樣。

相關(guān)文章

最新評論