【文章內(nèi)容簡(jiǎn)介】 一個(gè) img元素，二是將圖像作為背景嵌入到網(wǎng)頁(yè)中 ?由于 CSS的背景屬性的功能很強(qiáng)大，現(xiàn)在更推薦將所有的圖像都作為背景嵌入。如果圖像是通過(guò) img元素插入，則可以在瀏覽器上通過(guò)按住鼠標(biāo)左鍵拖動(dòng)選中圖片，或者將它拖動(dòng)到地址欄里，如果作為背景嵌入，則無(wú)法選中圖片 圖像標(biāo)記 img 網(wǎng)頁(yè)中支持的圖像文件格式 ?網(wǎng)頁(yè)中可以插入的圖像文件的類(lèi)型有 jpg格式， gif格式和 png格式。這些文件都是壓縮格式的圖像格式，其中 jpg格式適合用于網(wǎng)頁(yè)中較大尺寸的 真彩色圖片 ，是一種有損壓縮的格式； gif格式一般用于較小尺寸的圖片，是一種無(wú)損壓縮的格式，只支持 256色， GIF在存儲(chǔ)非連續(xù)色調(diào)的圖像或具有大面積單一色彩的圖像方面比較出色， gif格式的特點(diǎn)是可以實(shí)現(xiàn) gif動(dòng)畫(huà) ，和 gif全透明的圖像 ；png格式可以用于 alpha透明效果 ，但 IE6不能夠支持。 img標(biāo)記的常見(jiàn)屬性 ? img是一個(gè)行內(nèi)元素，插入 img元素不會(huì)導(dǎo)致任何換行。下面是 img標(biāo)記的常見(jiàn)屬性： img的屬性 含義 src 圖片文件的 url地址 alt 當(dāng)圖片無(wú)法顯示時(shí)顯示的替換文字 title 鼠標(biāo)停留在圖片上時(shí)顯示的說(shuō)明文字 align 圖片的對(duì)齊方式，默認(rèn)為基線(xiàn)對(duì)齊，即圖片的 下邊緣和文字的下邊緣對(duì)齊 width、 height 圖片在網(wǎng)頁(yè)中的寬和高 在單元格中插入圖像的方法 ?對(duì)于表格布局的網(wǎng)頁(yè)，所有的元素都是放置在單元格中的，圖像也不例外，要在單元格中插入圖像，且單元格的邊框和圖像之間沒(méi)有間隙。那么必須將該單元格的寬和高設(shè)置為圖片的寬和高，且表格中其它單元格的大小也必須固定，然后確保 td與 /td之間只有 img標(biāo)記， 沒(méi)有空格和換行符 ，否則單元格會(huì)被空格撐開(kāi)。如： ?td width=768 height=132img src=images/ //td ! /td不能換行 img插入圖像的對(duì)齊方式 ?img標(biāo)記的對(duì)齊方式仍然通過(guò) align屬性實(shí)現(xiàn)，但其取值多達(dá) 9種，其中要實(shí)現(xiàn)圖片和文本混排可使用“左對(duì)齊”或“右對(duì)齊”，要實(shí)現(xiàn)文本和圖片頂部對(duì)齊可使用“文本上方”。 ?img src=images/ width=158 height=41 align=left/，但通常是將圖片放在表格里，通過(guò)表格定位來(lái)實(shí)現(xiàn)文本和圖像的混排。 復(fù)習(xí)題 ?a標(biāo)記的常用屬性有哪些 ?href target name title ?img標(biāo)記的常用屬性有哪些 ?src width height alt title 作 業(yè)（第一次） ?用 DW制作一個(gè)個(gè)人求職的網(wǎng)頁(yè)，要求用 表格布局 ，網(wǎng)頁(yè)中必須包含 圖像 、 文本 、 列表 、 鏈接 及表格 等基本元素，制作完成后，把該網(wǎng)頁(yè)的源代碼抄寫(xiě)兩遍交上來(lái) ?或者直接用編寫(xiě)代碼的方式制作該網(wǎng)頁(yè)，再在作業(yè)本上抄寫(xiě)兩遍 ?下次上課前必須交，否則扣 10分 (10/30) 媒體元素插入標(biāo)記embed / object /object 插入 flash的兩種方法 ?方法一：執(zhí)行菜單命令 ：“插入－媒體－ flash”，在代碼視圖中可看到插入 flash元素是通過(guò)同時(shí)插入object標(biāo)記和 embed標(biāo)記實(shí)現(xiàn)的，以確保在 IE5和Firefox中都獲得應(yīng)有的效果 ?方法二：執(zhí)行菜單命令：“ 插入－媒體－插件 ”，此方法在代碼視圖中僅插入了 embed元素。由于IE6和 Firefox都能正常顯示效果，而代碼更簡(jiǎn)潔，所以推薦用這種方式 （但不能用來(lái)插入透明 flash，否則 IE瀏覽器中沒(méi)有 object標(biāo)記的 parm屬性不會(huì)透明） 在圖像上添加透明 flash ?首先可以將一張需要放置透明 flash的圖片作為單元格的背景導(dǎo)入，然后在此單元格內(nèi)插入一個(gè)透明 flash文件，可以調(diào)整此 flash元素的大小與單元格相一致，選中該 flash文件，點(diǎn)擊屬性面板里的“參數(shù)”按鈕，新建一個(gè)參數(shù)“ wmode” 值設(shè)置為“ transparent”。 ? object classid=clsid:D27CDB6EAE6D11cf96B8444553540000 width=768 height=132 ? param name=movie value=xxwlzx/ / ? param name=quality value=high / ? param name=wmode value=transparent / ? embed src=xxwlzx/ quality=high pluginspage= type=application/xshockwaveflash width=768 height=130 wmode=transparent/embed ? /object 這句使 flash在 IE瀏覽器中透明 這句使 flash在非 IE瀏覽器中透明 插入視頻或音頻文件 插入視頻可分別使用 ActiveX按鈕或插件按鈕實(shí)現(xiàn) object width=280 height=216 param name=autostart value=false / embed src= width=280 height=216 autostart=false/embed /object ActiveX 方式 embed src=“” width=“276” height=“218” autostart=“false”/embed 插件方式 流媒體簡(jiǎn)介 ?流媒體實(shí)際指的是一種新的 媒體傳送方式 ，而非一種新的媒體 ,流式傳輸方式將整個(gè)多媒體文件經(jīng)過(guò)特殊的壓縮方式分成一個(gè)個(gè) 壓縮包 ，由視頻服務(wù)器向用戶(hù)計(jì)算機(jī)連續(xù)、實(shí)時(shí)傳送。在采用流式傳輸方式的系統(tǒng)中，用戶(hù)不必像采用下載方式那樣等到整個(gè)文件全部下載完畢 ?常見(jiàn)的流媒體文件格式 ? real公司： rm\rmvb\ra ? apple公司： quicktime\mov ? microsoft公司： asf\wmv\wma 插入流媒體元素的方法 ?網(wǎng)頁(yè)中插入流媒體也能向插入一般媒體一樣使用 embed標(biāo)記，只是要在 classId框中設(shè)置流媒體的類(lèi)型 插入 Real Player流格式的視頻文件 屬性面板中設(shè)置 : ClassID為 RealPlayer…… 。 選中 Embed復(fù)選框。 Src為 。 單擊“參數(shù) …” 按鈕，設(shè)置屬性。 parm參數(shù)示例 ?參數(shù)： console 屬性：可以將各種不同的RealPlayer控制聚集在網(wǎng)頁(yè)上，這樣它們可以交互使用或是保持獨(dú)立，而且互相不影響 演示 ? 容器標(biāo)記 div span div和 span ?div和 span是不含有任何語(yǔ)義的標(biāo)記，用來(lái)在其中放置任何網(wǎng)頁(yè)元素，就象一個(gè)容器一樣，當(dāng)把文字放入后，文字的格式外觀(guān)都不會(huì)發(fā)生任何改變，應(yīng)用容器標(biāo)記的主要作用是通過(guò)引入 CSS屬性對(duì)容器內(nèi)元素內(nèi)容的表現(xiàn)進(jìn)行設(shè)置。 ?div和 span的唯一區(qū)別是 div是塊級(jí)元素 ， span是行內(nèi)元素 。 div和 span body div style=backgroundcolor:3399ff塊狀區(qū)域 1/div div style=backgroundcolor:99ccff塊狀區(qū)域2/div span style=backgroundcolor:ffccff行間區(qū)域1/span span style=backgroundcolor:993399行間區(qū)域2/span /body ? div標(biāo)記是一個(gè)塊狀的容器，其默認(rèn)的狀態(tài)就是占據(jù)整個(gè)一行。 ? span標(biāo)記是一個(gè)行內(nèi)的容器，其默認(rèn)狀態(tài)是行內(nèi)的一部分，占據(jù)行的長(zhǎng)短由內(nèi)容的多少來(lái)決定