動(dòng)易起航第五課：網(wǎng)站管理網(wǎng)站廣告和banner的添加

1、動(dòng)易起航第五課：網(wǎng)站管理網(wǎng)站廣告和banner的添加我們把網(wǎng)站的logo換掉后我們就要來(lái)?yè)Q這個(gè)Banner，英文Banner翻譯過(guò)來(lái)就是旗幟、橫幅。標(biāo)語(yǔ)廣告等。Banner是網(wǎng)站用來(lái)作為盈利或者是發(fā)布一些重要信息的工具。Banner在設(shè)計(jì)上應(yīng)該要做到制作美觀、方便點(diǎn)擊、與網(wǎng)頁(yè)協(xié)調(diào)和整體構(gòu)成合理。 banner是網(wǎng)站的名片，是網(wǎng)上合作的重要平臺(tái)，無(wú)論是網(wǎng)上廣告還是友情鏈接都離不開(kāi)它，它占距著頁(yè)面中最寶貴的位置-頭部，是來(lái)訪者注意力的焦點(diǎn)，也是網(wǎng)站門(mén)面之所在。有個(gè)好的banner不但會(huì)吸引更多的目光，而且設(shè)計(jì)精巧的banner更是讓人回味不已。網(wǎng)站的banner我們也可以使用不同的方法和

2、軟件來(lái)制作。用fireworks軟件按照我們制作logo的辦法來(lái)制作添加，這我們已經(jīng)可以輕松搞定了。這一節(jié)我主要介紹用flash動(dòng)畫(huà)制作我們的網(wǎng)站banner。我們使用flashmx2004這個(gè)軟件簡(jiǎn)單的制作我們網(wǎng)站的banner這很容易，但是做的美觀、方便點(diǎn)擊、與網(wǎng)頁(yè)協(xié)調(diào)合理這就不容易了，好在現(xiàn)在網(wǎng)絡(luò)資源特別豐富，網(wǎng)絡(luò)資源也可以方便的共享，（這可是比較文明的描繪哈）如果我們暫時(shí)沒(méi)有高超的制作動(dòng)畫(huà)的水平，那我們還是去網(wǎng)絡(luò)上找一個(gè)適合我們網(wǎng)站的flash動(dòng)畫(huà)共享一下啦。我們的互聯(lián)網(wǎng)上好多的網(wǎng)站當(dāng)然每個(gè)網(wǎng)站都會(huì)有自己的banner，大家可以去瀏覽觀看，看到適合自己的banner我們得把它拿回家才能

3、共享，可好多的網(wǎng)站都限定了你不能輕松的把它拿回家。我這里給大家提供了一個(gè)下載flash動(dòng)畫(huà)的軟件，請(qǐng)朋友們下載安裝，在這個(gè)解壓包里我已經(jīng)放置好了三個(gè)文件夾，請(qǐng)朋友們先點(diǎn)擊安裝程序安裝漢化對(duì)軟件進(jìn)行漢化在點(diǎn)擊那個(gè)瀏覽器圖標(biāo)看具體怎么下載flash。這里有操作使用演示。這不要我在說(shuō)了吧？如果還不會(huì)共享人家的資源。_那是上帝讓你做個(gè)好人，別去共享人家的好東東啦。我們拿到人家的動(dòng)畫(huà)文件因?yàn)樗莝wf格式的文件我們無(wú)法編輯，俺這里在給大家提供一個(gè)破解軟件，【顧思閃客精靈】這是一個(gè)綠色的破解軟件，你打開(kāi)你下載的swf格式的文件，然后點(diǎn)擊菜單欄上的導(dǎo)出FLA格式的文件就可以了。轉(zhuǎn)換成fla格式的源文件后，我

4、們使用flashmx200動(dòng)畫(huà)制作軟件打開(kāi)這個(gè)文件，（flashmx2004軟件我也會(huì)給大家提供）把這里的文字和網(wǎng)站地址改成我們自己的，（修改字體我也會(huì)給大家提供一個(gè)字體軟件它也是一個(gè)綠色軟件，讓我們方便的制作我們需要的網(wǎng)站說(shuō)明）。Banner的詳細(xì)修改步驟請(qǐng)看我的視頻教材。我們只是把拿來(lái)的banner改成自己需要的效果，很簡(jiǎn)單的相信朋友們看了我的教材都會(huì)輕易做好的。我們修改成我們自己網(wǎng)站的swf格式的banner后就來(lái)給我們的網(wǎng)站添加這個(gè)動(dòng)畫(huà)的banner啦。我們進(jìn)入我們的網(wǎng)站后臺(tái)，我們先了解一下后臺(tái)廣告管理的界面。管理網(wǎng)站廣告要管理網(wǎng)站廣告，請(qǐng)?jiān)诤笈_(tái)左欄的“網(wǎng)站管理導(dǎo)航”中，單擊“系統(tǒng)設(shè)置

