資源簡(jiǎn)介

(共19張PPT)
3
插入多媒體
Part three
多媒體
1
插入圖像
2
插入聲音和視頻
3
插入背景音樂(lè)
多媒體文件格式
圖像文件類型:bmp、jpg、GIF和PNG格式等
音頻文件類型:WAV、MP3、MID1、RA和RM格式等
視頻文件類型:AV1和SWF格式等
4
插入AVI視頻文件
一、Mate標(biāo)簽
格式:
功能:對(duì)HTML文件進(jìn)行說(shuō)明，文件的所有權(quán)及采用的字符集
網(wǎng)頁(yè)特效
1）name項(xiàng)：常用的選項(xiàng)有Keywords(關(guān)鍵字) ，description(網(wǎng)站內(nèi)容描述)，author(作者)，robots(機(jī)器人向?qū)?等。
2）http-equiv項(xiàng)：可用于代替name項(xiàng)，常用的選項(xiàng)有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie設(shè)定)，Window-target(顯示窗口的設(shè)定)，content-Type(顯示字符集的設(shè)定)等。
3）content項(xiàng)：根據(jù)name項(xiàng)或http-equiv項(xiàng)的定義來(lái)決定此項(xiàng)填寫什么樣的字符串。
二、參數(shù)解析：
三、應(yīng)用
1、告訴瀏覽器網(wǎng)頁(yè)所識(shí)別的文件類型及語(yǔ)言類型，比如說(shuō)，我們要讓瀏覽器識(shí)別HTM/HTML類型的簡(jiǎn)體中文網(wǎng)面，我們可以這樣寫：
< Meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
2、讓一些搜索引擎搜索到你的網(wǎng)頁(yè)，代碼可以這樣寫：
< Meta Name=" Keywords" Content="網(wǎng)頁(yè)關(guān)鍵字" >
< Meta Name=" description" Content="網(wǎng)頁(yè)描述文字" >
網(wǎng)頁(yè)特效
三、應(yīng)用
3、讓一個(gè)頁(yè)面過(guò)上一定的時(shí)間，自動(dòng)轉(zhuǎn)到另一個(gè)頁(yè)面或者站點(diǎn)去，如：
< Meta HTTP-equiv="refresh" content="6; url=http://hi./tesalo/" >
content中的6表示時(shí)間，單位為秒，url=后面是你要轉(zhuǎn)向的網(wǎng)址，若是與你當(dāng)前網(wǎng)頁(yè)在同一目錄下，可以直接寫上文件名，如：
< Meta HTTP-EQUIV="refresh" content="6; url=page1.htm" >
網(wǎng)頁(yè)特效
三、應(yīng)用
4、讓網(wǎng)頁(yè)每隔一段時(shí)間刷新一次，若要10秒刷新一次，代碼這樣寫：

