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

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

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

3、自己的banner我们得把它拿回家才能共享，可好多的网站都限定了你不能轻松的把它拿回家。我这里给大家提供了一个下载flash动画的软件，请朋友们下载安装，在这个解压包里我已经放置好了三个文件夹，请朋友们先点击安装程序安装汉化对软件进行汉化在点击那个浏览器图标看具体怎么下载flash。这里有操作使用演示。这不要我在说了吧？如果还不会共享人家的资源。_那是上帝让你做个好人，别去共享人家的好东东啦。我们拿到人家的动画文件因为它是swf格式的文件我们无法编辑，俺这里在给大家提供一个破解软件，【顾思闪客精灵】这是一个绿色的破解软件，你打开你下载的swf格式的文件，然后点击菜单栏上的导出FLA格式的文件就

4、可以了。转换成fla格式的源文件后，我们使用flashmx200动画制作软件打开这个文件，（flashmx2004软件我也会给大家提供）把这里的文字和网站地址改成我们自己的，（修改字体我也会给大家提供一个字体软件它也是一个绿色软件，让我们方便的制作我们需要的网站说明）。Banner的详细修改步骤请看我的视频教材。我们只是把拿来的banner改成自己需要的效果，很简单的相信朋友们看了我的教材都会轻易做好的。我们修改成我们自己网站的swf格式的banner后就来给我们的网站添加这个动画的banner啦。我们进入我们的网站后台，我们先了解一下后台广告管理的界面。管理网站广告要管理网站广告，请在后台左

5、栏的“网站管理导航”中，单击“系统设置” “网站广告管理”。广告管理界面说明顶部的“管理导航”中列出了网站广告管理的快捷链接。其中“广告版位管理”和“添加新版位”为广告版位的管理，“网站广告管理”和“添加新广告”为网站广告管理，“广告JS模板”为5 种广告版位类型的JS 模板。中部显示了网站的频道名，点击频道名，下方会显示本频道中设置的广告，导航中会显示出相应的地址。如果是广告版位管理界面，下部会详细网站内已有广告版位的详细信息。如果是网站广告管理界面，下部会显示网站内已有的广告的详细信息。在页面底下有一排功能按钮。在广告版位管理界面则显示：选中所有的版位：选中所有当前页面中的版位。删除选定版

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

7、此操作会取消在前台调用的广告版位中显示本广告。添加网站广告熟悉了解了我们的后台广告管理界面后，我们就来添加我们的banner广告。要在网站中显示广告！请进行以下的三个步骤：添加新的广告版位。添加新的广告，并注意选择相应的广告版位。刷新版位J S，并在相应模板中调用版位J S 代码“添加版位”界面说明：所属频道分类：列出了网站内的频道名称，此处设置添加的广告属于哪一个频道。版位名称：输入一个自定义的版位名称。版位描述：输入一个自定义的版位描述内容。版位类型：有6 种广告类型进行选择：矩形横幅：矩形横幅式广告类型。弹出窗口：显示弹出窗口式的广告类型。随屏移动：显示随屏幕移动的广告类型。固定位置：固

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

9、果显示100次，那99的就可能会显示99次 权重越大 显示的机率越大。如填写3与27，就是327 30次机会中，3显示3次的机会）版位状态：将版位设置为活动或非活动状态，只有设为活动的版位才能在前台显示。广告版位设置完成后，单击底部“添加”按钮，在上面的管理导航这里点击广告版位管理进入版位管理页面中。您随时可以在管理页面的“操作”列中进行以下操作：-添加：在当前广告版位中添加新的广告。-修改：修改当前的广告版位。-删除：删除当前的广告版位。-清空：清空当前广告版位中的广告。-暂停：暂时停止当前广告版位在前台的显示。您也可以“版位JS”列中进行以下操作：-预览：预览当前广告版位的效果。如果版位中

10、暂时还未添加广告，请添加后再进行预览。-刷新：刷新当前广告版位的JS，当您添加了本版位中的新广告后，请务必进行此操作。- 调用：系统显示当前广告版位调用的J S。单击“添加”按钮。至此广告版位已经添加成功。添加网站新广告您可以在前面广告版位管理页面的“操作”列中单击“添加”功能链接，也可以单击顶部“管理导航”中“添加新广告”功能链接，出现“添加版位”界面：“添加广告”界面说明：所属版位：选择添加的广告所属的广告版位。广告名称：填写要添加广告的名称。广告类型：提供图片、动画、文本、代码、页面5种广告类型。广告内容：显示所选择广告类型的具体参数设置。-广告内容设置-图片可设置图片的地址、尺寸（单位

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

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

13、修改模板-插入广告JS代码。如果您启用了生成HTML静态页面功能，要重新生成相关页面才能看到添加的广告效果。)-将代码插入到系统后台模板中您想要显示广告的位置即可。修改网站广告单击顶部“管理导航”中“广告版位管理”或“网站广告管理”功能链接。在要修改的版位或广告行中单击“操作”列中的“修改”，出现“修改广告”操作内容进行修改已经设置的广告。修改完成后请单击“保存”按钮保存您所做的修改。(在网站广告管理中，单击广告名称可直接进入修改界面。) 删除网站广告在广告管理界面中，系统提供了“删除”的功能链接与按钮。删除前系统将先出现确认对话框进行询问。单击“确定”删除选定的广告，单击“取消”取消当前的操

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

15、.jpg和xiayu.swf放入我们的powerEasy-Images文件夹里。然后进入后台，点击系统设置找到网站通用模板管理，打开我们的首页模板。找到：把这里的代码删除掉换成我给大家提供的代码：代码这里无法粘贴请朋友下载flash素材这里的120 是背景图片的高度，Images/banner.jpg是告诉我们banner.jpg背景图片是放在了我们系统的Images文件夹里，这个路径一定记住了，如果这里路径不对你的背景不会正常显示。Images/xiayu.swf 透明flash、 xiayu.swf也是放在了系统的Images文件夹里，记住了也不能错了。我们只是要把你需要的banner背景图片找好，透明flash找好，都放到我们系统的Images文件夹里，在相应的地方换成你自己的banner和flash的名字就是了。如果你的banner效果显示不正常你可以调整 120这个尺寸达到满意的效果。如果透明flash显示不正常可以调整 760、125 这两个尺寸就是了。调整好了刷新网站测试一下是不是可以了。如果不能正常显示看看我给朋友们的代码是不是完全输入了一个字母都别错了，在检查一下banner图片和flash的名字是否正确，路径是否对就ok了。