框架、頁面版式控制與多媒體效果_第1頁
框架、頁面版式控制與多媒體效果_第2頁
框架、頁面版式控制與多媒體效果_第3頁
框架、頁面版式控制與多媒體效果_第4頁
框架、頁面版式控制與多媒體效果_第5頁
已閱讀5頁，還剩29頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

框架、頁面版式控制與多媒體效果

1回顧在HTML頁面中插入圖片用什么標(biāo)簽?CSS樣式表有什么作用？引入樣式表有哪幾種方式？在HTML頁面中插入浮動窗體用什么標(biāo)簽？2預(yù)習(xí)檢查框架有什么用途?說出2個頁面版式控制標(biāo)簽？在HTML頁面中，插入背景音樂用什么標(biāo)簽?在HTML頁面中，插入多媒體用什么標(biāo)簽?3課程目標(biāo)掌握框架的使用掌握頁面版式控制標(biāo)簽理解插入背景音樂理解插入多媒體文件4本講任務(wù)5框架 框架頁面把瀏覽器窗口切割成幾個獨立的部分，打開的鏈接目標(biāo)文件只占用瀏覽器窗口的某個區(qū)域，該區(qū)域就是框架網(wǎng)頁的目標(biāo)框架。框架頁面的出現(xiàn)，使得訪問者在瀏覽器窗口中可同時觀察多個頁面。6框架標(biāo)記 設(shè)計框架頁面時，<Frame>標(biāo)記和<Frameset>標(biāo)記用于定義框架網(wǎng)頁的結(jié)構(gòu)由于框架網(wǎng)頁的出現(xiàn)，從根本上改變了HTML文檔的傳統(tǒng)結(jié)構(gòu),因此在出現(xiàn)<Frameset>標(biāo)記的文檔中，將不再使用<Body>標(biāo)記基本結(jié)構(gòu)<Html><Head></Head><Frameset> <Framesrc="url"></Frameset></Html><FRAMESET>是用來劃分框窗，每一窗框由一個<FRAME>標(biāo)記所標(biāo)示，<FRAME>必須在<FRAMESET>范圍中使用7各窗口尺寸設(shè)置 我們可以將窗口分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實現(xiàn)例如：<framesetcols=#><framesetcols="100，200，300"><framesetrows=#><framesetrows="10%，20%，70%">其中的任何一個數(shù)字也可以由“*”來代替如：<framesetcols="100，200，*"><framesetcols="100，*，*">將100像素以外的窗口平均分配<framesetcols="*，*，*">將窗口分為三等份s8舉例說明 首先我們先創(chuàng)建3個html文件，其文件名分別為“a.html、b.html、c.html”

a.html<Html><Head><Title> A</Title></Head><Body><h1align="center"> A</h1></Body></Html>b.Htmlc.html同樣9橫向排列多個窗口

<Html><Head><Title> 橫向排列多個窗口</Title></Head><Framesetcols="25%，50%，25%"><Framesrc="a.html"><Framesrc="b.html"><Framesrc="c.html"></Frameset></Html>橫向排列多個窗口10縱向排列多個窗口

<Htm> <Head> <Title>縱向排列多個窗口

</Title></Head> <Framesetrows="25%，25%，50%">

<Framesrc="a.html">

<Framesrc="b.html">

<Framesrc="c.html"></Frameset></Html>11混合排列多個窗口

<Html> <Head> <Title> 混合排列多個窗口

</Title> </Head>

<framesetrows="20%,*"> <framesrc="a.html"> <framesetcols="30%,*"> <framesrc="b.html"> <framesrc="c.html"> </frameset></frameset></Html>12各窗口間相互操作(FrameTarget)由Frames分出來的幾個窗口的內(nèi)容并不是靜止不變的，往往一個窗口的內(nèi)容隨著另一個窗口的要求而不斷變化我們必須為每一個窗口起一個名字，這個名字用屬性Name來定義格式：<framesrc=urlname=“窗口名”>

例如：<framesrc="frame/a.html"name=“l(fā)eft”>

13Target屬性

定義了窗口名稱，還應(yīng)該有Target來配合使用，Target屬性指定了所鏈接的文件出現(xiàn)在哪一窗口。Target的值可以是name定義的名稱，也可以是以下四類值:<ahref=urltarget=_blank>顯示一個新窗口<ahref=urltarget=_self>顯示在同一個窗口<ahref=urltarget=_parent>顯示在Frameset的前一份文件的窗口<ahref=urltarget=_top>顯示在整個瀏覽器窗口點擊內(nèi)容為C內(nèi)容為D14Frame的外觀各窗口邊框的設(shè)置(frameborder)邊框色彩(bordercolor)設(shè)置各窗口的上下左右邊界寬度marginwidthmarginheight各窗口間空白區(qū)域的設(shè)置(framespacing)卷滾條設(shè)置(scrolling)不可變動的框邊15小結(jié)框架的用途在框架中給窗體定義名稱有什么作用？完成如右圖所示的代碼點擊鏈接,就會在右邊出現(xiàn)不同的信息16頁面版式控制排版標(biāo)記分為<!--注解-->、<BR>、<CENTER>、<DIV>或<span>注釋標(biāo)記換行標(biāo)記居中標(biāo)記層標(biāo)記17注釋標(biāo)記像很多計算機語言一樣，HTML也提供注釋功能用法：注釋的功能：<!--（開始標(biāo)記）+注釋內(nèi)容+-->（結(jié)束標(biāo)記）為文中不同的部分加上說明，方便日后修改用作版權(quán)聲明注意:注釋標(biāo)記中沒有任何屬性。開始標(biāo)記和結(jié)束標(biāo)記必須同時存在。注解內(nèi)容允許為空。其內(nèi)容長度不用被限制在一行內(nèi)，可以為任意長度。結(jié)束標(biāo)識和開始標(biāo)識可以不在一行上。

