您现在的位置: 动易技术中心 >> 模板设计教程 >> 动易模板 >> 正文
[组图]巧用动易图片频道实现FLASH网站

引子:

  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的缩略图然后上传FLASH,从已上传的图片中选择好该FLASH的缩略图。接着删除FLASH地址里面的图片地址1,只保留FLASH地址,如下图所示,然后点就添加就可以了:

  如果你的站点设置的是自动生成网页。那样的话你就可以去看效果了。呵呵

  第五步:如何处理FLASH缩略图的问题。

  很多站长都对如何截取FLASH的缩略图很头疼,其实有专门的工具可以实现的。

  软件名称:Aero SWF.max Flash Player
  下载地址:http://www.xizee.com/Soft/mtbf/14.html

  就是这些了,希望对大家有一点点用处,本人在做的过程中深切感到动易功能的强大,希望大家能不断
发掘动易的潜在价值相互学习,一起提高,如果大家有谁需要更进一步的开发动易程序请联系西子花园程序开发组:QQ:1581585。

  如何用动易的文章模板实现小说网站功能我们已经完成,演示地址:http://book.xizee.com。大家有兴趣知道我们是如何实现小说网站的可以顶贴,人多的话我继续给咱们发布:《如何利用动易文章模板和动态函数标签制作小说网站》

题外话:
  由于时间的仓促我们对网站的美化并未完成,大家看到的还比较粗糙,在以后的时间里我们会更加完善,敬请关注。

附:

  原帖地址:http://bbs.powereasy.net/dispbbs.asp?boardID=67&ID=292867&page=1

文章录入:雅虎    责任编辑:雅虎 
  • 上一个文章:

  • 下一个文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    软件产品
    SiteFactory™ 内容管理系统
    SiteFactory™ 网上商店系统
    SiteWeaver™ 内容管理系统
    SiteWeaver™ 网上商店系统
    SiteWeaver™ 企业门户网站系统
    SiteWeaver™ 教育门户网站系统
    SiteWeaver™ 政府门户网站系统
    SiteWeaver™ 行业门户网站系统
    平台产品
    企业服务
    行业解决方案
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:200603D0322 本站基于 PowerEasy® SiteWeaver™ 制作