網(wǎng)站模板制作前的準備

模板制作系統(tǒng)環(huán)境的搭建,請點擊鏈接查看。

1.瀏覽器 ：

推薦使用360安全瀏覽器極速模式方便制作調(diào)試。

2.模板編輯器

推薦使用Editplus編輯器

打開編輯器，在[工具]-[文件]-[編碼]，里面選擇utf-8，選擇后編輯模板保存的文件默認編碼為utf-8。

3.后臺模板文件夾

[template_admin] 網(wǎng)站后臺模板文件夾

4.前臺模板文件夾

打開templates文件夾可以看到多個子文件夾，這里面的每個文件夾都是一套獨立完整的網(wǎng)站模板

[default_visual] 網(wǎng)站前臺模板文件夾

[wap] 網(wǎng)站獨立手機模板文件夾

[user] 網(wǎng)站會員中心模板文件夾

[其他] 網(wǎng)站前臺模板文件夾

5.模板文件夾結(jié)構(gòu)說明

以打開[default_visual]模板為例：

文件夾	文件名	說明
announ	show.html	公告展示頁模板
archive	ecodingsearch.html	防偽碼搜索頁面模板
	esearch.html	自定義字段搜索頁面模板
	list.html	欄目內(nèi)容列表模板
	list_ditu.html	單頁面顯示地圖頁面模板
	list_down.html	下載列表頁面模板
	list_job.html	招聘列表頁面模板
	list_loop.html	分別顯示下級分類內(nèi)容列表模板
	list_loop_pic.html	分別顯示下級分類縮略圖列表模板
	list_page.html	封面分類頁列表模板
	list_text.html	內(nèi)容簡介列表模板
	list_text_pic.html	內(nèi)容簡介+縮略圖列表模板
	list_pic.html	縮略圖列表模板
	search.html	搜索頁模板
	show.html	內(nèi)容頁模板
	show_down.html	下載內(nèi)容頁模板
	show_guest.html	匿名用戶發(fā)布內(nèi)容模板
	show_job.html	招聘內(nèi)容頁模板
	show_products.html	內(nèi)容頁商品模板
show_pic.html	內(nèi)容圖片幻燈模板
attachment	downfile.html	附件下載頁模板
ballot	getjs.html	投票調(diào)用js頁模板
comment	comment.html	內(nèi)容頁評論框模板
	comment_js.html	評論列表模板
	list.html	評論列表模板
data	templatetag.php	模板中文標簽配置文件
guestbook	index.html	留言板模板
index	index.html	網(wǎng)站首頁模板
skin	css	模板樣式表文件夾
	fonts	css圖標字體文件夾
	images	模板圖片文件夾
	js	模板js文件夾
	thumbnails.jpg	后臺模板選擇列表模板縮略圖
special	show.html	專題文字列表頁面
	show_pic.html	專題圖片列表頁面
system	archive_pagination.html	內(nèi)容列表分頁樣式模板
	category_pagination.html	欄目列表分頁樣式模板
	category_pagination_page.html	欄目內(nèi)容內(nèi)分頁樣式模板
	close.html	網(wǎng)站關(guān)閉提示模板
	cslide.html	內(nèi)頁切換圖片模板
	foot_nav_a.html	響應(yīng)式模板手機瀏覽上彈客服列表
	foot_nav_b.html	響應(yīng)式模板手機瀏覽圓形客服列表
	foot_nav_c.html	響應(yīng)式模板手機瀏覽平鋪客服列表
	index_pagination.html	預(yù)留模板
	servers.html	在線客服統(tǒng)一調(diào)用接口
	servers_classic.html	在線客服經(jīng)典樣式模板
	servers_metro_color.html	在線客服扁平彩色樣式模板
	servers_metro_grey.html	在線客服扁平灰色樣式模板
	servers_old.html	在線客服舊時光樣式模板
	share.html	內(nèi)頁分享調(diào)用模板
	slide.html	網(wǎng)站幻燈輪播圖片模板
	sms.html	首頁短信留言提示框模板
	special_pagination.html	專題列表分頁模板
	suspend.html	網(wǎng)站暫停提示模板
	tag_pagination.html	tag列表分頁模板
	type_pagination.html	分類列表分頁模板
tag	show.html	Tab內(nèi)容列表頁模板
	tag_ifocus.html	焦點圖模板
tpltag	tag.config.php	模板標簽調(diào)用系統(tǒng)功能文件
	tag_category.html	欄目標簽?zāi)０?/td>
	tag_category_test.html	欄目標簽?zāi)０逭{(diào)用項說明
	tag_content.html	內(nèi)容標簽?zāi)０?/td>
	tag_content_test.html	內(nèi)容標簽?zāi)０逭{(diào)用項說明
type	list.html	分類內(nèi)容文字列表模板
	list_loop.html	分類列表模板，展示所有分類列表
	list_loop_pic.html	分類圖片列表模板，展示所有分類列表
	list_loop_page.html	分類單頁面模板
	list_pic.html	分類內(nèi)容圖片列表模板
	list_products.html	分類內(nèi)容商品列表模板
visual	list	可視化列表樣式模板文件夾 其中： listannountag：公告列表樣式模板文件夾 listguestbooktag：留言列表樣式模板文件夾 listspecialtag：專題列表樣式模板文件夾 listtag：欄目列表樣式模板文件夾 listtypetag：分類列表樣式模板文件夾
	modules	可視化自定義組件樣式模板文件夾。
	nav	可視化導航樣式模板文件夾
vote	show.html	投票展示模板
	view.html	投票調(diào)用樣式模板
模板目錄	bottom.html	可視化通用頁底模板
	ditu.html	網(wǎng)站地圖坐標模板
	foot_js.html	全站頁底引用所有JS模板
	footer.html	全站通用頁底模板
	header.html	全站通用頁頭模板
	position.html	面包屑導航模板
	top.html	可視化通用頁頭模板

按照上面表格中的文件說明，需要修改就復制這個模板到自己的模板文件夾下修改即可。

用 CmsEasy 助您「輕松搭建」企業(yè)官網(wǎng)。