网络广告,建站的必备要素——五类主流网页广告制作秀(上)

站长空间

对于拥有个人网站的站长来说,网站经营久了是不是总想在自己的小站中添加一些网页广告呢?一来可以增加一些收入,二来也为小站做一下宣传,增添几分生气。目前网页中的广告类型繁多,各式各样的广告给网页带来不同的效果。因此我们在网页中添加广告时不仅要考虑到能让浏览者一目了然,还要考虑网页的美观。综合以上几点,我们列出了网页中常见的几种广告方式及各种广告的制作方法,希望各位站长根据自己的实际情况添加适合小站的网页广告。

种类一:横幅广告

横幅式广告又叫“旗帜广告”,这是在网页中最常见的网页广告,该广告最常用的尺寸是486×60(或80)像素,一般插入到网页的固定位置,如页眉、页尾等部分(图1)。通常情况下整个图片和Flash动画都可以制作出广告内容,这样可以加大广告信息量。

32-f4-1.jpg
图1

广告网址:http://www.skycn.com

采用站点:经常被新浪、搜狐、电脑报、天空软件站、天极网等一些国内著名的网站采用。

广告特点:该广告通常放在网页开头位置,用图片或动画的方式显示广告信息,让浏览者一目了然,快速了解广告的内容。普通页面结构的网站都可使用。

制作方法:

通常情况下横幅式广告分为图片横幅(包括GIF动画)广告和Flash动画横幅广告两种。把两种广告插入到页面中的方法也有一定的差别。

1.图片横幅广告

直接插入法:直接插入横幅式广告制作非常简单,我们可以使用Dreamweaver或Frontpage等网页编辑工具轻松完成。首先我们制作出表示广告内容的图片或GIF动画。随后我们将这些图片插入到网页相应的位置即可。

插入广告图片时,首先用网页编辑工具打开需要插入广告的网页,随后我们找到需要插入广告的部分,单击“插入→图片→来自文件”并选择需要的图片即可。这样我们就可以将该广告图片插入到网页中,随后在该图片上单击右键选择“超链接”命令(图2),在打开的“插入超链接”对话框的地址栏中输入该广告图片链接的网址即可。

32-f4-2.jpg
图2

编写脚本法:用上面的方法直接插入横幅式广告,每次修改广告图片都要对该网页进行修改,修改不好就会影响网页的正常运行。为了保证网页的安全,很多站长采用插入脚本的方法来插入横幅广告(图3)。

32-f4-3.jpg
图3

利用脚本语音插入横幅广告时,首先打开记事本程序,然后在记事本中输入以下源代码:

document.writeln("<a href=http://www.ip-guard.com/s_chinese/index.htm?AD=Skycn1 target=_blank><img border=0 src=tuijianimg/ip-guard.gif width=468 height=60></a>");

提示:href=http://www.ip-guard.com/s_chinese/index.htm?AD=Skycn1表示图片链接的网页。target=_blan 表示从新的网页中打开该页。src=tuijianimg/ip-guard.gif 表示插入的横幅式广告中的图片。width=468 height=60表示该广告图片在文件中的宽度和高度。

输入后,将记事本文件保存为.js格式的文件即可。名字经常可以随便输入,如:top.js。

然后用网页编辑工具打开需要插入广告的网页,并切换到源代码界面,在该界面中需要插入代码的位置插入<script language=javascript src= top.js></script>语句。其中src= top.js就是我们刚刚编写的脚本文件。

最后,对网页文件进行保存即可。以后我们在修改网页中的广告和图片时只要将脚本语言中的图片名称和链接网址修改即可。

2.Flash横幅广告

插入Flash广告的方法和插入图片、GIF广告的方法不太一样,由于在制作Flash动画时已经将超链接制作在动画中了,因此我们只要将Flash文件插入到网页中即可。

插入Flash广告时,首先确定广告放置的位置,单击“插入→图片→Flash电影”,随后打开一个选择文件对话框,这时选择我们的Flash广告,这样即可插入到网页中。随后双击该插入的文件,弹出一个“Flash电影属性”对话框,在此对电影质量、背景颜色、文件大小等进行相应设置即可。

种类二:插页广告

插页广告(InterstitialAds)又叫“弹出广告”,广告商将自己的广告产品放入某一个特定的网页中,当用户打开该网页时,在该网页出现之前会弹出一个新的窗口,该窗口为广告显示内容(图4)。

32-f4-5.jpg
图4

广告网址:http://it.sohu.com

采用站点:新浪、搜狐、天空软件站、QQ广告、天极网等一些国内著名的网站中都经常采用该类广告。

广告特点:不占用页面空间,显示的广告窗口比较明显,广告界面中的图片先显示广告内容。

制作方法:

该类广告分为普通插页广告和自动关闭插页广告。普通插页广告在网页打开后会插入一个广告页面,该页面不会自动消失,浏览者必须单击该页面标题栏中的“关闭”按钮才能关闭广告窗口;自动关闭插页广告是在该广告弹出后几秒钟后自动关闭广告窗口。

1.普通插页广告

插页式广告是用Javascript语言编写的,在相关的网页中插入下面的Javascript语言即可。

第一步:插入JS脚本文件。在网页的html码的与之间加上下面的代码,调用 chromeless window程序:

<script src="js/chromeless_35.js"></script>

提示:script src=后面为JS文件的路径,chromeless_35.js是一个特定的JS脚本文件,名字可以随意更改,如果你需要可以到网站上下载一个,如http://fym888.nease.net/js/chromeless_35.js即可下载。下载后将它放入相应的文件夹下即可。

第二步:插入弹出页面文件。输入上面的js脚本文件后,我们还要输入需要弹出窗口的脚本程序。其代码如下:

<Script language="Javascript">

AD = new ADM("POPUNDER",3);

AD.src = "http://images.sohu.com/cs/button/tclpc/2005/itpopun715a.html";

AddSchedule(AD);

</Script>

提示:AD.src后面的网址为弹出窗口的页面地址,我们可以根据需要插入相应的网页。

2.自动关闭插页广告

现在很多插入广告在屏幕右下角显示一段时间后,会自动消失,就像QQ、MSN等登录信息一样(图5)。

32-f4-6.jpg
图5

这类插页广告其实也是用源代码编写的(完整代码下载地址:http://www.cpcw.com/xd/zd.rar)。制作时首先用网页制作工具FrontPage打开或新建一网页,随后将该代码复制到网页代码的<body>和</body>中间。

该代码复制后,在网页中会增加一个层,这个层默认是隐藏状态的,因此在“设计”页面中我们无法看到。随后单击“视图→任务窗格”命令,在右侧打开任意窗口,选择好层后,在任务窗口中打开“层”属性窗口,单击“可视性”设为“可视”,这时我们可以在“设计”界面出现一个层窗口,我们就可以在该层中插入表格并插入广告图片了。随后给该插入图片或文件选择好超链接(图6),编辑后将层的“可视性”改回“隐藏”属性即可。

32-f4-7.jpg
图6