您要打印的文件是:[教程] 商业网站制作教程

[教程] 商业网站制作教程



作者:佚名    转贴自:本站原创


写一个教程,内容是一个商业网站首页从设计到制作到发布的完整流程。使用的工具是macromedia公司出品的flash fireworks dreamweaver,也被称为网页制作三剑客。教程将从一个简单的浮动flash广告条开始,到网站首页完整的制作发布结束。稍侧重flash。

点击放大

 如图文操作。

点击放大

 如图文操作。

点击放大

 如图文操作。

点击放大

 用dreamweaver 新建一文件,保存为:ad.js
  内容为:

  function initEcAd() {
  document.all.AdLayer1.style.posTop = -200;
  document.all.AdLayer1.style.visibility = 'visible'
  document.all.AdLayer2.style.posTop = -200;
  document.all.AdLayer2.style.visibility = 'visible'
  MoveLeftLayer('AdLayer1');
  MoveRightLayer('AdLayer2');
  }
  function MoveLeftLayer(layerName) {
  var x = 5;
  var y = 100;
  var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
  var y = document.body.scrollTop + y - diff;
  eval("document.all." + layerName + ".style.posTop = y");
  eval("document.all." + layerName + ".style.posLeft = x");
  setTimeout("MoveLeftLayer('AdLayer1');", 20);
  }
  function MoveRightLayer(layerName) {
  var x = 5;
  var y = 100;
  var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
  var y = document.body.scrollTop + y - diff;
  eval("document.all." + layerName + ".style.posTop = y");
  eval("document.all." + layerName + ".style.posRight = x");
  setTimeout("MoveRightLayer('AdLayer2');", 20);
  }
  initEcAd()

  再在需要放置广告的网页中引用此js:
  <SCRIPT src="ad/duili.js"></SCRIPT>

  最后在<body> </body> 之间加上这些。注意把ad/ban1.swf换成你的flash文件路径。

  <DIV id=AdLayer1
  style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"><EMBED id=EccoolAd
  pluginspage=http://www.macromedia.com/go/getflashplayer src=ad/ban1.swf
  width=100 height=370 type=application/x-shockwave-flash quality="high"> </DIV>
  <DIV id=AdLayer2
  style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"><EMBED id=EccoolAd
  pluginspage=http://www.macromedia.com/go/getflashplayer src=ad/ban1.swf
  width=100 height=370 type=application/x-shockwave-flash quality="high"></DIV>
  <SCRIPT language=javascript event=FSCommand() for=EccoolAd>
  AdLayer1.style.visibility='hidden';
  AdLayer2.style.visibility='hidden';
  </SCRIPT>

  附上原文件:

  ban_hxsd.rar (57.87k)

  对于在本教程的学习中遇到任何疑问或有更好的建议,请到技术论坛讨论。


作者:佚名