18居中標(biāo)記<center>稱為居中標(biāo)記 對于已加有align="CENTER"參數(shù)的<TABLE>標(biāo)記也要不厭其煩地加上居中標(biāo)記，因為很多瀏覽器不支持<TABLE>標(biāo)記中的align="CENTER"參數(shù)<Body><center><TableBorder=0><Trbgcolor="lime"> <Th>編號</Th>

<Th>名稱</Th>

<Th>價格(元)</Th></Tr><Trbgcolor="red">

<Td>001</Td>

<Td>語文教材</Td>

<Td>20.00</Td></Tr></table></center></Body>19定位標(biāo)記<div>稱為定位標(biāo)記。它的作用是設(shè)定文字表格等擺放位置。我們可以通過align屬性設(shè)定文字表格的位置

<Body><divalign="center"><h3>訴衷情</h3><p> 當(dāng)年萬里覓封候，匹馬戍梁州。關(guān)河夢斷何處？塵暗舊貂裘。</p><p> 胡未滅，鬢先秋，淚空流。此生誰料，心在天山，身老滄洲！</p></div></Body>20小結(jié)HTML版式標(biāo)簽有那些?允許保留在原代碼中輸入的空白和回車的是什么標(biāo)簽?21多媒體效果插入背景音樂插入多媒體沒有了視頻、音樂我們的網(wǎng)頁豈不如同報紙。。。22插入背景音樂<bgsound>標(biāo)記是用來插入背景音樂。<bgsoundsrc="042.mp3"autostart=trueloop=infinite>只適用于IE瀏覽器設(shè)定背景音樂的檔案及路徑，可以是相對路徑或絕對路徑是否在音樂檔下載完之后就自動播放。true是，false否(默認(rèn)值)是否自動反復(fù)播放。

LOOP=2表示重復(fù)兩次，Infinite表示重復(fù)多次23插入多媒體<embed>是用來插入各種多媒體格式可以是Midi、Wav、AIFF、AU等等1．src=#設(shè)定媒體檔案及路徑，可以是相對或絕對。2．a(chǎn)utostart=#是否在音樂檔傳完之後，就自動播放音樂。true是，false否(內(nèi)定值)。

3．loop=#是否自動反覆播放。LOOP=2表示重復(fù)兩次，true是，false否。4.hidden=# 是否完全隱藏控制畫面，true為是，no為否(內(nèi)定)。5．volume="0-100"設(shè)定量的大小，數(shù)值是0到100之間。內(nèi)定則為使用者系統(tǒng)本身之設(shè)定。6．width="整數(shù)"和height="整數(shù)"屬性24src=#屬性用來設(shè)定多媒體檔案及路徑，可以是相對或絕對<Body><divalign="center"><embedsrc="滄海一聲笑(笑傲江湖).wmv"></div></Body>

25autostart=#autostart=#屬性設(shè)定是否在音樂檔下載完之后就自動播放。true是，false否(默認(rèn)值)<Body><divalign="center"><embedsrc=""autostart=true></div></Body>26loop=#用來設(shè)定播放次數(shù)。loop=2表示重復(fù)兩次loop=true表示持續(xù)反復(fù)播放loop=false表示只播放一次<Body><divalign="center"><embedsrc=""autostart=trueloop="true"></div></Body>27hidden=#是否完全隱藏控制畫面true為是，no為否(默認(rèn))<Body><divalign="center">

<embedsrc=""autostart=trueloop="true"hidden=true></div></Body>28volume="0-100"設(shè)定音量的大小，數(shù)值是0到100之間。內(nèi)定則為使用系統(tǒng)本身的設(shè)定<Body><divalign="center"><embedsrc=""autostart=trueloop="true"volume="50"></div></Body>29width="整數(shù)"和height="整數(shù)"設(shè)定控制面板的高度和寬度。

<Body><divalign="center"><embedsrc=""autostart=trueloop="true"width="400"height="200"></div></Body>30用<img>標(biāo)簽插入多媒體文件其基本格式為：<imgdynsrc="avi文件地址"><body><center><p

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論