項(xiàng)目六任務(wù)2制作班級(jí)網(wǎng)站子頁(yè)----浮動(dòng)框架網(wǎng)頁(yè).

1、工程六設(shè)計(jì)制作“班級(jí)網(wǎng)站教學(xué)班級(jí)課時(shí)任課教師仝素梅2授課課題任務(wù)2制作班級(jí)網(wǎng)站子頁(yè)-浮動(dòng)框架網(wǎng)頁(yè)教學(xué)目標(biāo)：1. 了解浮動(dòng)框架在網(wǎng)頁(yè)中的應(yīng)用。2 .掌握浮動(dòng)框架網(wǎng)頁(yè)的制作方法。教學(xué)重點(diǎn)：1 .浮動(dòng)框架網(wǎng)頁(yè)的制作方法。2 .浮動(dòng)框架網(wǎng)頁(yè)的鏈接方法。教學(xué)難點(diǎn)1. 浮動(dòng)框架網(wǎng)頁(yè)的制作方法。2. 浮動(dòng)框架網(wǎng)頁(yè)的鏈接方法。教學(xué)環(huán)境機(jī)房+電子教室教學(xué)過(guò)程教學(xué)內(nèi)容上節(jié)回憶上節(jié)課學(xué)習(xí)了框架和框架集的創(chuàng)立與編輯方法，以及框架和框架集屬性的設(shè)置方法。請(qǐng)同學(xué)們答復(fù)兩個(gè)問(wèn)題1. 三個(gè)框架組成的網(wǎng)頁(yè)有幾個(gè)？它們的默認(rèn)名字分別是什么？2. 框架網(wǎng)頁(yè)的標(biāo)記有哪新課講授些？一.設(shè)置浮動(dòng)框架浮動(dòng)框架是一種特殊的框架頁(yè)面，在瀏覽器

2、窗口中可以嵌套子窗口，在其中顯示頁(yè)面的內(nèi)容浮動(dòng)框力架可以插入在頁(yè)面中的任意位置浮動(dòng)框架需要用手與代碼的方浮動(dòng)框架需要用手寫代碼的方 式來(lái)實(shí)現(xiàn)。1 .設(shè)置浮動(dòng)框架一一vlFRAME>標(biāo)記<IFRAME> , </IFRAME> 標(biāo)記屬性說(shuō)明：ALIGN= “ LEFT , RIGHT , CENTER ：指定浮動(dòng)框架的對(duì)齊方式左對(duì) 齊、居中、右對(duì)齊BORDER=“ n：指定浮動(dòng)框架的框線大小僅適用于IE4 BORDERCOLOR= “ #RRGGBB "或“，：指定浮動(dòng)框架的框線顏色FRAMEBORDER= “ 1,0 ：指定浮動(dòng)框架的框線顯示與否HEIG

3、HT=指定浮動(dòng)框架的高度n :MARGINHEIGHT=“n：指定浮動(dòng)框架的上下邊界大小NAME= “：指定浮動(dòng)框架的名稱=22 2-"ES , NO ：指定浮動(dòng)框架的卷軸顯示與否SRC= “ URL ：指定浮動(dòng)框架的來(lái)源網(wǎng)頁(yè)的相對(duì)或絕對(duì)位置WIDTH= “n ：指定浮動(dòng)框架的寬度特殊的 TARGET屬性值除了我們使用 FRAME標(biāo)記為框架指定的名稱，TARGET屬性的值也可以是如表6-1所示的特殊名稱。屬性值用途TARGET “ =框架名稱將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在雙引號(hào)所指定的框架名稱中TARGET “ = self 11 U 1將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在目前的框架中

4、TARGET= “ blank 將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在新翻開的窗口中TARGET “ = pare nt 將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在目前文件的父框架中TARGET “ = top 將超鏈接或熱 所連接的網(wǎng)頁(yè)顯示在瀏覽器窗口，取消所有框架關(guān)于上述的屬性值，有以下幾個(gè)本卷須知：假設(shè)超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)位于其他網(wǎng)站，而您不希望瀏覽者就此離開您的網(wǎng)頁(yè)，可以使用 TARGET= “_blank ，將所連接的網(wǎng)頁(yè)顯示在新窗口，這樣您的網(wǎng)頁(yè)也會(huì)顯示在屏幕上。如果您想將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在沒(méi)有框架的網(wǎng)頁(yè)，可以使用TARGET= “ _top 。當(dāng)沒(méi)有使用TARGET屬性時(shí)，表示將

5、超鏈接或熱點(diǎn)所連接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在目前的框架中。當(dāng)使用BASE標(biāo)記的TARGET屬性指定目標(biāo)框架時(shí)，表示將全部超鏈接或 熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在指定的框架中。<a href="11wa ng.html" target="iframe">3 .將“友好班級(jí)網(wǎng)頁(yè)和“班級(jí)網(wǎng)站首頁(yè)進(jìn)行鏈接，制作網(wǎng)頁(yè)效果圖如下:隨堂實(shí)訓(xùn)制作一個(gè)浮動(dòng)框架網(wǎng)頁(yè)并和首頁(yè)鏈接。小結(jié)制作框架網(wǎng)頁(yè)技巧：1.使用包含框架的網(wǎng)頁(yè)，必須先對(duì)框架集文件和框架進(jìn)行保存。2 .選擇框架通常有兩種方法：按住 “ Al鍵t ，在框架內(nèi)部單擊某個(gè)框架，即可選中框架。在“框架面板中單擊某個(gè)框架

6、，即可選中框架。3 .選擇框架集通常有兩種方法：在 Dreamweaver CS4 主窗口中，單擊采單窗口宀框 架或按組合鍵“Shift+F2，翻開如下列圖的“框架面板。 在面板中單擊框架的外層邊框即可選中框架在包含框架的網(wǎng)頁(yè)文檔中，將鼠標(biāo)指向框架最外的邊框線，當(dāng)鼠標(biāo)變成雙向箭頭形狀時(shí)，單擊鼠標(biāo)左鍵即可選中框架集。布置作業(yè)f 。 一、選擇題1. 在Dreamweaver中，關(guān)于為框架設(shè)置鏈接，說(shuō)法正確的有A設(shè)置鏈接前，必須給目標(biāo)框架命名。B設(shè)置鏈接前，可以不給目標(biāo)框架命名。C將鏈接的目標(biāo)指向目標(biāo)框架的名稱。D 以上說(shuō)法都錯(cuò)。2. 在框架屬性面板中不能定義。A是否有邊框B邊框的顏色C邊框的寬度D源文件3. 一個(gè)包含三個(gè)框架的框架集對(duì)應(yīng)個(gè)網(wǎng)頁(yè)文件。A3 B 4 C 5 D 6 二、簡(jiǎn)答題1什么是框架？2. 怎樣設(shè)置框架的屬性？3. 怎么設(shè)置框架的鏈接？4 .浮動(dòng)框架有什么特點(diǎn)？教學(xué)后記利用框架設(shè)計(jì)網(wǎng)頁(yè)經(jīng)常被應(yīng)用在網(wǎng)站的制作中，特別是在論壇中有著廣泛的應(yīng)用?？蚣茉O(shè)計(jì)不僅在結(jié)構(gòu)上顯得主次清楚，在進(jìn)行網(wǎng)頁(yè)維護(hù)時(shí)也是非常省時(shí)省力。利用框