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

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

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

3、它拿回家才能共享，可好多的網(wǎng) 站都限定了你不能輕松的把它拿回家。我這里給大家提供了一個下載flash動畫的軟件，請朋友們下載安裝，在這 個解壓包里我已經(jīng)放置好了三個文件夾，請朋友們先點擊-安裝程序安裝-漢化 對軟件進行漢化-在點擊那個瀏覽器圖標看具體怎么下載flash。這里有操作使用演示。這不要我在說了吧？如果還不會共享人家的資源。A_A那是上帝讓你做個好人，別去共享人家的好東東啦。支性 佞弔 丈憂 覆西 魏蔥 星性 主沽 段隸 彩信 1我們拿到人家的動畫文件因為它是 swf格式的文件我們無法編輯，俺這里在 給大家提供一個破解軟件，【顧思閃客精靈】這是一個綠色的破解軟件，你打開 你下載的swf

4、格式的文件，然后點擊菜單欄上的導出 FLA格式的文件就可以了。犠網(wǎng)客轄靈文件迪編輯僱電）選項Q）幫助®立件瀏覽X檔腦居 文電鄒 的的上圖 面我我網(wǎng)rj作 桌 O 3甲旺.*-:一即匡J g跳轉F名稱丄A二我的複板 3我的音樂 二我接收到的丈件 己我要的文件 二修改代碼./ 了/KW. S*f'豐 hyxw. swf審文件瀏覽口逼曠X常規(guī)|實例|標簽7伯進制角色序號使用資源X世導出+ ' SWF kyxw. swf選擇要臓塀的I誹戊件點擊棄單欄上的導出就把 立件轉換成£1 &格式的文件我們就可以講行編握了宇N1JN就錨轉換成fla格式的源文件后，我們使

5、用flashmx200動畫制作軟件打開這個 文件，（flashmx2004軟件我也會給大家提供）把這里的文字和網(wǎng)站地址改成我 們自己的，（修改字體我也會給大家提供一個字體軟件它也是一個綠色軟件，讓我們方便的制作我們需要的網(wǎng)站說明）。點擊立件保存成訓昭式文件動畫屈性1024honangxiaowug y咼度0） 幀頻（Z）20#003300± TIT1方向：4> | <- 11直本屋性波浪琴數(shù)設置文本（1）： Kongyangxiaowu輸入宇體選擇宇體祥式坐標X：宇體辺:-，s 二工盟 _間距：0Arial_rj 35語系西方三辺 口 #FFFFFF鳳格:匚| #IFFF

6、OO波浪同度： 持續(xù)： x-比例: Y-比例: 機化： 方向：X二J-用尸設定108#99CC66素素®像幀% % %Banner的詳細修改步驟請看我的視頻教材。我們只是把拿來的banner改成 自己需要的效果，很簡單的相信朋友們看了我的教材都會輕易做好的。 我們修改 成我們自己網(wǎng)站的swf格式的banner后就來給我們的網(wǎng)站添加這個動畫的 bann er啦。我們進入我們的網(wǎng)站后臺，我們先了解一下后臺廣告管理的界面。管理網(wǎng)站廣告要管理網(wǎng)站廣告，請在后臺左欄的“網(wǎng)站管理導航”中，單擊“系統(tǒng)設置”> “網(wǎng)站廣告管理”。說明：選中所有的版位毎現(xiàn)在的便這：網(wǎng)站廣告管理»版位管

7、理»所有版位版應名稱刪除選定版位設為活動版位版位摟索：版位名稱7關龍宇廣告調(diào)用：點擊調(diào)用操作，復制廣告版位JS代碼，然后在模板中榨廣告管理界面說明頂部的“管理導航”中列出了網(wǎng)站廣告管理的快捷鏈接。版誼崔索:版便名昭V關瞳字您航戶名：jhy 修嘶:翻鵲員 特聴信；（1條左亜中業(yè)管豐12戴中殆曽理an中業(yè)管理番言扳管理盤網(wǎng)站信息配置 網(wǎng)站頻道肆 河SST苦肆 ll&UI UJ UUIIIIIU4III SI* 貫融接管理 網(wǎng)站臘管理刪除選定版位從為潔動版位普停版位昱示刷新版便JS時所有的厭關閉左欄更新翱修改密碼同發(fā)送邯件伺魅號理區(qū)孩號消息W?其中“廣告版位管理”和“添加新版位”為

