第二章标签应用（认识多媒体标签）

以勒。。 2013-03-12

展开全文

第二章标签应用

第二十三节 多媒体标签应用（1）

从本节开始我们学习多媒体标签的应用。今天讲解的内容是：认识多媒体标签和多媒体标签应用（三个方面的应用）。

标签<embed>是多媒体标签，也可以叫做插入标签。应用<embed>标签，可以在网页中插入动画、音乐播放器、视频等内容，还可以把这些内容制作为模块放置到您的图书馆首页。
１、认识多媒体标签：

wmode="transparent">

上面是一个简单的多媒体标签。解析如下：

<“多媒体标签”或者“插入标签” 高度＝“510px” 对齐方式＝居右宽度＝"660px"

路径＝“具体的有效的动画地址" 品质＝“高品质” 窗口模式＝“透明”窗口模式>

注释：多媒体图片的地址必须是以 “ swf ” 标识结尾的图片地址。

２、多媒体标签应用：

（１）怎样使用动画地址：

在网络中，我们收藏了动画地址以后，怎样使用这个动画地址呢？其方法有三种：

（a）把动画地址粘贴到“浏览器”的地址栏，点击浏览器地址栏右面的“箭头图标”，就可观赏此动画图片；

（b）把动画地址粘贴到“链接标签”中，然后将链接标签粘贴到撰写文章处的“代码编辑”页面中，“发表”以后，点击链接文字（或者链接地址）也可以欣赏动画图片；

（c）把动画地址粘贴到“多媒体标签”中，然后将多媒体标签粘贴到撰写文章处的代码编辑页面中，“发表”以后即可保存这个动画图片。

例如动画地址：

http://bbs.zxxk.com/UploadFile/2007-8/20078307443981570.swf，粘贴到多媒体标签中以后为：

src="http://bbs.zxxk.com/UploadFile/2007-8/20078307443981570.swf"

quality="high" wmode="transparent">

（2）制作小模块：

你在网络中收藏了多媒体的文章（也叫文件）以后，可以在打开文章的页面中，点击“修改”按钮，点击“修改页面”方框下面的“代码编辑”按钮，然后在代码中找到多媒体标签（或者叫做插入标签），就是以此代码embed为开头的标签：<embed ……>，把它保留下来，其余的代码可以都“删除”掉。保留下来以后，再修改标签中的宽度值（width="600"）与高度值（height="510"）。

如果要制作图书馆首页“左栏”的模块，宽度值修改为（width="160——180"），高度值看效果而定；如果要制作图书馆首页“中、右栏”的模块，宽度值修改为（width="360"左右），高度值看效果而定；如果要制作文章页面中的小插图或者是分割线，高度值修改为（height="100——200"），宽度值看效果而定；如果要制作“边框”中文章标题上面的插图，高度值修改为（height="200——400"），宽度值看效果而定。

下面的代码是“边框”插图的一个例子：把此代码粘贴到边框中<td></td>这两个标签之间即可。

代码：

src="http://pp6143.com./s185.swf" allowNetworking="internal"

allowScriptAccess="never" quality="high" invokeurls="false"

wmode="transparent">

（3）制作链接地址模块：

代码：

<table border="0" cellSpacing="10" width="60%" background=

"http://image48.360doc.com/DownloadImg/2012/01/0515/20544219

_3.jpg" align="center">
<tbody>
<tr>
<td style="text-align: left;" width="100%">
<table border="1" cellSpacing="8" borderColorLight="#530305"

borderColorDark="#000000" cellPadding="0" width="100%" background=

"http://image48.360doc.com/DownloadImg/2012/01/0515/20544219_4.gif"

align="center">
<tbody>
<tr>
<td style="text-align: left;">

<table title="border=1" cellSpacing="3" borderColorLight="#530305"

borderColorDark="#000000" cellPadding="0" width="100%" background="

