教學(xué)項(xiàng)目十四HTML中框架的實(shí)現(xiàn)【教學(xué)內(nèi)容】講解HTML中課件_第1頁(yè)
教學(xué)項(xiàng)目十四HTML中框架的實(shí)現(xiàn)【教學(xué)內(nèi)容】講解HTML中課件_第2頁(yè)
教學(xué)項(xiàng)目十四HTML中框架的實(shí)現(xiàn)【教學(xué)內(nèi)容】講解HTML中課件_第3頁(yè)
教學(xué)項(xiàng)目十四HTML中框架的實(shí)現(xiàn)【教學(xué)內(nèi)容】講解HTML中課件_第4頁(yè)
教學(xué)項(xiàng)目十四HTML中框架的實(shí)現(xiàn)【教學(xué)內(nèi)容】講解HTML中課件_第5頁(yè)
已閱讀5頁(yè)，還剩15頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

教學(xué)項(xiàng)目十四

HTML中框架的實(shí)現(xiàn)

【教學(xué)內(nèi)容】講解HTML中框架標(biāo)志及相應(yīng)的屬性【教學(xué)目的】使學(xué)生掌握框架標(biāo)志及屬性，學(xué)會(huì)熟練使用HTML標(biāo)志設(shè)計(jì)框架網(wǎng)頁(yè)?！窘虒W(xué)重點(diǎn)】

框架的嵌套使用【教學(xué)難點(diǎn)】理解屬性name、target的意義【教學(xué)方式】案例分析式、項(xiàng)目教學(xué)【教學(xué)參考】1．<<JavaScript入門(mén)與提高>>楊浩著清華大學(xué)出版社2．<<JavaScript從入門(mén)到精通>>電腦報(bào)社出版3．TML網(wǎng)頁(yè)制作教程材義語(yǔ)編著鐵道出版社4．HTML基礎(chǔ)與實(shí)例程耀編著電子工業(yè)出版社【新課】一、設(shè)計(jì)框架網(wǎng)頁(yè)的標(biāo)志標(biāo)志一：<frameset></frameset>用于定義框架的分割方式格式：<framesetrows=水平分割的行高cols=垂直分割的行寬>說(shuō)明：（1）

rows,cols中必須選擇一個(gè)（2）

rows,cols的值有三種表示方式：數(shù)字：定的像素值；百分比：相對(duì)寬度，以當(dāng)前的瀏覽器窗口為參照；*：將剩下未被分配空間平均分配；例：1.<framesetrows=*,*,*>表示按水平方向分割，每一框架窗口占瀏覽器窗口的1/3，窗口從上到下排列；

2.<framesetcols=40%,*,*>表示按垂直方向分割，第一個(gè)窗口占40%,其余兩個(gè)窗口各占30%，窗口從左到右排列3.<framesetrows=40%,*cols=50%,*,200>表示先水平方向分割，再垂直方向分割，兩行三列排列。

40%60%50%200

標(biāo)志二：<frame>用于定義一個(gè)子框架窗口，指定窗口中顯示的網(wǎng)頁(yè)的路徑、名稱(chēng)及框架名稱(chēng)。格式：<framesrc=顯示網(wǎng)頁(yè)名稱(chēng)name=框架名稱(chēng)>例1：設(shè)計(jì)如下框架網(wǎng)頁(yè)：分析：這是一個(gè)左右結(jié)構(gòu)的框架，框架左邊窗口顯示網(wǎng)頁(yè)為1.htm,框架窗口右邊顯示網(wǎng)頁(yè)為2.htm框架結(jié)構(gòu)部分對(duì)應(yīng)網(wǎng)頁(yè)為aa.htm；程序代碼如下：1.HTM代碼：<html><bodybackground=21.jpg><p><center><fontsize=6>特別推薦</font></center><br><br><tablewidth=300border=1bgcolor=#00ffeealign=center><tr><tdalign=center><fontface=隸書(shū)size=5>文學(xué)芳草</tr><tr><tdalign=center><fontface=隸書(shū)size=5>竹林聽(tīng)海</td></tr><tr><tdalign=center><fontface=隸書(shū)size=5>梧桐樹(shù)下</td></tr><tr><tdalign=center><fontface=隸書(shū)size=5>如煙往事</td></tr><tr><tdalign=center><fontface=隸書(shū)size=5>牧歌唱晚</font></td></tr></table></body></html>

2.htm代碼如下：<html><bodybgcolor=#00ffee><center><imgsrc="0244.jpg"border=1width="280"height="400"></center></body></html>aa.htm代碼如下：<html><framesetcols=50%><framesrc=1.htmname=top><framesrc=2.htmname=bottom></frameset></html>二、框架標(biāo)志配合使用的屬性1．<frameset>標(biāo)志中的配合使用屬性：（1）framespacing:設(shè)定框架邊框線的寬度（2）frameborder:設(shè)定是否顯示框線