8、 廣告版位的管理，“網(wǎng)站廣告管理” 和“添加新廣告”為網(wǎng)站廣告管理，“廣告 JS模板”為5種廣告版位類型的J S模板。?中部顯示了網(wǎng)站的頻道名，點擊頻道名，下方會顯示本頻道中設置的廣告，導 航中會顯示出相應的地址。?如果是廣告版位管理界面，下部會詳細網(wǎng)站內(nèi)已有 廣告版位的詳細信息。如果 是網(wǎng)站廣告管理界面，下部會顯示網(wǎng)站內(nèi)已有的廣告的詳細信息。?在頁面底下有一排功能按鈕。在廣告版位管理界面則顯示：版位名希版檢類型昱示版恆尺寸撰作 1 網(wǎng)站通用鴻雁小屋首頁矩形橫幅 隨機760 K 130 J 添加修改刪際清選中所有的版位刪除選定版位設肯活動版位I暫停版位顯示）刷新版位J5 移動版位-選中所有的版

9、位：選中所有當前頁面中的版位。刪除選定版位：刪除選擇了 “選中”復選框的版位。設為活動版位：將選擇了 “選 中”復選框的廣告版位為 活動版位。設為活動的版位才能在前臺顯示。暫停版位顯示：將選擇了“選中”復選框的 廣告版位暫時停止在前臺顯示。刷新版位JS:刷新選擇了“選中”復選框的 廣告版位的JS。移動版位- > :將選擇了“選中”復選框的 廣告版位，移動到右列下拉框中的相 應頻道中。在網(wǎng)站廣告管理界面則顯示：選中所有的廣告：選中所有當前頁面中的廣告。刪除選定廣告：刪除選擇了“選中”復選框的廣告。審核通過選定廣告：將選擇了“選中”復選框的廣告通過審核。此操作會在前臺 調(diào)用的廣告版位中顯示本

10、廣告。取消審核選定廣告：將選擇了“選中”復選框的廣告取消審核。此操作會 取消在前臺調(diào)用的廣告版位中顯示本廣告。添加網(wǎng)站廣告熟悉了解了我們的后臺廣告管理界面后，我們就來添加我們的banner廣告。要在網(wǎng)站中顯示廣告！請進行以下的三個步驟：?添加新的廣告版位。?添加新的廣告，并注意選擇相應的廣告版位。?刷新版位J S，并在相應模板中調(diào)用版位 J S代碼管豐辱伉：廣告版位管理|添加新版位|網(wǎng)站廣告管理|編加新廣告|廣告巧篠複|所屬頻道分類；此分類只用于區(qū)分版位所在的位萱-點擊添加新板位來設置我們的匕述廣告網(wǎng)站首頁Y無雁小屋版僅名稱:hyKwbanenr版位類型：選擇啟置于此版位的廣告類型,®

11、;拒形播幅0彈出窗口 0隨屏齣 0固定位置0譚浮稿動0文宇代碼版位設置：對版位的詳細卷數(shù)進疔設置,0默認設置®自定文設置販住琴數(shù)設置一拒形槪輻此類型無版位參數(shù)設置!版便尺寸：IAB :互聯(lián)網(wǎng)廣告聯(lián)含含蘇準尺寸° 帶*號的為新増加的標準廣告尺寸.®寬度：tm高度：皿I旻示方式：當版位中有寥亍廣告時按蜒此設定進行顯示（依據(jù)廣告的權重）B®按權重隨機顯示0按祝重憂先顯示0按順序循環(huán)顯示權重越太顯示機合 顯示權重值攝大的廣告- 此方式僅對矩形橫嘔有數(shù).版拉狀喜：設為活動的版位才能在前臺顯示°0活動版位這里設置山阿我的尺寸，要記性 口韻回和劇片不書的是它

