下載本文檔
版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)
文檔簡介
我是新手齊博教程我是新手齊博教程我是新手齊博教程我是新手齊博教程編制僅供參考審核批準(zhǔn)生效日期地址：電話：傳真:郵編:我是新手，在此懇求P8能有個這樣的視頻教程?。?！同意的朋友可以頂下?。?！
有時候大家看到許多漂亮的風(fēng)格,那么如何把別人的風(fēng)格改成php168的風(fēng)格呢下面給大家一個圖文的教程:
第一步:保存別人的風(fēng)格
.
一般的網(wǎng)站保存之后基本都沒有什么問題了,可以打開保存的網(wǎng)頁看看.基本和原有的網(wǎng)站差別不大.
當(dāng)然也有可能和原先的網(wǎng)站差別比較大的.這多是由于樣式表的問題造成的.
現(xiàn)在我們打開我們剛才保存的網(wǎng)站看看效果怎么樣？
我們查看一下代碼看看:
在代碼里面搜索:style這個關(guān)鍵字.
找到下面的代碼:
<styletype="text/css"media="screen">
@importurl("/CS_version/css/");
</style>
而我們保存下來的結(jié)構(gòu)是這個樣子的:
顯然上面的代碼的css路徑是不對的.
那我們改一下.我們
把
<styletype="text/css"media="screen">
@importurl("/CS_version/css/");
</style>
改成:<linkhref="fangzhi_files/"rel="stylesheet"type="text/css">
再看看,還是不行.那肯定還是樣式的問題.
我們打開fangzhi_files/這個文件看看:
最上面兩行是這樣的:
@importurl(/CS_version/Css/);
@importurl(/CS_version/css/);
原來他在這個文件里面又導(dǎo)入了其他兩個css文件.但是很明顯路徑又錯了.
我們改一下路徑,改成下面的樣子.
@importurl);
@importurl);
之后保存這個文件.再來看看保存的網(wǎng)頁,有點像了:)
但是還有一些圖片不能正常顯示.這次你應(yīng)該知道了,肯定是路徑問題.
好,那么到文件(還包括和里面看看,我們會發(fā)現(xiàn)諸如:BACKGROUND-IMAGE:url(/CS_version/CS_img/home/;
里面的路徑/CS_version/CS_img/home/都改為,即去掉/CS_version/CS_img/home/.
因為現(xiàn)在所有圖片和css文件在同一級目錄里面.當(dāng)然你可以根據(jù)實際情況修改這個目錄.
再刷新看看,但是還有些圖片不能正常顯示.那么我們就要考慮有可能沒有把部分圖片保存下來.那么直接到原來網(wǎng)站保存對應(yīng)圖片到css文件所在目錄.
再看看
第二步:去除保存下來的網(wǎng)頁里面無用的內(nèi)容(包括網(wǎng)站內(nèi)容,無用的html代碼,無用的js代碼,無用的超級鏈接等),
把地方留出來,因為這些地方我們要用php168的標(biāo)簽來動態(tài)的調(diào)用網(wǎng)站的內(nèi)容.
第三步:分解剛才處理好的網(wǎng)頁為三個文件:
(網(wǎng)頁頭部，一般在這個部分放置登陸表單，導(dǎo)航菜單，logo，等等)
(網(wǎng)頁主體，一般在這個部分用標(biāo)簽調(diào)用網(wǎng)站各個欄目的內(nèi)容等等)
(網(wǎng)頁底部，一般在這個部分顯示一些版權(quán)信息)
第四步:在去除內(nèi)容的地方加入標(biāo)簽$label[*],其中*是以字母開頭的字母和數(shù)字的任意結(jié)合.
這個$label[*]可以加到，，，，中。
[注].標(biāo)簽$label[*]是什么東西？
我們打個比方來說明一下。比如你現(xiàn)在有一個漂亮的靜態(tài)網(wǎng)頁框架。你想把這個漂亮的靜態(tài)網(wǎng)頁框架作成動態(tài)網(wǎng)頁，
以方便內(nèi)容的添加及更改。那么你只需要在要顯示內(nèi)容的地方添加諸如$label[**]的標(biāo)簽。然后再做簡單的處理。
那么原來漂亮但是簡單的靜態(tài)網(wǎng)頁就會變成功能強大的動態(tài)網(wǎng)站。而且美麗依舊。簡單的說，
這個標(biāo)簽$label[**]就象一個旗幟，他插在網(wǎng)頁的不同部位。我們可以用這個旗幟顯示文章的列表。
也可以用他來顯示幾行幾列的圖片列表。還可以用他來顯示falsh，幻燈片圖片，文字+部分內(nèi)容列表等等。
我們還可以用他來顯示一些插件，比如：天氣預(yù)報，搜索引擎，投票欄目等等。
第五步:風(fēng)格的制作
上面我們簡單的說了一下標(biāo)簽$label[**]。我們說他象一面旗幟，可以插在不同的位置顯示不同的內(nèi)容。
那么我們有了旗幟，要往哪里放呢下面我們來介紹一下插放這些標(biāo)簽的地方----網(wǎng)頁模板文件。
網(wǎng)頁模板總的分為php168默認(rèn)風(fēng)格模板和自己制作的風(fēng)格模板。他們都放在template文件夾下面。
其中template/default/為默認(rèn)模板存放的地方。因為是默認(rèn)的所以我們盡量不要改動他.
主要默認(rèn)模板文件說明：
（獨立頁面模板）
（內(nèi)容頁面模板）
（評論頁面模板）
（評論ajax頁面模板）
（留言本頁面模板）
（列表頁面模板）
（登陸頁面模板）
（發(fā)布頁面模板）
（跳轉(zhuǎn)頁面模板）
（注冊頁面模板）
（搜索頁面模板）
（指示提示頁面模板）
（專題列表頁面模板）
（專題內(nèi)容頁面模板）
（投票頁面模板）
以上是主要的模板文件。你可以根據(jù)你的需要制作自己的模板，不一定全部制作。
一般主要制作，，，，就基本可以滿足需要了。
當(dāng)瀏覽著瀏覽你的網(wǎng)頁的時候，你制作的模板就會呈現(xiàn)給瀏覽者，而你沒有制作的模板系統(tǒng)會調(diào)用默認(rèn)的模板文件。
當(dāng)然一個網(wǎng)頁里面可能包括圖片文件。這些圖片文件被放置在images文件夾下面。
默認(rèn)風(fēng)格里面的圖片被放置在images/default/下面。當(dāng)然，一個網(wǎng)頁模板還需要一些css樣式控制。
這些樣式一般放置在對應(yīng)的圖片文件夾里面。例如images/default/
另外還有一個php文件用來定義這些風(fēng)格，以便在后臺可以自由切換。
這些風(fēng)格控制文件是一個個的.php文件。都放在php168/style/下面。例如默認(rèn)的為：php168/style/
那我們要創(chuàng)建自己的風(fēng)格怎么辦呢好，下面我我們舉個例子說明一下：比如我想創(chuàng)建一個風(fēng)格。
這個風(fēng)格好比我們的孩子。我們?yōu)榱艘院蠓奖惴Q呼和調(diào)用他，我們肯定需要給這個風(fēng)格起一個名字。
我們回顧一下上面一個段落里面默認(rèn)風(fēng)格的格式。我們會發(fā)現(xiàn)，一個風(fēng)格模板應(yīng)該包含三個部分。即：
Tempalte/default/存放風(fēng)格模板的網(wǎng)頁文件
Images/default/存放風(fēng)格模板中用到的圖片文件
Php168/style/定義這些風(fēng)格
那么你可以新建一個風(fēng)格模板應(yīng)該放在下面格式的文件夾里面：
Template/my168home/這個里面放網(wǎng)頁模板
Images/my168home/這個里面放網(wǎng)頁模板用到的圖片
Php168/style/這個文件夾里面的php文件用來控制樣式。
第六步：將模板里面的圖片路徑改為：$webdb[www_url]/images/$STYLE/
第七步：加入一些特定的代碼
風(fēng)格所需基本代碼
*********************************
頭部特定代碼
<!--
<php
print<<<EOT
-->
<head>
<title>$titleDB[title]poweredby
<linkrel="stylesheet"type="text/css"href="$webdb[www_url]/images/default/">
<linkrel="stylesheet"type="text/css"href="$webdb[www_url]/images/$STYLE/">
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<metaname="keywords"content="$titleDB[keywords]">
<metaname="description"content="$titleDB[description]">
</head>
<SCRIPTLANGUAGE="JavaScript">
<!--etElementsByTagName("TABLE");
for(vari=0;i<;i++){
'%';
if(i%2==1){
if{
"right";
}else{
"right;";
}
}else{
if{
"left";
}else{
"l
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年國際足球賽事場地租賃合同
- 2024年建筑施工勞務(wù)承包簡約合同樣本
- 2024樁基礎(chǔ)工程專業(yè)分包合同模板
- 2024代理合同樣式
- 2024技術(shù)參股合作協(xié)議書
- 2024版藥品代理合同
- 二手房交易合同
- 店面承租協(xié)議書范本
- 2024項目開發(fā)全過程專項法律服務(wù)合同
- 2024常用合作合同范本
- 2023~2024學(xué)年第一學(xué)期高一期中考試數(shù)學(xué)試題含答案
- 《消化道出血》優(yōu)秀課件
- (完整版)青年就業(yè)創(chuàng)業(yè)見習(xí)基地匯報材料(完整版)
- 月光(羽泉)原版五線譜鋼琴譜正譜樂譜.docx
- 660MW機組空預(yù)器聲波吹灰器可行性研究報告最新（精華版）
- 控制柜安裝施工方案
- 動車組火災(zāi)檢測(報警)系統(tǒng)
- 水面垃圾自動打撈船的設(shè)計 （全套圖紙）
- 煙草企業(yè)安全生產(chǎn)標(biāo)準(zhǔn)化 規(guī)范
- 裝飾施工技術(shù)標(biāo)準(zhǔn)及要求
- 2018秋七年級虎外考試卷英語試卷
評論
0/150
提交評論