http://image48.360doc.com/DownloadImg/2012/01/0515/20544219_5.jpg"

align="center">
<tbody>
<tr>
<td style="text-align: left;" bgColor="#000000" width="100%">
<table border="1" cellSpacing="1" cellPadding="0" width="100%"

background="http://image48.360doc.com/DownloadImg/2012/01/0515/

20544219_6.gif" align="center">
<tbody>
<tr>
<td>

多 <img style="border-width: 0px; margin: 0px; width: 29px; height: 29px;"

src="http://image18.360doc.com/DownloadImg/2010/12/0917/7504762_4.jpg">

种 <img style="border-width: 0px; margin: 0px; width: 29px; height: 29px;"

src="http://image18.360doc.com/DownloadImg/2010/12/0917/7504762_4.jpg">

精 <img style="border-width: 0px; margin: 0px; width: 29px; height: 29px;"

src="http://image18.360doc.com/DownloadImg/2010/12/0917/7504762_4.jpg">

美 <img style="border-width: 0px; margin: 0px; width: 29px; height: 29px;"

src="http://image18.360doc.com/DownloadImg/2010/12/0917/7504762_4.jpg">

时 <img style="border-width: 0px; margin: 0px; width: 29px; height: 29px;"

src="http://image18.360doc.com/DownloadImg/2010/12/0917/7504762_4.jpg">

钟</td></tr>
<tr>

<td>

——“春天没来”收集整理

</td></tr>
<tr>
<td style="align: center;">

<a href="http://jatrqw99./domName/jatrqw99/200911299374997933.swf"

target="_blank">

http://jatrqw99./domName/jatrqw99/200911299374997933.swf

</a></td></tr>

<a href="http://mylib./userfile/12012425/2011-01-23/1295776714375.swf"

target="_blank">

http://mylib./userfile/12012425/2011-01-23/1295776714375.swf

</a> </td></tr>

http://www./down/blog/Calendar14/Cal1.swf</a></td></tr>

http://flash./flash/flash/moniren86345.swf</a></td></tr>

<a href="http://hsb345./domName/hsb345/2008101318134629229.swf"

target="_blank">

http://hsb345./domName/hsb345/2008101318134629229.swf

</a></td></tr>
<tr>
<td>

<a href="http://weather.news.sina.com.cn/deco/2009/1224/china.swf"

target="_blank">

http://weather.news.sina.com.cn/deco/2009/1224/china.swf

</a></td></tr>

<tr>

<td><a href=

"http://i2.sinaimg.cn/dy/iframe/4/2008-07-11/U814P281T4D44F63DT200809

25145856.swf" target="_blank">

http://i2.sinaimg.cn/dy/iframe/4/2008-07-11/U814P281T4D44F63DT2008092

5145856.swf</a></td></tr>

<tr>

<td>

<a href="http://www./uploadflash/60/flash8net_59948.swf"

target="_blank">

http://www./uploadflash/60/flash8net_59948.swf

</a></td></tr>

<tr>

<td>

<a href="http://bbs./data/attachment/forum/201208/04/

170740967uzu94kmuuksbe.swf" target="_blank">

http://bbs./data/attachment/forum/201208/04/170740967

uzu94kmuuksbe.swf</a></td></tr>

<tr>

<td>

<a href="http://i2.sinaimg.cn/dy/iframe/4/2006-12-25/U814P281T

4D43F62DT20080411182335.swf " target="_blank">

http://i2.sinaimg.cn/dy/iframe/4/2006-12-25/U814P281T4D43F62

DT20080411182335.swf </a></td></tr>

<tr>

<td>

<a href="http://flash.weather.com.cn/wmaps/index.swf"

target="_blank">

http://flash.weather.com.cn/wmaps/index.swf</a>

</td></tr>

<tr>

<td>

<a href="http://flash./attachments-bak/day_100912/

10091218235ca71755b08c1820.swf" target="_blank">