12、要按 比例縮放龐果你的網(wǎng)bannarK寬 不能正常顯示，我自己的耀驗就是這 里寬度一般是T和你要把寬度固定成 760,然后不斷的調(diào)整高度的尺寸I 測試逐漸找到杲合適的尺寸-直到達 到你的要求口“添加版位”界面說明：?所屬頻道分類：列出了網(wǎng)站內(nèi)的頻道名稱，此處設置添加的廣告屬于哪一個頻 道。?版位名稱：輸入一個自定義的版位名稱。?版位描述：輸入一個自定義的版位描述內(nèi)容。?版位類型：有6種廣告類型進行選擇： 矩形橫幅：矩形橫幅式廣告類型。彈出窗口：顯示彈出窗口式的廣告類型。隨屏移動：顯示隨屏幕移動的廣告類型。固定位置：固定于頁面某處顯示的廣告類型，固定位置相對于瀏覽器的左和上的 設置位置。漂浮移動

13、：在頁面中漂浮移動的廣告類型。 文字代碼：調(diào)用代碼的廣告類型。?版位設置：可選擇默認設置與自定義設置。自定義設置可對彈出窗口、隨屏移 動、固定位置、漂浮移動4種廣告類型進行詳細的參數(shù)設置。?版位尺寸：可以選擇系統(tǒng)提供的IAB標準尺寸（互聯(lián)網(wǎng)廣告聯(lián)合會標準尺寸）， 也可以自定義版位的尺寸。?顯示方式：當版位中有多個廣告時按照此設定進行顯示，提供三種顯示方式：-按權重隨機顯示：權重越大顯示機會越大。-按權重優(yōu)先顯示：顯示權重值最大的廣告。-按順序循環(huán)顯示：此方式僅對矩形橫幅有效。（如填寫1與99，那99就是99+1=100如果顯示100次，那99的就可能會顯 示99次 權重越大 顯示的機率越大。如

14、填寫3與27,就是3+ 27= 30次機會中，3顯示3次的機會）?版位狀態(tài)：將版位設置為活動或非活動狀態(tài)，只有設為活動的版位才能在前臺 顯示。?廣告版位設置完成后，單擊底部“添加”按鈕，在上面的管理導航這里點擊廣告版位管理進入版位管理頁面中。IB殖尺寸殖JS|1 網(wǎng)韜貢醍小屋首貢拒擁幅隨機760 k 145 J勧贈鵬閾儲再槪刷新蹴捌在擁置：網(wǎng)站廣葫建»版柱懿»噸砸匚選中卿的師我1 T師 首更上一貢T-III歟:1/11 2時購項瀕；棧1版癥巧険通用v我恨.擊版怔管理點擊浦 加1來麗垃）皿曰廣告您隨時可以在管理頁面的“操作”列中進行以下操作：-添加：在當前廣告版位中添加新的廣

15、告。-修改：修改當前的廣告版位。-刪除：刪除當前的廣告版位。-清空：清空當前廣告版位中的廣告。-暫停：暫時停止當前 廣告版位在前臺的顯示。您也可以“版位 JS”列中進行 以下操作：-預覽：預覽當前廣告版位的效果。如果版位中暫時還未添加廣告，請?zhí)砑雍笤?進行預覽。-刷新：刷新當前廣告版位的JS,當您添加了本版位中的新廣告后，請務必進 行此操作。- 調(diào)用：系統(tǒng)顯示當前 廣告版位調(diào)用的J S。單擊“添加”按鈕。至此 廣告版 位已經(jīng)添加成功。添加網(wǎng)站新廣告您可以在前面廣告版位管理頁面的“操作”列中單擊“添加”功能鏈接，也可以 單擊頂部“管理導航”中“添加新廣告”功能鏈接，出現(xiàn)“添加版位”界面：管理導航