5、” > “網(wǎng)站廣告管理”。廣告管理界面說(shuō)明頂部的“管理導(dǎo)航”中列出了網(wǎng)站廣告管理的快捷鏈接。其中“廣告版位管理”和“添加新版位”為廣告版位的管理，“網(wǎng)站廣告管理”和“添加新廣告”為網(wǎng)站廣告管理，“廣告JS模板”為5 種廣告版位類(lèi)型的JS 模板。中部顯示了網(wǎng)站的頻道名，點(diǎn)擊頻道名，下方會(huì)顯示本頻道中設(shè)置的廣告，導(dǎo)航中會(huì)顯示出相應(yīng)的地址。如果是廣告版位管理界面，下部會(huì)詳細(xì)網(wǎng)站內(nèi)已有廣告版位的詳細(xì)信息。如果是網(wǎng)站廣告管理界面，下部會(huì)顯示網(wǎng)站內(nèi)已有的廣告的詳細(xì)信息。在頁(yè)面底下有一排功能按鈕。在廣告版位管理界面則顯示：選中所有的版位：選中所有當(dāng)前頁(yè)面中的版位。刪除選定版位：刪除選擇了“選中”復(fù)選框

6、的版位。設(shè)為活動(dòng)版位：將選擇了“選中”復(fù)選框的廣告版位為  活動(dòng)版位。設(shè)為活動(dòng)的版位才能在前臺(tái)顯示。暫停版位顯示：將選擇了“選中”復(fù)選框的廣告版位暫時(shí)停止在前臺(tái)顯示。刷新版位JS：刷新選擇了“選中”復(fù)選框的廣告版位的JS。移動(dòng)版位- >：將選擇了“選中”復(fù)選框的廣告版位，移動(dòng)到右列下拉框中的相應(yīng)頻道中。    在網(wǎng)站廣告管理界面則顯示：選中所有的廣告：選中所有當(dāng)前頁(yè)面中的廣告。刪除選定廣告：刪除選擇了“選中”復(fù)選框的廣告。審核通過(guò)選定廣告：將選擇了“選中”復(fù)選框的廣告通過(guò)審核。此操作會(huì)在前臺(tái)調(diào)用的廣告版位中顯示本廣告。   取消

7、審核選定廣告：將選擇了“選中”復(fù)選框的廣告取消審核。此操作會(huì)取消在前臺(tái)調(diào)用的廣告版位中顯示本廣告。添加網(wǎng)站廣告 熟悉了解了我們的后臺(tái)廣告管理界面后，我們就來(lái)添加我們的banner廣告。要在網(wǎng)站中顯示廣告！請(qǐng)進(jìn)行以下的三個(gè)步驟：添加新的廣告版位。添加新的廣告，并注意選擇相應(yīng)的廣告版位。刷新版位J S，并在相應(yīng)模板中調(diào)用版位J S 代碼“添加版位”界面說(shuō)明：所屬頻道分類(lèi)：列出了網(wǎng)站內(nèi)的頻道名稱，此處設(shè)置添加的廣告屬于哪一個(gè)頻道。版位名稱：輸入一個(gè)自定義的版位名稱。版位描述：輸入一個(gè)自定義的版位描述內(nèi)容。版位類(lèi)型：有6 種廣告類(lèi)型進(jìn)行選擇：矩形橫幅：矩形橫幅式廣告類(lèi)型。彈出窗口：顯示彈出窗

8、口式的廣告類(lèi)型。隨屏移動(dòng)：顯示隨屏幕移動(dòng)的廣告類(lèi)型。固定位置：固定于頁(yè)面某處顯示的廣告類(lèi)型，固定位置相對(duì)于瀏覽器的左和上的設(shè)置位置。漂浮移動(dòng)：在頁(yè)面中漂浮移動(dòng)的廣告類(lèi)型。文字代碼：調(diào)用代碼的廣告類(lèi)型。版位設(shè)置：可選擇默認(rèn)設(shè)置與自定義設(shè)置。自定義設(shè)置可對(duì)彈出窗口、隨屏移動(dòng)、固定位置、漂浮移動(dòng)4 種廣告類(lèi)型進(jìn)行詳細(xì)的參數(shù)設(shè)置。版位尺寸：可以選擇系統(tǒng)提供的IAB標(biāo)準(zhǔn)尺寸（互聯(lián)網(wǎng)廣告聯(lián)合會(huì)標(biāo)準(zhǔn)尺寸），也可以自定義版位的尺寸。顯示方式：當(dāng)版位中有多個(gè)廣告時(shí)按照此設(shè)定進(jìn)行顯示，提供三種顯示方式：- >按權(quán)重隨機(jī)顯示：權(quán)重越大顯示機(jī)會(huì)越大。- >按權(quán)重優(yōu)先顯示：顯示權(quán)重值最大的廣告。->按

