|
引子：
FLASH网站很吸引人气，更新的快的话，网友回头率很高的。
动易的文章模板有插入FLASH按钮，原来考虑的是能否利用动易的文章模板来制作一个FLASH频道，做了后发现虽然传FLASH很方便但是怎么弄都实现不了全屏播放的效果。经过绞尽脑汁的思考和反复试验我们居然发现利用动易的图片频道可以实现！！！
正文：
下面以街霸FLASH为例讲解如何利用图片频道实现FLASH频道功能。
示例网站：西子花园（http://www.xizee.com）
示例网页：http://www.xizee.com/flash/ged/1114.htm
全屏显示页：http://www.xizee.com/full.htm?/flash/UploadFiles_5564/200610/20061022114628104.swf&namecode=pcedu&subnamecode=pcedu_flash
第一步：登陆网站后台点击“网站频道管理”－－“添加新频道”。
在频道使用的功能模块这里选择 “图片”，其它设置根据自己的情况来操作。
如图：
第二步：修改内容页模板（频道首页及其栏目页模板各位根据自己的情况设计，因为不牵扯全屏显示故略过不谈）。
把上一组图片下一组图片改为上一个FLASH 下一个FLASH 大家可以参考：http://www.xizee.com/flash/ged/1114.htm
{$ViewPhoto(580)}，可以根据自己的设计设定FLASH显示区域的大小，我们西子花园设计的是580×400。这些都好设计，关键是FLASH要实现一个全屏播放效果，下面重点说全屏是怎么实现的。
我们经过观察发现只有在图片频道有{$PhotoUrl}这个标签可以得到文件的绝对路径，这样就有条件实现FLASH的全屏播放了，呵呵。
我们在全屏播放的图片下加一个链接http://www.xizee.com/full.htm?{$PhotoUrl}&namecode=pcedu&subnamecode=pcedu_flash，以便链接到本FLASH的全屏页。
第三步：制作全屏显示页的模板 名字为：full.htm。
干脆奉上西子花园FLASH全屏显示页的模板，呵呵做人还是实在点好，为新手省下很多时间。
<!-- saved from url=(0022)http://internet.e-mail -->
<HTML>
<HEAD>
<TITLE> 西子花园 | flash动漫频道</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE type="text/css">
<!--
.btd { font-size: 14.8px}
.lr {
BORDER-left: #000000 1px solid;BORDER-right: #ffffff 1px solid;
}
-->
</STYLE>
</HEAD>
<BODY bgcolor="303880" leftmargin="0" marginwidth="0" topmargin="3" marginheight="3">
<DIV align="center">
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="208" background="/Lectures/UploadFiles_3793/200612/20061217111644355.gif"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645515.gif" width="208" height="25"></TD>
<TD background="/Lectures/UploadFiles_3793/200612/20061217111644355.gif" valign="bottom" align="right"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645937.gif" width="3" height="9"></TD>
</TR>
<TR>
<TD height="12" colspan="2">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" align="center">
<TR>
<TD bgcolor="FFDDA2" width="1"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="1" height="1"></TD>
<TD bgcolor="FFA200" width="7"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="7" height="20"></TD>
<TD width="1" bgcolor="#000000"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="1" height="1"></TD>
<TD align="center" valign="top" colspan="3">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" height="1" bgcolor="#000000">
<TR>
<TD></TD>
</TR>
</TABLE>
<TABLE border="0" cellspacing="0" cellpadding="0" >
<TR align="center">
<TD>
</TD>
</TR>
</TABLE>
</TD>
<TD width="1" bgcolor="#000000"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="1" height="1"></TD>
<TD bgcolor="FFA200" width="7"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="7" height="1"></TD>
<TD bgcolor="FFDDA2" width="1"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="1" height="1"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD colspan="2">
<TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="FFA200">
<TR>
<TD width="7" height="7" class="leftbottom"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="8" height="9"></TD>
<TD class="topbottom"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif"></TD>
<TD width="6" class="rightbottom"><IMG src="/Lectures/UploadFiles_3793/200612/20061217111645221.gif" width="6"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<BR>
<FONT color="#FFFFFF"> </FONT></DIV>
</BODY>
</HTML>
大家可以修改这个模板达到自己的设计效果。full.htm这个网页设计好后请放置到空间的根目录里面，注意页面中出现的图片要放到相应路径的文件夹下FLASH内容页和全屏显示页都设计好后就该在后台发FLASH了。
第四步：在后台点FLASH频道管理－－点添加FLASH。
如下图填写好FLASH的信息和简介：
然后先上传FLASH的缩略 [1] [2] 下一页
|
