📄 day2_1.html
字号:
<td colspan="2"><a href="../../1-backend/index.html">-Backend</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-graphics/index.html">图形与字体</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1multimedia/index.html">多媒体教程</a></td>
</tr>
<tr>
<td colspan="2"><a href="../../1-os/index.html">-操作系统</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-e_business/index.html">电子商务</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-director/index.html">Director</a> </td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#666699"><a href="../../1-download/index.htm"><font color="#FFFFFF">网猴下载</font></a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-download/page1.htm">网页制作</a></td>
</tr>
<tr>
<td colspan="2">-<font color="#000000"><a href="../../1-download/page2.htm">程序设计</a></font></td>
</tr>
<tr>
<td colspan="2">-<font color="#000000"><a href="../../1-download/page3.htm">网站设计</a></font></td>
</tr>
<tr>
<td colspan="2">-<font color="#000000"><a href="../../1-download/page4.htm">电子商务</a></font>
</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#666699"><a href="../../1-teach/index.htm"><font color="#FFFFFF">实用技巧</font></a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/internet/index.htm">Internet应用</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/photoshop/index.html">Photoshop</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/flash/page1.html">Flash</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/asp/index.html">ASP</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/php/index.html">PHP</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/java/index.htm">Java</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/vb/index.htm">VB</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/c/index.htm">C、C++</a></td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-backend/database/php_mysql/index.html">PHP/MySQL</a></td>
</tr>
<tr>
<td colspan="2"><a href="../../1-backend/cgi_perl/perl_beginner/index.html">-Perl</a>
</td>
</tr>
<tr>
<td colspan="2">-<a href="../../1-teach/other/index.htm">其它</a> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#666699">
<div align="center"><font color="#FFFFFF">更多教程</font></div>
</td>
</tr>
<tr>
<td colspan="2" height="17"><a href="../../1hdml/index.html">-HDML</a></td>
</tr>
<tr>
<td colspan="2" height="23"><font face="宋体"><a href="../../1-backend/database/course/day1_1.html">-网络数据库</a></font></td>
</tr>
<tr>
<td colspan="2" height="14"><a href="../../1-backend/protocols/ping/index.html"><font face="arial, helvetica, sans-serif">Ping</font></a></td>
</tr>
<tr>
<td colspan="2" height="20"><a href="../../1-backend/cgi_perl/search_engine/index.html">-创建搜索引擎</a></td>
</tr>
<tr>
<td colspan="2" height="16">-<a href="../../1adobe/GoLive/index.html">Adobe GoLive</a></td>
</tr>
<tr>
<td colspan="2"><a href="../../1-backend/cgi_perl/templates/index.html">模板</a></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#666699"><font color="#FFFFFF">合作伙伴</font></td>
</tr>
<tr>
<td colspan="2" align="left">-<a href="http://www.5dmedia.com/" target="_blank">5D精英网</a></td>
</tr>
<tr align="center">
<td colspan="2"> <img src="../../Library/front_monkey.gif" width="59" height="68"></td>
</tr>
</tbody>
</table>
<br><!-- #EndLibraryItem --></td>
<!-- End of headlines (column 1: left column) --> <!-- Gutter between columns 1 and 2 -->
<td width="10" height="794"><img src="http://www.sohu.com/images/pixel.gif" width=10></td>
<!-- Search box and directories (columns 2 and 3: middle columns, combined into one) -->
<td align=center valign=top width="558">
<div align="left"><!-- #BeginEditable "1" -->
<title>SMIL：多媒体标记</title>
SMIL：多媒体标记
- 第二天<a href="mailto:shvatz@wired.com">Shvatz</a>
<p><b>第一页：不用脚本的条件化内容</b></p>
<p>过去，在HTML文件中建立条件化的内容一般要涉及到某种服务器端的方案，如XSSI或ASP，或者某些使用相当广泛的客户端脚本。SMIL使用<switch></switch>标记符实现这样的功能。<switch>是SMIL规范中很好的一个特征，因为它可以提供一页的多次重复或基于客户/终端用户的设定而不需要任何比SMIL规范本身更多特殊知识的完全定制页的版本。</p>
<p>可以简单地把<switch>标记符包围在一堆内容的周围，然后SMIL检查每个媒体对象的属性，看哪个最符合客户的设定，然后选取最适合的。实际上，它选择第一个可以起作用的，所以媒体对象的排列顺序很重要。</p>
<p>作为一个例子，假设你建立了一个视频表现，而且你有对各种不同连接速度的不同的表现版本。使用<switch>，可以保证用户得到合适的文件：</p>
<p> </p>
<ul>
<pre>
<smil>
<head>
<layout type="text/css">
#smile {top:200; left:100; z-index:5; <br> width:100; height:220 }
</layout>
</head>
<body>
<switch>
<video id="smile" src="http://www.hotwired.com/images/<br> video_highest" system-bitrate="56000" />
<video id="smile" src="http://www.hotwired.com/images/<br> video_high" system-bitrate="33000" />
<video id="smile" src="http://www.hotwired.com/images/<br> video_good" system-bitrate="22000" />
<video id="smile" src="http://www.hotwired.com/images/<br> video_slow" system-bitrate="12000" />
<video id="smile" src="http://www.hotwired.com/images/<br> video_crap" system-bitrate="8000" />
</switch>
</body>
</smil>
</pre>
</ul>
<p>很甜，是吧？<a href="day2_2.html">>></a></p>
<p><b>SMIL：多媒体标记</b><br>
<font color="#FF0000">第一页</font> 不用脚本的条件化内容<br>
<font color="#FF0000">第二页</font> <a href="day2_2.html">属性</a><br>
<font color="#FF0000">第三页</font> <a href="day2_3.html">前景</a></p>
<p>[<a href="day1_1.html">第1天</a>][第2天]</p>
<p> </p>
<!-- #EndEditable --></div>
</td>
<!-- End of search box and directories (columns 2 and 3: middle columns, combined into one) -->
<!-- Gutter between columns 3 and 4 --> <!-- Other stuff (column 4: right column) -->
<!-- End of other stuff (column 4: right column) --> </tr>
</table>
<!-- End of table surrounding page contents -->
<hr noshade size=1 width=700>
<span class=eng><br>
Copyright (C) 1998-2000 Internet Technologies China. All rights reserved.
</span>
</center>
</body>
<!-- #EndTemplate --></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -