菠蘿教你做模板之二－制作預備及網站首頁的制作

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

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

第一步，熟悉模板文件

打開templates目錄，會發現下面由一個文件夾default，這個用來放置默認的模板文件，一個是templateprojectnames.php，這個文件是用來記錄方案的名稱的文件。

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


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


我們首先從phpcms這個文件夾開始


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


這個文件夾里面存放的網頁模板用途如下：
footer.html 全站默認底部模板
header.html 全站默認頂部模板
index.html 默認全站首頁模板
message.html 提示消息模板
search.html 默認全站搜索模板
tag_catlist.html默認欄目調用標簽模板
tag_slidespecial.html 默認幻燈片展示模板
tag_slidespecial-js.html 默認js圖片效果切換模板
tag_speciallist.html 默認專題列表模板
uppic.html 上傳圖片模板
templatenames.php 記錄每個模板的名稱

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

網站首頁的制作


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


圖片附件: Snap1.jpg

查看更多 phpcms教程  phpcms模板