动易起航第五课：网站管理网站广告和banner的添加

1、动易起航第五课：网站管理网站广告和 banner的添加我们把网站的logo换掉后我们就要来换这个Banner,英文Banner翻译过来就 是旗帜、横幅。标语广告等。Banner是网站用来作为盈利或者是发布一些重要 信息的工具。Banner在设计上应该要做到制作美观、方便点击、与网页协调和 整体构成合理。banner是网站的名片，是网上合作的重要平台，无论是网上广告还是友 情链接都离不开它，它占距着页面中最宝贵的位置-头部，是来访者注意力的焦点，也是网站门面之所在。有个好的 banner不但会吸引更多的目光，而且设 计精巧的banner更是让人回味不已。网站的banner我们也可以使用不同的方法

2、和软件来制作。用fireworks软件按照我们制作logo的办法来制作添加，这我们已经可以轻松搞定了。这一节 我主要介绍用flash动画制作我们的网站banner。我们使用flashmx2004这个 软件简单的制作我们网站的banner这很容易，但是做的美观、方便点击、与网 页协调合理这就不容易了，好在现在网络资源特别丰富，网络资源也可以方便的 共享，（这可是比较文明的描绘哈）如果我们暂时没有高超的制作动画的水平， 那我们还是去网络上找一个适合我们网站的flash动画共享一下啦。我们的互联网上好多的网站当然每个网站都会有自己的banner，大家可以去浏览观看，看到适合自己的banner我们得把

3、它拿回家才能共享，可好多的网 站都限定了你不能轻松的把它拿回家。我这里给大家提供了一个下载flash动画的软件，请朋友们下载安装，在这 个解压包里我已经放置好了三个文件夹，请朋友们先点击-安装程序安装-汉化 对软件进行汉化-在点击那个浏览器图标看具体怎么下载flash。这里有操作使用演示。这不要我在说了吧？如果还不会共享人家的资源。A_A那是上帝让你做个好人，别去共享人家的好东东啦。支性 佞弔 丈忧 覆西 魏葱 星性 主沽 段隶 彩信 1我们拿到人家的动画文件因为它是 swf格式的文件我们无法编辑，俺这里在 给大家提供一个破解软件，【顾思闪客精灵】这是一个绿色的破解软件，你打开 你下载的swf

4、格式的文件，然后点击菜单栏上的导出 FLA格式的文件就可以了。犠网客轄灵文件迪编辑僱电）选项Q）帮助®立件浏览X档脑居 文电邹 的的上图 面我我网rj作 桌 O 3甲旺.*-:一即匡J g跳转F名称丄A二我的複板 3我的音乐 二我接收到的丈件 己我要的文件 二修改代码./ 了/KW. S*f'丰 hyxw. swf审文件浏览口逼旷X常规|实例|标签7伯进制角色序号使用资源X世导出+ ' SWF kyxw. swf选择要臓塀的I誹戊件点击棄单栏上的导出就把 立件转换成£1 &格式的文件我们就可以讲行編握了宇N1JN就錨转换成fla格式的源文件后，我们使

5、用flashmx200动画制作软件打开这个 文件，（flashmx2004软件我也会给大家提供）把这里的文字和网站地址改成我 们自己的，（修改字体我也会给大家提供一个字体软件它也是一个绿色软件，让我们方便的制作我们需要的网站说明）。点击立件保存成訓昭式文件动画屈性1024honangxiaowug y咼度0） 帧频（Z）20#003300± TIT1方向：4> | <- 11直本屋性波浪琴数设置文本（1）： Kongyangxiaowu输入宇体选择宇体祥式坐标X：宇体辺:-，s 二工盟 _间距：0Arial_rj 35语系西方三辺 口 #FFFFFF凤格:匚| #IFFF

6、OO波浪同度： 持续： x-比例: Y-比例: 機化： 方向：X二J-用尸设定108#99CC66素素®像帧% % %Banner的详细修改步骤请看我的视频教材。我们只是把拿来的banner改成 自己需要的效果，很简单的相信朋友们看了我的教材都会轻易做好的。 我们修改 成我们自己网站的swf格式的banner后就来给我们的网站添加这个动画的 bann er啦。我们进入我们的网站后台，我们先了解一下后台广告管理的界面。管理网站广告要管理网站广告，请在后台左栏的“网站管理导航”中，单击“系统设置”> “网站广告管理”。说明：选中所有的版位毎现在的便這：网站广告管理»版位管