9、順序循環(huán)顯示：此方式僅對(duì)矩形橫幅有效。（如填寫(xiě)1與99 ，那99就是99+1=100 如果顯示100次，那99的就可能會(huì)顯示99次  權(quán)重越大 顯示的機(jī)率越大。如填寫(xiě)3與27，就是327 30次機(jī)會(huì)中，3顯示3次的機(jī)會(huì)）版位狀態(tài)：將版位設(shè)置為活動(dòng)或非活動(dòng)狀態(tài)，只有設(shè)為活動(dòng)的版位才能在前臺(tái)顯示。廣告版位設(shè)置完成后，單擊底部“添加”按鈕，在上面的管理導(dǎo)航這里點(diǎn)擊廣告版位管理進(jìn)入版位管理頁(yè)面中。您隨時(shí)可以在管理頁(yè)面的“操作”列中進(jìn)行以下操作：->添加：在當(dāng)前廣告版位中添加新的廣告。->修改：修改當(dāng)前的廣告版位。->刪除：刪除當(dāng)前的廣告版位。->清空：清空當(dāng)前廣告版位

10、中的廣告。->暫停：暫時(shí)停止當(dāng)前廣告版位在前臺(tái)的顯示。您也可以“版位JS”列中進(jìn)行以下操作：->預(yù)覽：預(yù)覽當(dāng)前廣告版位的效果。如果版位中暫時(shí)還未添加廣告，請(qǐng)?zhí)砑雍笤龠M(jìn)行預(yù)覽。->刷新：刷新當(dāng)前廣告版位的JS，當(dāng)您添加了本版位中的新廣告后，請(qǐng)務(wù)必進(jìn)行此操作。- >調(diào)用：系統(tǒng)顯示當(dāng)前廣告版位調(diào)用的J S。單擊“添加”按鈕。至此廣告版位已經(jīng)添加成功。添加網(wǎng)站新廣告您可以在前面廣告版位管理頁(yè)面的“操作”列中單擊“添加”功能鏈接，也可以單擊頂部“管理導(dǎo)航”中“添加新廣告”功能鏈接，出現(xiàn)“添加版位”界面：“添加廣告”界面說(shuō)明：所屬版位：選擇添加的廣告所屬的廣告版位。廣告名稱：填寫(xiě)要

11、添加廣告的名稱。廣告類(lèi)型：提供圖片、動(dòng)畫(huà)、文本、代碼、頁(yè)面5種廣告類(lèi)型。廣告內(nèi)容：顯示所選擇廣告類(lèi)型的具體參數(shù)設(shè)置。->廣告內(nèi)容設(shè)置-圖片可設(shè)置圖片的地址、尺寸（單位為像素）、鏈接地址、鏈接提示和鏈接目標(biāo)（新窗口或原窗口打開(kāi)）。同時(shí)提供圖片上傳功能，上傳的廣告圖片保存在系統(tǒng)AD/UploadAdPic/日期目錄中。 可填寫(xiě)廣告簡(jiǎn)介。->廣告內(nèi)容設(shè)置-動(dòng)畫(huà)可設(shè)置動(dòng)畫(huà)的地址、尺寸（單位為像素）、背景透明（透明或不透明），同時(shí)提供動(dòng)畫(huà)上傳功能。->廣告內(nèi)容設(shè)置-文本直接填寫(xiě)文本廣告內(nèi)容。->廣告內(nèi)容設(shè)置-代碼直接填寫(xiě)代碼廣告內(nèi)容。->廣告內(nèi)容設(shè)置-頁(yè)面填寫(xiě)廣告的頁(yè)面地址

