1.图像文件类型
高质量的图片一般用TIFF格式保存,但其图片体积过大,不太适合网络传输。 目前,网络中常用的图像文件格式有JPEG(*.jpg或*.jpeg)、GIF(*.gif)和PNG(*.png)格式等。
JPEG格式:有损压缩方式、占用少量的磁盘空间、尺寸相对较小,下载速度快
GIF格式支持背景透明,可分为静态GIF和动态GIF。无损压缩方式,同时最高只支持256位色,适于线条、图标和简单动画等图像文件的显示。
PNG格式:无损压缩方式、支持背景透明,但不支持动画、兼有GIF和JPG的色彩模式 2.音频文件类型
网络中音频文件格式种类繁多,但常用的音频文件格式有WAV(*.wav)、MP3(*.mp3)、MIDI(*.mid)、RA(*.ra)和RM(*.rm)格式等。
WAV格式:模拟音频信号量化成数字信号,再进行编码存储的波形文件格式。音质较好,通用性较强、体积庞大。
MP3格式:高压缩比的专门用于存储音乐的音频格式。采取了“感官编码技术”。主流音频格式。
MIDI格式:以MIDI文件存储
RA格式:是一种流式音频媒体格式。用来在低速率的网络上实时传输活动视频影像。 3.视频文件类型
目前,网络上常用的文件格式有AVI(*.avi)和SWF(*.swf)格式等。 AVI:将语音和影像同步组合在一起的文件格式。有损压缩方式,但压缩比较高。支持256色和RLE压缩。AVI信息主要应用在多媒体光盘上,用来保存电视、电影等各种影像信息。
SWF:一种支持矢量和点阵图形的动画文件格式,被广泛应用于网页设计,动画制作等领域。也被称为Flash文件。 二、在网页中插入图像 1.图像标记
49
格式:
(1) SRC属性:必选属性。用于设置插入的图像文件路径。例:
(2)其它属性:用于插入图像的修饰:
属性 WIDTH HEIGHT 功能 设置图像显示的宽度,单位为像素 设置图像显示的高度,单位为像素 示例
当链接源为图像时的链接格式为:
? 使用
? 还可以采用超链接标记将多媒体文件放到网页上,当浏览者点击超链接时,先下载到硬盘上,再调用相应的播放程序播放。 1.使用
(1) AUTOSTART属性:设置背景音乐是否在下载完之后自动播放,取值为TRUE表示自动播放;FALSE表示不自动播放,默认取值为FALSE。
(2) LOOP属性:设置背景音乐是否循环播放及循环播放次数,取值为一正整数时,表示循环播放的次数,取值为-1或Infinite无限次循环播放,直到关闭该网页。
只显示超链接文字,而无播放软件面板,在点击超链接之后才调用相应的播放程序播放。
4.使用标记为网页插入AVI文件
格式:
51
说明:
(1) LOOP属性:设置AVI文件的循环播放次数。
(2) START属性:设置AVI文件的播放方式,取值为fileopen表示网页打开时立即播放,mouseover表示当鼠标移动到AVI文件时播放。
例:
教学效果反馈:
第17,18课时 5.9 CSS应用
CSS(Cascading Style Sheets,层叠样式表 or 级联样式表 即 样式表),用于表的样式定义。是HTML标记的一种重要扩展,可以进一步美化页面,即一种用来装饰HTML的标记集合。不需要编译,直接由浏览器解释执行。
网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言。 样式表的功能:
灵活控制网页中文字的字体,颜色,大小,间距,风格,位置.
随意设置一个文本块的行高,缩进,并可以为其加入三维效果的边框. 更方便地为网页中的任何元素设置不同的背景颜色和背景图片. 精确控制网页中各元素的位置.
可为网页中的元素设置各种过滤器,从而产生如阴影,辉光,模糊和透明等效果.
可以结合脚本语言,使网页中的元素产生各种动态效果.
一、 CSS语法
1.基本语法
CSS的定义是由三个部分构成:选择符、属性和属性的取值。
52