http://flash./attachments-bak/day_100912/1009121

8235ca71755b08c1820.swf</a></td></tr>

<tr>

<td>

<a href="http://jsj.vip./Upload/2008-4-15/10288889.swf"

target="_blank">

http://jsj.vip./Upload/2008-4-15/10288889.swf

</a></td></tr>

<tr>

<td>

<a href="http://flash./swf/xzc38508099.swf"

target="_blank">

http://flash./swf/xzc38508099.swf</a>

</td></tr>

<tr>

<td>

<a href="http://bbs./forum/plus/cal.swf"

target="_blank">

http://bbs./forum/plus/cal.swf</a></td></tr>

<tr>

<td>

http://www./flash/flex365.swf </a></td></tr>

<tr>

<td>

http://hozhwang.vip.oldkids.cn/fla504.swf</a></td></tr>

<tr>

<td>

http://www./flash/Mini365.swf</a></td></tr>

<tr>

<td>

<a href="http://www./upfile1/flash/080124/kago1.swf"

target="_blank">

http://www./upfile1/flash/080124/kago1.swf

</a></td></tr>

<tr>

<td>

<a href="http://www./upfile1/flash/081225/xr.swf"

target="_blank">

http://www./upfile1/flash/081225/xr.swf</a>

</td></tr>

<tr>

<td>

<a href="http://xzs./admin/uploadpic/2009212181936313.swf"

target="_blank">

http://xzs./admin/uploadpic/2009212181936313.swf

</a></td></tr>

<tr>

<td>

<a href="http://bb5./UPLOAD8/180722/312.swf"

target="_blank">

http://bb5./UPLOAD8/180722/312.swf

</a></td></tr>

<tr>

<td>

<a href="http://hsb345./domName/hsb345/200810211

530719874.swf" target="_blank">

http://hsb345./domName/hsb345/200810211530719874.swf

</a></td></tr>

<tr>

<td>

http://www./upimg/media/time.swf</a></td></tr>

<tr>

<td>

http://img5./flash/f10/5.swf</a></td></tr>

<tr>

<td>

<a href="http://img02./User_UploadFiles/2010/10/

10/201010101109438842.swf" target="_blank">

http://img02./User_UploadFiles/2010/10/10/2010

10101109438842.swf</a></td></tr>

<tr>

<td>

<a href="http://yf./toumingflash/03/020.swf"

target="_blank">

http://yf./toumingflash/03/020.swf</a>

</td></tr>

<tr>

<td>

<a href="http://dashanyu.vip./Upload/2008-

10-8/72836947.swf" target="_blank">

http://dashanyu.vip./Upload/2008-10-8/72836947.swf
</a></td></tr>

<tr>

<td><a href="

http://home./nkhs9323005/swftime003.swf"

target="_blank">

http://home./nkhs9323005/swftime003.swf

</a></td></tr>

<tr>

<td>

<a href="http://www./swf/S1001856f008e2d-0.swf"

target="_blank">

http://www./swf/S1001856f008e2d-0.swf

</a></td></tr>

<tr>

<td>

<a href="http://swf./user/qsyd/jc/dzbiao1.swf"

target="_blank">

http://swf./user/qsyd/jc/dzbiao1.swf

</a></td></tr>
<tr><td>

<table style="border-style: double; border-color: rgb(91, 204, 0);

width: 100%; height: 27px; text-align: left; border-collapse:

collapse;" border="8" cellSpacing="0" cellPadding="0"

width="500">
<tbody>
<tr style="border-style: double; text-align: left;">
<td style="text-align: left;">
<marquee scrollAmount="3">

精·[

原]

<a href="http://www.360doc.com/content/12/1002/08/4127803_

239099547.shtml" target="_blank">

代码入门教程（１）</a>

[原]

<a href="http://www.360doc.com/content/12/1002/14/4127803

_239137588.shtml" target="_blank">