16、：廠告版位管建I訴加新版位I網(wǎng)站廣告營理丨添噺廣告I廣皆J5嗅規(guī)I修改廣告廣皆名稱:hyzw?80廉屋販僮廣告內(nèi)容:常廣告逸：0跚®動u 0丈本0代碼0頁而廣告名縫里欷皿肚廣皆諭， 廣告類型這里點擊動畫，點擊訓覽找 到我惦軸昨上傳，刪動ii 尺寸點擊飆廣舗重:|i 此勵版癥廣皆隨機歸時前優(yōu)先權,祝重越竝示機會猷. 廣謬計：端計瀏覽數(shù)訓覽數(shù)：匚.貌計點擊數(shù)點擊數(shù)：審檢般：0沮過輙“添加廣告”界面說明：? 所屬版位：選擇添加的廣告所屬的 廣告版位。?廣告名稱：填寫要添加廣告的名稱。?廣告類型：提供圖片、動畫、文本、代碼、頁面5種廣告類型。?廣告內(nèi)容：顯示所選擇廣告類型的具體參數(shù)設置。-廣

17、告內(nèi)容設置-圖片可設置圖片的地址、尺寸（單位為像素）、鏈接地址、鏈接提示和鏈接目標（新 窗口或原窗口打開）。同時提供圖片上傳功能，上傳的廣告圖片保存在系統(tǒng)AD/UploadAdPic/日期目錄中。可填寫廣告簡介。-廣告內(nèi)容設置-動畫可設置動畫的地址、尺寸（單位為像素）、背景透明（透明或不透明），同時提供動畫上傳功能。-廣告內(nèi)容設置-文本直接填寫文本廣告內(nèi)容。-廣告內(nèi)容設置-代碼直接填寫代碼廣告內(nèi)容。-廣告內(nèi)容設置-頁面填寫廣告的頁面地址。?廣告權重：填寫權重的數(shù)值。此項為版位廣告隨機顯示時的優(yōu)先權，權重越大顯示機會越大。?廣告統(tǒng)計：勾選以可統(tǒng)計廣告的瀏覽數(shù)與點擊數(shù)。-填寫好相關內(nèi)容，單擊“添加

18、”按鈕。在出現(xiàn)的廣告管理界面中，將鼠標移動 到“預覽”鏈接上，即可看到廣告的效果。?廣告統(tǒng)計：勾選以可統(tǒng)計廣告的瀏覽數(shù)與點擊數(shù)。-填寫好相關內(nèi)容，單擊“添加”按鈕。在出現(xiàn)的廣告管理界面中，將鼠標移動 到“預覽”鏈接上，即可看到廣告的效果。刷新版位JS單擊頂部“管理導航”中“廣告版位管理”功能鏈接，在出現(xiàn)的“版位管理”界 面中，進行以下操作：-單擊“版位JS”列中的“刷新”功能鏈接，刷新目前的 廣告版位的JS內(nèi)容, 系統(tǒng)出現(xiàn)“刷新版位JS成功！ ”的提示。- 單擊“預覽”功能鏈接，預覽目前的 廣告版位效果。-單擊“調(diào)用”功能鏈接，系統(tǒng)顯示本 廣告版位調(diào)用的JS代碼。（！插入廣告JS代碼的步驟為：

19、后臺- 系統(tǒng)設置（或*管理）- 網(wǎng)站通用模板 管理（或模板管理）-修改模板-插入廣告JS代碼。如果您啟用了生成HTML 靜態(tài)頁面功能，要重新生成相關頁面才能看到添加的廣告效果。 ）掰躺:辭竝J代瞞涮顧中碩甜廣皆隨<scri.pt language jamcripf src=7AD/2QQ506/：. js*></script>-將代碼插入到系統(tǒng)后臺模板中您想要顯示廣告的位置即可。交堂中業(yè)管翟® 1下養(yǎng)中丑管理0 圖片中心営理畐言皈營建目采集肆呼谿設置網(wǎng)站信息配置 網(wǎng)站頻潴理 網(wǎng)斷箭聲網(wǎng)鞍詐建Affifi網(wǎng)漏計分折I配置 網(wǎng)齦髓鋰 網(wǎng)站通用師話rjFHPEIEl

20、 悶fir<td clsE3=top top CclSpBBrEWU</tr>洛-繩顯示代4dld CDlSpuii=E仏趾 訂號対top_Ch邊詛 cdlSpc iiiO cdlFddinQ widWlOO" borierJ) <lr><td d i gn=l & ft > $Ris $tf ap t d><td ilipFr誡IttSluiChumil G</tr>Visbifi)<7td></tr>燈-礪Lo刖和biMEF顯科t碼-rscriptjtvuoripC src-VAD/

