首 页 ┆ 源码下载 ┆ IT学院 ┆ 字体下载 ┆ 模板下载 ┆ 源码发布 ┆ 广告合作 ┆ 网站地图 ┆ 虚拟主机 ┆ 中文域名
► 设为首页
► 加入收藏
► 联系我们
源码下载 >> ASP源码 | PHP源码 | ASP.net源码 | JSP源码 | CGI源码 | VC/C++源码 | VB源码 | Delphi源码 | Flash源码
文章学院 >> 网络编程 | 网页设计 | 图形图象 | 数据库 | 服务器 | 网络媒体 | 网络安全 | 操作系统 | 办公软件 | 软件开发 | 黑客知识
字体下载 >> 精制字体 | 非英字体 | 艺术字体 | 著名字体 | 哥特式 | 简单字体 | 手写体 | 节假日 | 图案字体 | 精度像素 | 中文字体
模板下载 >> 企业门户 | 数码网络 | 休闲娱乐 | 影视音乐 | 旅游名胜 | 文化艺术 | 电子商务 | 个性展示 | 登陆导航 | Flash模板
►►您当前的位置:源码园 → IT学院 → 网络媒体 → 其他相关 → 文章内容

“笑”傲流媒体―SMIL基础教程(2)

作者:风未起时  来源:转载  发布时间:2007-2-8 17:41:46
 

二、 SMIL基本知识

下面我们看一个实际的SMIL的例子(用记事本编写就可以,注意:在英文状态下编辑。也就是不要打开中文输入法。因为SMIL播放器不认识中文的标点符号!):

<smil>

 <head>

  <meta name="copyright" content="Your Name" />

  <layout>

   <!-- layout 标记 -->

  </layout>

 </head>

 <body>

  <!—媒体标记 -->

  <img src="http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg"/>

 </body>

</smil>

    显然,SMIL和HTML语言的语法格式非常相像!所以,如果大家对HTML熟悉的话,SMIL学习起来就很容易。但是,二者的差别是很大的,所以如果想学的很好,大家一定要认真地学!

从上面这个例子可以看出:

(1)       SMIL程序以<smil>开始,以</smil>结束。

SMIL必须以<smil>开始,以</smil>结束,其他的一切标记都在这二者之间。这个和HTML好像是一样的。

(2)       整个程序由body和head两个部分组成

其中body是必须要有的。而head部分则看实际情况。如果需要的话,我们就写。若是整个SMIL程序非常简单并且没有必要用head部分,那么,我们可以不写。从个人的经验来看,如果要写出一个效果好的演示,head部分是必不可少的!J

(3)       属性和标记要求小写

SMIL要求其标记和标记的属性必须小写!

我们在这里不想给出属性和标记的定义。SMIL语言就是由标记组成的。每一行都是标记,而标记基本上都有属性。例如:<img src="http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg"/>中,img是标记,而src是属性,http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg是src的属性值。注意:属性值可以大小写都可以。后面我们会碰到有些属性值要求骆驼写法。什么是骆驼写法?像fadeTocolor这样的属性值(看看,中间高,两边低,是不是非常像骆驼的驼峰?J)就是骆驼写法。

(4)       有些标记必须有一斜杠作为结束标记

在SMIL中,如果标记不是配对标记(例如:<smil></smil>、<head></head>、<body></body>等),那么,必须有一斜杠作为结束标记(例如:<img src="http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg"/>)。

(5)       属性值必须用双引号括起来

例如:src="http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg"。注意:SMIL文件中出现的文件名必须和服务器上的文件名一致,其路径一定要正确。否则,SMIL播放器找不到该文件。

(6)       SMIL文件的拓展名为*.smil或者*.smi

我们必须以*.smil或者*.smi的拓展名来保存SMIL文件。这样SMIL播放器才能认出SMIL文件,以采用正确的解码方式解码、播放。为了防止与其它类型文件的拓展名冲突,强烈建议采用*.smil这个拓展名!注意:文件名必须是以数字、字母开始的,中间可以有下划线,不可以有空格。例如:test_one.smil可以,而test one.smil坚决不行!如果你喜欢的话,可以用我们上面讲的骆驼写法testOne.smil。注意:上面的例子大家可以原版复制,保存为testOne.smil。并且找一个图片放到testOne.smil同一个文件夹下,并将http://edu.chinaz.com/Get/Media/Media_Other/image1.jpg改成你的图片的名字(后面如果没有特殊说明,都得这么做),就可以用Realone player打开该源程序,看看我们的第一个演示的效果了。J

(7)       附加信息写在<head></head>之间

如果我们有些关于源代码的一些说明也就是附加信息,例如版权、作者、标题、基地址等等,我们可以在<head></head>中说明。其基本的格式是:<meta name=" " content=" " />,例如:<meta name="author " content="litterone " /><meta name="title " content="I want to learn SMI:L " />。

(8)       用<!-- … -->进行注释

这个标记和HTML里面的是一扬的。我们可以对我们的源文件进行注释。SMIL播放器遇到这个标记后,将跳过去而不予理睬。例如:我们可以在写源代码以前,将我们想要实现的效果在<!-- … -->中写出来,然后在编写源代码,假如我们忘记了删除该段说明,也不会影响演示的执行。

上面简单介绍了SMIL语言的基本知识,接下来要详详细细地学习SMIL!

[] [返回上一页] [打 印]
  • 上一篇文章:“笑”傲流媒体―SMIL基础教程(1)
  • 下一篇文章:“笑”傲流媒体―SMIL基础教程(3)

  • 相关文章:
  • [图文]中文Excel2000速成教程2.1认识中文Excel2000的...
  • 中文Excel2000速成教程2.4应用计算公式
  • 中文Excel2000速成教程2.5认识TEXT工作函数
  • [组图]中文Excel2000速成教程2.3认识中文Excel2000的...
  • [图文]中文Excel2000速成教程2.7注意公式中的数值转...
  • Nessus安全测试插件编写教程2
  • [图文]“笑”傲流媒体―SMIL基础教程(4)
  • [图文]“笑”傲流媒体―SMIL基础教程(3)
  • [图文]“笑”傲流媒体―SMIL基础教程(2)
  • “笑”傲流媒体―SMIL基础教程(1)
  • [图文]像素画系列教程2:基本线条
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 源码发布
Copyright © 2003-2009 Ymyasp.Com. All Rights Reserved .
备案序号:粤ICP备07029071号