代码入门教程（２）</a>

[原]

<a href="http://www.360doc.com/content/12/1003/07/4127803

_239232626.shtml" target="_blank">

代码入门教程（3）</a>

[原]

<a href="http://www.360doc.com/content/12/1004/19/4127803

_239479499.shtml" target="_blank">

代码入门教程（4）</a>

[原]

<a href="http://www.360doc.com/content/12/1009/21/4127803_

240515656.shtml" target="_blank">

代码入门教程（5）</a>

[原]

<a href="http://www.360doc.com/content/12/1015/19/4127803_

241656459.shtml" target="_blank">

代码入门教程（6）</a>

[原]

<a href="http://www.360doc.com/content/12/1020/06/4127803_

242541666.shtml" target="_blank">

代码入门教程（7）</a>

[原]

<a href="http://www.360doc.com/content/12/1022/21/4127803

_243155521.shtml" target="_blank">

代码入门教程（8）</a>

[原]

<a href="http://www.360doc.com/content/12/1025/20/4127803_

243761895.shtml" target="_blank">

代码入门教程（9）</a>

[原]

<a href="http://www.360doc.com/content/12/1027/08/4127803

_244022296.shtml" target="_blank">

代码入门教程（10）</a>

[原]

<a href="http://www.360doc.com/content/12/1029/19/4127803

_244524209.shtml" target="_blank">

代码入门教程（11）</a>

[原]

<a href="http://www.360doc.com/content/12/1031/21/4127803

_244973996.shtml" target="_blank">

代码入门教程（12）</a>

[原]

<a href="http://www.360doc.com/content/12/1102/08/4127803

_245221083.shtml" target="_blank">

代码入门教程（13）</a>

<

font style="font-size: 20px;">

[原]

<a href="http://www.360doc.com/content/12/1106/13/4127803

_246166840.shtml" target="_blank">

代码入门教程（14）</a>

[原]

<a href="http://www.360doc.com/content/12/1109/06/4127803

_246732557.shtml" target="_blank">

代码入门教程（15）</a>

[原]

代码入门教程（16）</a>

[原]

<a href="" target="_blank"><

font style="font-size: 21px;" color="#ff00ff">

代码入门教程（17）</a></marquee>

</td></tr></tbody>

</table></td></tr>

width="600"src=

"http://www./flash/20h/9flash_5.swf"

allowNetworking="internal" allowScriptAccess="never"

quality="high" invokeurls="false" wmode="transparent">

</td></tr>
<tr><td><font style="font-size: 29px;"

color="#ffff00">2012年11月12日于北京

</td></tr> </tbody> </table></td></tr></tbody></table>

</td></tr></tbody></table></td></tr></tbody></table>

代码解析：

1、上面的代码是我制作的一个“精美时钟网址链接”的文章代码。

2、代码中先设置了一个四重表格（即边框），每一行一个单元格，行数可增可减。每一个单元格内放入了一个时钟动画网址。要增加行数，添加一行的代码，放置到第四层表格的主体标签下面或者尾标签中倒数第四个表格的主体标签的前面（用粗体标明的那个“表格主体标签”与“表格主体尾标签”）；要减少行数，删除掉一行的代码即可。

3、一行的代码如下：

<a href="http://jatrqw99./domName/jatrqw99/2009

11299374997933.swf" target="_blank">

http://jatrqw99./domName/jatrqw99/20091129937

4997933.swf</a></td></tr>

4、添加行数以后，要“替换”一行的代码中的“两处文章地址”。

作业：

1、认真阅读此文，弄懂文章中讲解的内容。

2、在网络中收集几个动画地址，按照“（１）怎样应用动画地址”中的方法(a)与(b)欣赏动画图片，按照方法(c)保存动画图片。

3、应用上面讲解的方法制作几个小模块。

4、应用上面讲解的方法制作一篇“链接地址模块”。（动画地址与普通图片地址均可）