7、理»所有版位版应名称删除选定版位设为活动版位版位摟索：版位名称7关龍宇广告调用：点击调用操作，复制广告版位JS代码，然后在模板中榨广告管理界面说明顶部的“管理导航”中列出了网站广告管理的快捷链接。版谊崔索:版便名昭V关瞳字您航户名：jhy 修嘶:翻鹊员 特聴信；（1条左亜中业管豐12戴中殆曽理an中业管理番言扳管理盘网站信息配置 网站频道肆 河SST苦肆 ll&UI UJ UUIIIIIU4III SI* 贯融接管理 网站腊管理删除选定版位從为洁动版位普停版位昱示刷新版便JS时所有的厭关闭左栏更新翱修改密码同发送邯件伺魅號理區孩號消息W?其中“广告版位管理”和“添加新版位”为

8、 广告版位的管理，“网站广告管理” 和“添加新广告”为网站广告管理，“广告 JS模板”为5种广告版位类型的J S模板。?中部显示了网站的频道名，点击频道名，下方会显示本频道中设置的广告，导 航中会显示出相应的地址。?如果是广告版位管理界面，下部会详细网站内已有 广告版位的详细信息。如果 是网站广告管理界面，下部会显示网站内已有的广告的详细信息。?在页面底下有一排功能按钮。在广告版位管理界面则显示：版位名希版检类型昱示版恆尺寸撰作 1 网站通用鸿雁小屋首页矩形橫幅 随机760 K 130 J 添加修改删際清选中所有的版位删除选定版位设肯活动版位I暂停版位显示）刷新版位J5 移动版位-选中所有的版

9、位：选中所有当前页面中的版位。删除选定版位：删除选择了 “选中”复选框的版位。设为活动版位：将选择了 “选 中”复选框的广告版位为 活动版位。设为活动的版位才能在前台显示。暂停版位显示：将选择了“选中”复选框的 广告版位暂时停止在前台显示。刷新版位JS:刷新选择了“选中”复选框的 广告版位的JS。移动版位- > :将选择了“选中”复选框的 广告版位，移动到右列下拉框中的相 应频道中。在网站广告管理界面则显示：选中所有的广告：选中所有当前页面中的广告。删除选定广告：删除选择了“选中”复选框的广告。审核通过选定广告：将选择了“选中”复选框的广告通过审核。此操作会在前台 调用的广告版位中显示本

10、广告。取消审核选定广告：将选择了“选中”复选框的广告取消审核。此操作会 取消在前台调用的广告版位中显示本广告。添加网站广告熟悉了解了我们的后台广告管理界面后，我们就来添加我们的banner广告。要在网站中显示广告！请进行以下的三个步骤：?添加新的广告版位。?添加新的广告，并注意选择相应的广告版位。?刷新版位J S，并在相应模板中调用版位 J S代码管豐辱伉：广告版位管理|添加新版位|网站广告管理|編加新广告|广告巧篠複|所属频道分类；此分类只用于区分版位所在的位萱-点击添加新板位来设置我们的匕述广告网站首页Y無雁小屋版僅名称:hyKwbanenr版位类型：选择啟置于此版位的广告类型,®

11、;拒形播幅0弹出窗口 0随屏齣 0固定位置0谭浮稿动0文宇代码版位设置：对版位的详细卷数进疔设置,0默认设置®自定文设置販住琴数设置一拒形槪辐此类型无版位参数设置!版便尺寸：IAB :互联网广告联含含蘇准尺寸° 带*号的为新増加的标准广告尺寸.®宽度：tm高度：皿I旻示方式：当版位中有寥亍广告时按蜒此设定进行显示（依据广告的权重）B®按权重随机显示0按祝重忧先显示0按顺序循环显示权重越太显示机合 显示权重值摄大的广告- 此方式仅对矩形橫嘔有数.版拉状喜：设为活动的版位才能在前台显示°0活动版位这里设置山阿我的尺寸，要记性 口韵回和劇片不书的是它