21、SOOSOB/l. js' /icript把齊代賭鮭制 di 0=n i ddl eMJShcMBaiirieir 陵&用誠碼.網(wǎng)艇用關孵前 目轂驟背理 網(wǎng)站日桶運 站內(nèi)犍赭理點擊鋼-翩嶄縣管 理-點擊開輸：爛網(wǎng)站 logo和bann葉顯示代碼f把 loC*r躺臥代碼替vxr?(tr)fid uligji；nii dUd eolSpu2)g導癥日MW4(tills clasi=top_MV_Mm stjrlerORD-BMAK 帆汩獨 1" “l(fā)lSp沁in§=0 cdlFidding=C xi UhrMOC 仏iLigjsi如g TMth="5*

22、"XlMG src-Inagfi詁arrmd盡if" ali即二乩卅iddltXAQ<td wiMK35JT 出Slw¥F8lhWtd><ti ali jjrighi叭厶小二飛腫"訓囲UIE OBmou北over=ihiM. £top( oniiiuseouthi s. xlsrt () scrollAii(ranl-l scrcllD!lay=4 vidt <!- <H width=70%山疔白直嚴冷天是:燈帕 alt-' #script lin4g!e=r'J&vsScripl<f

23、 type=r'tsit/TavaScriptff srUj討datg. j r mr t«src： 葉；冷二"« 和 W 、修改網(wǎng)站廣告單擊頂部“管理導航”中“廣告版位管理”或“網(wǎng)站廣告管理”功能鏈接。在要 修改的版位或廣告行中單擊“操作”列中的“修改”，出現(xiàn)“修改廣告”操作內(nèi)容進行修改已經(jīng)設置的廣告。修改完成 后請單擊“保存”按鈕保存您所做的修改。（在網(wǎng)站廣告管理中，單擊廣告名稱可直接進入修改界面。）刪除網(wǎng)站廣告在廣告管理界面中，系統(tǒng)提供了“刪除”的功能鏈接與按鈕。刪除前系統(tǒng)將先出 現(xiàn)確認對話框進行詢問。單擊“確定”刪除選定的廣告，單擊“取消”取消當前

24、 的操作。（！您可以利用“暫停版位顯示”或“取消審核選定廣告”的功能不顯示廣告。）透明flash的添加朋友們經(jīng)常會看到人家網(wǎng)站的banner有好漂亮的效果，有的就是使用透 明flash實現(xiàn)的，在一個背景圖片上可以放置幾個透明 flash可以起到不同的效 果，我們動易論壇經(jīng)常會看到朋友們問起這透明 flash添加的問題，對大蝦來說 這效果使用dw網(wǎng)頁制作軟件就輕易搞定了，可對于菜鳥這得確是個問題。我給 大家介紹一種簡單的方法，banner背景和透明flash去網(wǎng)絡上自己找，然后在 我們的首頁模板的處插入我給朋友們提供的語句就ok 了，好簡單吧。首先請朋友們下載我給大家提供的透明flash素材，解

25、壓把banner.jpg和xiayu.swf放入我們的powerEasy-lmages文件夾里。然后進入后臺，點擊系 統(tǒng)設置找到網(wǎng)站通用模板管理，打開我們的首頁模板。找到：< I 一岡站La go和b duel顯示代碼一>411 ddl6>$ShowLogo (1B0, 60)</td> <td fiii gn=middle>$Shov(580,60)</td> </tr><trali gn=mi(ldle colSpanS <!導航、日期代碼開賠一把這里的代碼刪除掉換成我給大家提供的代碼：代碼這里無法粘貼請朋友下載flash素材文伴漏佰里 格式©查肴 幫助®<tr><td height-u12 曠 ba ckgrou nd-" I nages/ba nner.jp gMXob j ect classid-clsiilSrCDBAE-AEAD-llcf-mS U45535hmOucod&base=Mhttp:/dounlD =6?&|29,0,1 width-b76曠 height=,125*><paran nameMnooie" ualue"lnages/xia