框架的高級設(shè)計框架的超級鏈接浮動框架的

1、實驗內(nèi)容1、框架的建立；2、框架的高級設(shè)計；3、框架的超級鏈接；4、浮動框架的建立。實驗?zāi)康?、熟練掌握框架的建立并完成一個簡單的框架頁面2、熟練掌握框架的高級設(shè)定并完成一個較復(fù)雜的框架頁面；3、準(zhǔn)確實現(xiàn)框架中的超級鏈接；4、夠熟練掌握浮動框架的建立。實驗重點1、框架的屬性2、框架的超級鏈接實驗難點1、浮動框架的建立（一）演示實驗項目效果1、實驗項目一創(chuàng)建簡單的框架頁面實驗項目一的效果圖2、實驗項目二框架的高級設(shè)計實例實驗項目二的效果圖3、實驗項目三實現(xiàn)框架的超級鏈接實例4、實驗項目四浮動框架的建立實例實驗項目四的效果圖（二）實驗步驟：實驗項目一創(chuàng)建簡單的框架頁面1、建立框架的基本結(jié)構(gòu)（注意：

2、frameset與body不能同時出現(xiàn)。）2、將框架水平分割（可以以數(shù)值或百分比方式設(shè)置）3、分別設(shè)定上框架和下框架的顯示的頁面（注：定義窗口框架的frameset標(biāo)記為成對標(biāo)記，而定義子窗口框架的標(biāo)記為非成對標(biāo)記。）實驗項目二框架的高級設(shè)計實例1、打開實驗項目一的源代碼，另存為一個HTML文件2、在此文件的基礎(chǔ)上將窗口框架進行水平分割，建立嵌套窗口框架3、設(shè)置子窗口框架顯示的網(wǎng)頁和名稱（右框架顯示的是圖片）注意：一定要正確設(shè)計框架的樣式。實驗項目三實現(xiàn)框架的超級鏈接實例1、在實驗二的基礎(chǔ)上，給框架名稱為up中所顯示的頁面中的按鈕圖標(biāo)建立超級鏈接，并顯示在框架名稱為down的位置。（通過tar

3、get屬性設(shè)置）2、正確設(shè)置超鏈接顯示的內(nèi)容。實驗步驟：1、打開shiyan4文件夾下的f05.html文件；2、找到有超鏈接的頁面（ shiyan4文件夾下的wssc03.html)3、對鏈接進行修改課堂練習(xí)：打開shiyan4文件夾下的f06.html文件，完成f04.html的效果。實驗項目四浮動框架的建立實例1、在wssc02.html中建立浮動框架2、設(shè)置浮動框架的屬性提示：實驗安排：1、實驗項目一學(xué)生與我同步操作2、實驗項目二學(xué)生在項目一的基礎(chǔ)上先操作幾分鐘，再由我先演示后，學(xué)生再完成3、實驗項目三由我先演示，然后跟學(xué)生同步操作4、學(xué)生在實驗項目三的基礎(chǔ)上完成一個實例的操作提示：大家要找到源文件，然后找到超鏈接的所在的位置和鏈接到的位置5、實驗項目四由我先演示，學(xué)生再獨立完成實驗小結(jié)：本次課，我們實現(xiàn)了四個實驗項目，通過這四個實驗項目我們對框架的基本內(nèi)容有更深的了解，還有很多框架的屬性在這里沒有應(yīng)用到，希望大家在課余時間也能熟練掌握它們。存在的問題：1