12、要按 比例缩放庞果你的网bannarK宽 不能正常显示，我自己的耀验就是这 里宽度一般是T和你要把宽度固定成 760,然后不断的调整高度的尺寸I 测试逐渐找到杲合适的尺寸-直到达 到你的要求口“添加版位”界面说明：?所属频道分类：列出了网站内的频道名称，此处设置添加的广告属于哪一个频 道。?版位名称：输入一个自定义的版位名称。?版位描述：输入一个自定义的版位描述内容。?版位类型：有6种广告类型进行选择： 矩形横幅：矩形横幅式广告类型。弹出窗口：显示弹出窗口式的广告类型。随屏移动：显示随屏幕移动的广告类型。固定位置：固定于页面某处显示的广告类型，固定位置相对于浏览器的左和上的 设置位置。漂浮移动

13、：在页面中漂浮移动的广告类型。 文字代码：调用代码的广告类型。?版位设置：可选择默认设置与自定义设置。自定义设置可对弹出窗口、随屏移 动、固定位置、漂浮移动4种广告类型进行详细的参数设置。?版位尺寸：可以选择系统提供的IAB标准尺寸（互联网广告联合会标准尺寸）， 也可以自定义版位的尺寸。?显示方式：当版位中有多个广告时按照此设定进行显示，提供三种显示方式：-按权重随机显示：权重越大显示机会越大。-按权重优先显示：显示权重值最大的广告。-按顺序循环显示：此方式仅对矩形横幅有效。（如填写1与99，那99就是99+1=100如果显示100次，那99的就可能会显 示99次 权重越大 显示的机率越大。如

14、填写3与27,就是3+ 27= 30次机会中，3显示3次的机会）?版位状态：将版位设置为活动或非活动状态，只有设为活动的版位才能在前台 显示。?广告版位设置完成后，单击底部“添加”按钮，在上面的管理导航这里点击广告版位管理进入版位管理页面中。IB殖尺寸殖JS|1 网韬贡醍小屋首贡拒擁幅随机760 k 145 J勧赠鵬阈储再槪刷新蹴捌在擁置：网站广葫建»版柱懿»噸砸匚选中卿的师我1 T师 首更上一贡T-III歟:1/11 2时购项濒；棧1版症巧険通用v我恨.击版怔管理点击浦 加1来丽垃）皿曰广告您随时可以在管理页面的“操作”列中进行以下操作：-添加：在当前广告版位中添加新的广

15、告。-修改：修改当前的广告版位。-删除：删除当前的广告版位。-清空：清空当前广告版位中的广告。-暂停：暂时停止当前 广告版位在前台的显示。您也可以“版位 JS”列中进行 以下操作：-预览：预览当前广告版位的效果。如果版位中暂时还未添加广告，请添加后再 进行预览。-刷新：刷新当前广告版位的JS,当您添加了本版位中的新广告后，请务必进 行此操作。- 调用：系统显示当前 广告版位调用的J S。单击“添加”按钮。至此 广告版 位已经添加成功。添加网站新广告您可以在前面广告版位管理页面的“操作”列中单击“添加”功能链接，也可以 单击顶部“管理导航”中“添加新广告”功能链接，出现“添加版位”界面：管理导航

16、：厂告版位管建I诉加新版位I网站广告营理丨添噺广告I广皆J5嗅規I修改广告广皆名称:hyzw?80廉屋販僮广告内容:常广告逸：0跚®动u 0丈本0代码0頁而广告名縫里欷皿肚广皆諭， 广告类型这里点击动画，点击训览找 到我惦軸昨上传，删动ii 尺寸点击飙广舗重:|i 此励版症广皆随机歸时前优先权,祝重越竝示机会猷. 广謬计：端计浏览数训览数：匚.貌计点击数点击數：审檢般：0沮过輙“添加广告”界面说明：? 所属版位：选择添加的广告所属的 广告版位。?广告名称：填写要添加广告的名称。?广告类型：提供图片、动画、文本、代码、页面5种广告类型。?广告内容：显示所选择广告类型的具体参数设置。-广