frameborder=0不顯示框線；frameborder=1時(shí)顯示框線；(3）

bordercolor:設(shè)定框線顏色

2．<frame>標(biāo)志中配合使用的屬性（1）scrolling:設(shè)定是否顯示滾動(dòng)條

scrolling=auto需要自動(dòng)出現(xiàn)

scrolling=yes始終出現(xiàn)

scrolling=no從不出現(xiàn)(2)

noresize:設(shè)定是否允許調(diào)整窗口大小(3)

marginwidth:框架內(nèi)網(wǎng)頁(yè)內(nèi)容與邊緣的空白區(qū)寬度（4）marginheight:框架內(nèi)網(wǎng)頁(yè)內(nèi)容與邊緣的空白區(qū)的高度

一、框架網(wǎng)頁(yè)中超級(jí)鏈接的使用例：設(shè)計(jì)如下框架網(wǎng)頁(yè)：分析：此例使用了框架嵌套，在下左窗口中設(shè)置超級(jí)鏈接，目標(biāo)窗口分別是right、_self、_blank、bottom、top.最上窗口是顯示的網(wǎng)頁(yè)12.htm,上下框架網(wǎng)頁(yè)為index.htm;左右框架網(wǎng)頁(yè)為aa.htm,左框架顯示網(wǎng)頁(yè)為1.htm,右框架顯示網(wǎng)頁(yè)為2.htm;程序代碼如下：INGEX.htm代碼：<html><framesetrows=40%,*frameborder=0><framesrc=12.htmname=top><framesrc=aa.htmname=bottom></frameset></html>12.Htm代碼：<html><bodybgcolor=#00eeff><p><center><fontcolor="#000000">

愛(ài)情究竟是什么？

</font></center></p><p><fontcolor="#000000">   <fontcolor="#000000">老媽說(shuō)：愛(ài)情是顆洋蔥頭，一片片剝下去，總有一片讓你淚流滿(mǎn)面；</font></p><p>老爸說(shuō)：愛(ài)情是感冒，既瞞不了自己，也瞞不了別人，因?yàn)槟阋种撇蛔∽约旱膰娞绾捅翘?；朋友說(shuō)：愛(ài)情是只啁啾的鳥(niǎo)，總想往高處飛，但又總要找個(gè)棲息的角落；而嗜飲咖啡的我更愿意說(shuō)：愛(ài)情是一杯香濃的咖啡。<p>既然是咖啡，光有沖泡還不夠味，因?yàn)榭傆行〇|西會(huì)漂在上面，所以還要找把小勺子，輕輕地、慢慢地來(lái)攪和，讓它們就在這一攪一拌中漸漸融合，你中有我，我中有你，散發(fā)出令人神清氣爽的醇香。</p>所以，情竇初開(kāi)的你，愛(ài)如潮水的你，濃情蜜意的你，不論應(yīng)酬有幾多，工作有多忙，時(shí)間多緊張，你都要找點(diǎn)時(shí)間，找點(diǎn)空閑，帶上你的心上人兒找個(gè)安靜、浪漫的、溫馨的地方，散散步聊聊天--因?yàn)閻?ài)情咖啡需要找把小勺慢慢攪拌。就在這搖拌中，把心搖近，把情搖濃，最后融合在一起再也分不開(kāi)。<p>關(guān)于愛(ài)情的點(diǎn)點(diǎn)滴滴，在這輕輕地?cái)嚢柚?，愈久彌香，飄散在這座城市的角角落落....</body></html>1．Htm代碼如下：<html><bodybackground=21.jpg><p><center><fontsize=6>特別推薦</font></center><br><br><tablewidth=300border=1bgcolor=#00ffeealign=center><tr><tdalign=center><fontface=隸書(shū)size=5><Ahref=fp1.htmltarget=right>文學(xué)芳草</a></tr><tr><tdalign=center><fontface=隸書(shū)size=5><ahref=fp2.htmltarget=_self>竹林聽(tīng)海</a></td></tr><tr><tdalign=center><fontface=隸書(shū)size=5><ahref=fp3.htmltarget=_blank>梧桐樹(shù)下</a>

</td></tr><tr><tdalign=center><fontface=隸書(shū)size=5><Ahref=fp5.htmltarget=bottom>如煙往事</a></td></tr><tr><tdalign=center><fontface=隸書(shū)size=5><ahref=fp6.htmltarget=top>牧歌唱晚</font></td></tr></table></body></html>二、浮動(dòng)框架基本語(yǔ)法：<iframesrc=file-urlheight=valuewidth=valuename=名稱(chēng)align=對(duì)齊方式</iframe><iframe>標(biāo)志配合使用的屬性：Src:框架中顯示的網(wǎng)頁(yè)文件路徑Width:框架寬度；height:框架高度Name:框架名稱(chēng)；align:框架對(duì)齊方式；Frameborder:(取值0和1）Framespacing:邊框線寬度Scrolling:

溫馨提示

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

評(píng)論

0/150

提交評(píng)論