12、。廣告權(quán)重：填寫(xiě)權(quán)重的數(shù)值。此項(xiàng)為版位廣告隨機(jī)顯示時(shí)的優(yōu)先權(quán)，權(quán)重越大顯示機(jī)會(huì)越大。廣告統(tǒng)計(jì)：勾選以可統(tǒng)計(jì)廣告的瀏覽數(shù)與點(diǎn)擊數(shù)。->填寫(xiě)好相關(guān)內(nèi)容，單擊“添加”按鈕。在出現(xiàn)的廣告管理界面中，將鼠標(biāo)移動(dòng)到“預(yù)覽”鏈接上，即可看到廣告的效果。廣告統(tǒng)計(jì)：勾選以可統(tǒng)計(jì)廣告的瀏覽數(shù)與點(diǎn)擊數(shù)。->填寫(xiě)好相關(guān)內(nèi)容，單擊“添加”按鈕。在出現(xiàn)的廣告管理界面中，將鼠標(biāo)移動(dòng)到“預(yù)覽”鏈接上，即可看到廣告的效果。>> 刷新版位JS單擊頂部“管理導(dǎo)航”中“廣告版位管理”功能鏈接，在出現(xiàn)的“版位管理”界面中，進(jìn)行以下操作：->單擊“版位JS”列中的“刷新”功能鏈接，刷新目前的廣告版位的JS

13、內(nèi)容，系統(tǒng)出現(xiàn)“刷新版位JS成功！”的提示。- > 單擊“預(yù)覽”功能鏈接，預(yù)覽目前的廣告版位效果。->單擊“調(diào)用”功能鏈接，系統(tǒng)顯示本廣告版位調(diào)用的JS代碼。(！ 插入廣告JS代碼的步驟為：后臺(tái)->系統(tǒng)設(shè)置（或*管理）->網(wǎng)站通用模板管理（或模板管理）->修改模板->插入廣告JS代碼。如果您啟用了生成HTML靜態(tài)頁(yè)面功能，要重新生成相關(guān)頁(yè)面才能看到添加的廣告效果。)->將代碼插入到系統(tǒng)后臺(tái)模板中您想要顯示廣告的位置即可。修改網(wǎng)站廣告單擊頂部“管理導(dǎo)航”中“廣告版位管理”或“網(wǎng)站廣告管理”功能鏈接。在要修改的版位或廣告行中單擊“操作”列中的“修改”，出現(xiàn)

14、“修改廣告”操作內(nèi)容進(jìn)行修改已經(jīng)設(shè)置的廣告。修改完成后請(qǐng)單擊“保存”按鈕保存您所做的修改。(在網(wǎng)站廣告管理中，單擊廣告名稱可直接進(jìn)入修改界面。)    刪除網(wǎng)站廣告在廣告管理界面中，系統(tǒng)提供了“刪除”的功能鏈接與按鈕。刪除前系統(tǒng)將先出現(xiàn)確認(rèn)對(duì)話框進(jìn)行詢問(wèn)。單擊“確定”刪除選定的廣告，單擊“取消”取消當(dāng)前的操作。(！ 您可以利用“暫停版位顯示”或“取消審核選定廣告”的功能不顯示廣告。)透明flash的添加    朋友們經(jīng)常會(huì)看到人家網(wǎng)站的banner有好漂亮的效果，有的就是使用透明flash實(shí)現(xiàn)的，在一個(gè)背景圖片上可以放置幾個(gè)透明fla

15、sh可以起到不同的效果，我們動(dòng)易論壇經(jīng)常會(huì)看到朋友們問(wèn)起這透明flash添加的問(wèn)題，對(duì)大蝦來(lái)說(shuō)這效果使用dw網(wǎng)頁(yè)制作軟件就輕易搞定了，可對(duì)于菜鳥(niǎo)這得確是個(gè)問(wèn)題。我給大家介紹一種簡(jiǎn)單的方法，banner背景和透明flash去網(wǎng)絡(luò)上自己找，然后在我們的首頁(yè)模板的處插入我給朋友們提供的語(yǔ)句就ok了，好簡(jiǎn)單吧。     首先請(qǐng)朋友們下載我給大家提供的透明flash素材，解壓把banner.jpg和xiayu.swf放入我們的powerEasy-Images文件夾里。然后進(jìn)入后臺(tái)，點(diǎn)擊系統(tǒng)設(shè)置找到網(wǎng)站通用模板管理，打開(kāi)我們的首頁(yè)模板。找到：把這里的代碼刪除掉換成我給大家提供的代碼：代碼這里無(wú)法粘貼請(qǐng)朋友下載flash素材這里的120 是背景圖片的高度，Images/banner.jpg是告訴我們banner.jpg背景圖片是放在了我們系統(tǒng)的Images文件夾里，這個(gè)路徑一定記住了，如果這里路徑不對(duì)你的背景不會(huì)正常顯示。Images/xiayu.swf 透明flash、 xiayu.swf也是放在了系統(tǒng)的Images文件夾里，記住了也不能錯(cuò)了。我