17、告内容设置-图片可设置图片的地址、尺寸（单位为像素）、链接地址、链接提示和链接目标（新 窗口或原窗口打开）。同时提供图片上传功能，上传的广告图片保存在系统AD/UploadAdPic/日期目录中。可填写广告简介。-广告内容设置-动画可设置动画的地址、尺寸（单位为像素）、背景透明（透明或不透明），同时提供动画上传功能。-广告内容设置-文本直接填写文本广告内容。-广告内容设置-代码直接填写代码广告内容。-广告内容设置-页面填写广告的页面地址。?广告权重：填写权重的数值。此项为版位广告随机显示时的优先权，权重越大显示机会越大。?广告统计：勾选以可统计广告的浏览数与点击数。-填写好相关内容，单击“添加

18、”按钮。在出现的广告管理界面中，将鼠标移动 到“预览”链接上，即可看到广告的效果。?广告统计：勾选以可统计广告的浏览数与点击数。-填写好相关内容，单击“添加”按钮。在出现的广告管理界面中，将鼠标移动 到“预览”链接上，即可看到广告的效果。刷新版位JS单击顶部“管理导航”中“广告版位管理”功能链接，在出现的“版位管理”界 面中，进行以下操作：-单击“版位JS”列中的“刷新”功能链接，刷新目前的 广告版位的JS内容, 系统出现“刷新版位JS成功！ ”的提示。- 单击“预览”功能链接，预览目前的 广告版位效果。-单击“调用”功能链接，系统显示本 广告版位调用的JS代码。（！插入广告JS代码的步骤为：

19、后台- 系统设置（或*管理）- 网站通用模板 管理（或模板管理）-修改模板-插入广告JS代码。如果您启用了生成HTML 静态页面功能，要重新生成相关页面才能看到添加的广告效果。 ）掰躺:辭竝J代瞒涮顾中硕甜广皆随<scri.pt language jamcripf src=7AD/2QQ506/：. js*></script>-将代码插入到系统后台模板中您想要显示广告的位置即可。交堂中业管翟® 1下養中丑管理0 图片中心営理畐言皈營建目采集肆呼谿设置网站信息配置 网站频潴理 网断箭聲网鞍詐建Affifi网漏计分折I配置 网龈髓锂 网站通用師話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 陵&用诚码.网艇用关孵前 目毂驟背理 网站日桶運 站内犍赭理点击鋼-翩嶄縣管 理-点击开輸：爛网站 logo和bann叶显示代码f把 loC*r躺卧代码替vxr?(tr)fid uligji；nii dUd eolSpu2)g导症日MW4(tills clasi=top_MV_Mm stjrlerORD-BMAK 帆汩独 1" “llSp沁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 、修改网站广告单击顶部“管理导航”中“广告版位管理”或“网站广告管理”功能链接。在要 修改的版位或广告行中单击“操作”列中的“修改”，出现“修改广告”操作内容进行修改已经设置的广告。修改完成 后请单击“保存”按钮保存您所做的修改。（在网站广告管理中，单击广告名称可直接进入修改界面。）删除网站广告在广告管理界面中，系统提供了“删除”的功能链接与按钮。删除前系统将先出 现确认对话框进行询问。单击“确定”删除选定的广告，单击“取消”取消当前

24、 的操作。（！您可以利用“暂停版位显示”或“取消审核选定广告”的功能不显示广告。）透明flash的添加朋友们经常会看到人家网站的banner有好漂亮的效果，有的就是使用透 明flash实现的，在一个背景图片上可以放置几个透明 flash可以起到不同的效 果，我们动易论坛经常会看到朋友们问起这透明 flash添加的问题，对大虾来说 这效果使用dw网页制作软件就轻易搞定了，可对于菜鸟这得确是个问题。我给 大家介绍一种简单的方法，banner背景和透明flash去网络上自己找，然后在 我们的首页模板的处插入我给朋友们提供的语句就ok 了，好简单吧。首先请朋友们下载我给大家提供的透明flash素材，解

25、压把banner.jpg和xiayu.swf放入我们的powerEasy-lmages文件夹里。然后进入后台，点击系 统设置找到网站通用模板管理，打开我们的首页模板。找到：< 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