《最美的距离》
定位大图音画制作方法
首先我们来看一下展示:
请点击浏览:最美的距离
1:我们先看一下全部语言代码
<TABLE id=table1 style="LEFT: -150px; WIDTH: 980px; POSITION: relative; TOP: 0px" cellSpacing=45 cellPadding=0 align=center background=http://bbs./UploadFile/2005-10/20051017202357388.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE id=table1 style="LEFT: 0px; WIDTH: 980px; POSITION: relative; TOP: 92px; HEIGHT: 516px" borderColor=#ff9900 height=516 cellSpacing=4 cellPadding=6 bgColor=#000000 border=8>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 733px; HEIGHT: 760px" height=760 width=733 background=http://lhsz.viptwo99./冰/最.jpg border=0>
<TBODY>
<TR>
<TD>
<P></P>
<P align=right></P></TD></TR></TBODY></TABLE></TD>
<TD width="30%">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=170 height=770>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up behavior=slide width=170 height=770><FONT style="FONT-SIZE: 12pt; FILTER: shadow(color=#333333,direction=180); WIDTH: 400%; COLOR: #ff9900; LINE-HEIGHT: 150%; HEIGHT: 648px"><B>
<P>最美的距离<BR>不是<BR>生与死<BR>而是<BR>我就站在你的面前<BR>而你却不知道我爱你<BR><BR>最美的距离<BR>不是<BR>我就站在你面前<BR>你却不知道我爱你<BR>而是<BR>明明知道彼此相爱<BR>却不能在一起<BR><BR>最美的距离<BR>不是<BR>明明知道彼此相爱<BR>却不能在一起<BR>而是<BR>明明无法抵挡这种思念<BR>却还得故意装做<BR>丝毫没有把你放在心里<BR><BR>最美的距离<BR>不是<BR>明明无法抵挡这种思念<BR>却还得故意装做<BR>丝毫没有把你放在心里<BR>而是<BR>用冷漠的心对爱你的人<BR>掘了一条无法跨越沟渠</P></B></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE><EMBED src=http://xiuxiu1024./s-helpSite/domName/xiuxiu1024/2007211493278186.wma hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED><P><EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 700px; HEIGHT: 650px" align=left src=http://zy1209.go3./flash1/228768_10205207.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>
<P><EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 700px; HEIGHT: 650px" align=right src=http://zy1209.go3./flash1/11.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P><EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 600px; HEIGHT: 450px" align=right src=http://zy1209.go3./flash1/11.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> </P>
现在我们来分析一下代码在各部位的作用
1:大图音画的起始代码
<TABLE id=table1 style="LEFT: -150px; WIDTH: 980px; POSITION: relative; TOP: 0px" cellSpacing=45 cellPadding=0 align=center background=http://bbs./UploadFile/2005-10/20051017202357388.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
分析:
LEFT: -150px;调整网页整体的左右位置,负数越大向左,反之。
WIDTH: 980px 整体网页的宽度,为980像素
TOP: 0px 边框到顶部的距离为“0”
cellSpacing=45 边框的宽度,可以为“0”
background= 等号后面加背景图片网址
2:边框语法代码
<TABLE id=table1 style="LEFT: 0px; WIDTH: 980px; POSITION: relative; TOP: 92px; HEIGHT: 516px" borderColor=#ff9900 height=516 cellSpacing=4 cellPadding=6 bgColor=#000000 border=8>
<TBODY>
<TR>
<TD>
3:图片展示语法代码
<TABLE style="WIDTH: 733px; HEIGHT: 760px" height=760 width=733 background=http://lhsz.viptwo99./冰/最.jpg border=0>
<TBODY>
<TR>
<TD>
<P></P>
4:大图起始,边框,图片的休止语法代码
<P align=right></P></TD></TR></TBODY></TABLE></TD>
<P align=right>代表居右
5:右边表格的大小
<TD width="30%"> 文字展示的空间宽度,百分比越大右边越宽。
6:设置文字展示语言属性
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=170 height=770>
7:设置文字运动的语言属性
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up behavior=slide width=170 height=770><FONT style="FONT-SIZE: 12pt; FILTER: shadow(color=#333333,direction=180); WIDTH: 400%; COLOR: #ff9900; LINE-HEIGHT: 150%; HEIGHT: 648px"><B>
<P>最美的距离<BR>不是<BR>生与死<BR>而是<BR>我就站在你的面前<BR>而你却不知道我爱你<BR><BR>最美的距离<BR>不是<BR>我就站在你面前<BR>你却不知道我爱你<BR>而是<BR>明明知道彼此相爱<BR>却不能在一起<BR><BR>最美的距离<BR>不是<BR>明明知道彼此相爱<BR>却不能在一起<BR>而是<BR>明明无法抵挡这种思念<BR>却还得故意装做<BR>丝毫没有把你放在心里<BR><BR>最美的距离<BR>不是<BR>明明无法抵挡这种思念<BR>却还得故意装做<BR>丝毫没有把你放在心里<BR>而是<BR>用冷漠的心对爱你的人<BR>掘了一条无法跨越沟渠</P></B></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE>
8:插入背景音乐
<EMBED src=http://xiuxiu1024./s-helpSite/domName/xiuxiu1024/2007211493278186.wma hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED>
9:插入定位透明FLASH语言
<P><EMBED style="RIGHT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 700px; HEIGHT: 650px" align=left src=http://zy1209.go3./flash1/228768_10205207.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
<P>