菠蘿教你做模板之二－制作準(zhǔn)備及網(wǎng)站首頁(yè)的制作_PHPCms教程

菠蘿教你做模板之二－制作預(yù)備及網(wǎng)站首頁(yè)的制作

好不輕易抽點(diǎn)時(shí)間來寫教程：
今天講制作預(yù)備：
硬件方面：
我們需要一臺(tái)能夠流常運(yùn)行制作軟件的機(jī)子，內(nèi)存256m以上（廢話，只有我采用這么爛的機(jī)子）
軟件方面：
我們需要如下軟件：
Dreamwaver 用來編輯html頁(yè)面
FireWorks或者Photoshop，用來做最初的模板預(yù)覽圖和切片導(dǎo)出html文件。
Flash（假如你需要你的網(wǎng)頁(yè)更炫，需要用到這個(gè)dd哦，順便緬懷一下出網(wǎng)頁(yè)三劍客的MM公司～～）

當(dāng)我們安裝解壓縮并安裝好phpcms3.0后，我們可以看到這樣的一個(gè)文件夾templates，他就是我們要操作的對(duì)象了。

第一步，熟悉模板文件

打開templates目錄，會(huì)發(fā)現(xiàn)下面由一個(gè)文件夾default，這個(gè)用來放置默認(rèn)的模板文件，一個(gè)是templateprojectnames.php，這個(gè)文件是用來記錄方案的名稱的文件。

我們打開default文件夾會(huì)看到這樣的一些文件夾，從今天開始，我們就每一個(gè)文件夾模板的制作開始


圖片附件: Snap1.jpg (2006-7-13 10:57 PM, 46.94 K)


我們首先從phpcms這個(gè)文件夾開始


圖片附件: Snap2.jpg (2006-7-13 10:57 PM, 82.18 K)


這個(gè)文件夾里面存放的網(wǎng)頁(yè)模板用途如下：
footer.html 全站默認(rèn)底部模板
header.html 全站默認(rèn)頂部模板
index.html 默認(rèn)全站首頁(yè)模板
message.html 提示消息模板
search.html 默認(rèn)全站搜索模板
tag_catlist.html默認(rèn)欄目調(diào)用標(biāo)簽?zāi)０?br />tag_slidespecial.html 默認(rèn)幻燈片展示模板
tag_slidespecial-js.html 默認(rèn)js圖片效果切換模板
tag_speciallist.html 默認(rèn)專題列表模板
uppic.html 上傳圖片模板
templatenames.php 記錄每個(gè)模板的名稱

我們制作好一張效果預(yù)覽圖之后，需要使用FW或者PS之類的切片工具將它倒成html文件
這一步網(wǎng)上有很多教程，在此就不加贅述

網(wǎng)站首頁(yè)的制作


當(dāng)我們導(dǎo)出自己的html首頁(yè)文件效果入www.qq.com所示，我們可以觀察一下
頂部這些東西是每個(gè)頁(yè)面通用的，我們可以把他做成header.html


圖片附件: Snap1.jpg

查看更多 phpcms教程  phpcms模板