網(wǎng)頁(yè)特效
插入聲音和視頻
格式:< embed src="音頻或視頻文件URL地址">
功能:在網(wǎng)頁(yè)中播放插入的音頻或視頻文件
src=“多媒體文件的地址”該屬性為必要屬性
Height和width屬性用于設(shè)置多媒體對(duì)象的高寬
Loop屬性用于設(shè)置播放的次數(shù)。若為true則無(wú)限重復(fù)播放，若為NO則播放一次。
多媒體
插入背景音樂(lè)
格式:< bgsound src="音頻文件URL地址”>
功能:在網(wǎng)頁(yè)中插入背景音樂(lè)。
src=“聲音文件的地址”聲音文件可以為wav/midi/mp3格式文件
Loop屬性用于設(shè)置播放的次數(shù)。若為infinite則將循環(huán)播放。
多媒體
插入AVI視頻文件
格式:< img dynsrc="AⅥI視頻文件URL地址">
在網(wǎng)頁(yè)中插入AVI視頻文件
多媒體
背景圖像
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:在網(wǎng)頁(yè)背景中插入指定的圖像文件，默認(rèn)為平鋪
用css的style來(lái)設(shè)置
Background-repeat=“圖像重復(fù)”（repeat|repeat-x| repeat-y|norepeat）
如：
背景圖像
圖像標(biāo)記
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
屬性 功能
width 設(shè)置圖像顯示的寬度,單位為像素或者百分比
height 設(shè)置圖像顯示的高度,單位為像素或者百分比
alt 圖像的取代文字
align 設(shè)置圖像的位置或其他內(nèi)容與圖像的對(duì)齊方式
boder 設(shè)置圖像的邊框大小
vspace 設(shè)置圖像頂部和底部與其他內(nèi)容之間的間隔，單位為像素
hspace 設(shè)置圖像左側(cè)和右側(cè)與其他內(nèi)容之間的間隔，單位為像素
格式:< Img src="圖像文件URL地址">
功能:在網(wǎng)頁(yè)中插入指定的圖像文件
插入圖像
圖像的取代文字alt屬性
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:有些瀏覽器只支持文本,不支持圖像,則可以采取一些其他辦法來(lái)替代圖像。標(biāo)簽中的alt屬性能夠提供幫助。當(dāng)瀏覽器不能顯示圖像或找不到圖像時(shí),它可以將alt引導(dǎo)的文本顯示在屏幕上,從而替代看不到的圖像
Title:將鼠標(biāo)放在圖片上顯示提示文本
Img標(biāo)簽
設(shè)定圖像的高度和寬度 height/width
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:標(biāo)簽中還提供了兩個(gè)屬性, height和widt,用來(lái)設(shè)定圖像的高度和寬度,二者可取像素值或百分比
注意：圖像所占的磁盤空間較少,則在網(wǎng)上傳輸所需的時(shí)間就比較短。因此,可以充分利用這兩個(gè)屬性,先在網(wǎng)頁(yè)上建立一個(gè)占用磁盤空間較小的圖像,然后再用這兩個(gè)屬性按比例放大,但倍數(shù)過(guò)大會(huì)模糊。所以要合適。同時(shí)需要使用小圖片時(shí)，不要采用縮小圖像的方法，這樣網(wǎng)頁(yè)傳輸?shù)臅r(shí)間較長(zhǎng)，應(yīng)該用圖像處理軟件處理圖像。
Img標(biāo)簽
設(shè)定圖像的邊框border屬性
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:img標(biāo)簽的border屬性可以給圖像加一個(gè)邊框,若 border項(xiàng)默認(rèn)或取值為0時(shí),圖像沒(méi)有邊框。
Img標(biāo)簽
設(shè)定圖像的邊框border屬性
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:img標(biāo)簽的border屬性可以給圖像加一個(gè)邊框,若 border項(xiàng)默認(rèn)或取值為0時(shí),圖像沒(méi)有邊框。
Img標(biāo)簽
設(shè)定圖像的對(duì)齊方式align屬性
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:在標(biāo)簽中使用aigm屬性,可控制圖像相對(duì)于字基準(zhǔn)線(文字中線)的水平對(duì)齊方式,屬性設(shè)置值見(jiàn)書44頁(yè)
Img標(biāo)簽
設(shè)定圖像與文之間的距離 vspace/ hspace屬性
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:
功能:img標(biāo)簽中的 vspace和 hspace屬性能夠調(diào)整圖像與其他文本之間的距離,兩者均取像素值。設(shè)定語(yǔ)法格式如下:
n,m為數(shù)值,單位為像素。
其中, vspace為調(diào)整圖像與上下文本的距離; hspace為調(diào)整圖像與左右文本的距離。
Img標(biāo)簽
把文字排在圖像下面
屬性 控件名稱 控件類型
type text 單行文本框
password 密碼框
file 文件域
radio 單選框
checkbox 復(fù)選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
格式:


功能:如果文本還沒(méi)有填滿圖像周圍的空間,就希望從圖像下面重新開始另一行文本時(shí),普通換行標(biāo)簽
就不起作用了,它只能在圖像旁邊另起一行,而不能把文本排到圖像下面去,
這就需要在
標(biāo)簽中使用 clear屬性來(lái)滿足這一要求
① clear=left文本在圖像下面另起一行,用于圖像在左邊的情況
②cear=rght文本在圖像下面另起一行,用于圖像在右邊的情況;
③ clear-all文本在圖像下面另起行處。
Img標(biāo)簽
作業(yè)：完成下發(fā)的TASK8 中的作業(yè)
要求：利用記事本編輯網(wǎng)頁(yè)，按照要求保存為HTML文件，自己預(yù)覽后提交。有問(wèn)題及時(shí)反饋練習(xí)。

展開更多......

收起↑