6 框架元素的基本操作

1、實(shí)驗(yàn)六實(shí)驗(yàn)六框架元素的基本操作框架元素的基本操作【實(shí)驗(yàn)?zāi)康摹?.理解框架和框架集的相關(guān)概念；2.掌握簡(jiǎn)單結(jié)構(gòu)框架（頂部框架和左側(cè)框架）的創(chuàng)建方法；3.掌握復(fù)雜結(jié)構(gòu)框架（頂部嵌套左側(cè)框架）的創(chuàng)建方法；4.掌握框架結(jié)構(gòu)中的添加鏈接的方法?！緦?shí)驗(yàn)內(nèi)容】一、創(chuàng)建框架一、創(chuàng)建框架1.創(chuàng)建一個(gè)上下結(jié)構(gòu)框架（頂部框架），分別命名為：f_ud.htm、f_u.htm、f_d.htm，在IE瀏覽器中瀏覽網(wǎng)頁(yè)顯示效果。（提示：先保存框架，后保存框架集）2.

2、創(chuàng)建一個(gè)左右結(jié)構(gòu)框架（左側(cè)框架），分別命名為：f_lr.htm、f_l.htm、f_r.htm，在IE瀏覽器中瀏覽網(wǎng)頁(yè)顯示效果。3.在Dreamweaver代碼窗口，把前面創(chuàng)建的左側(cè)框架（f_lr.htm）嵌套到頂部框架（f_ud.htm）的下窗口中，形成一個(gè)復(fù)雜結(jié)構(gòu)框架（頂部嵌套左側(cè)框架），如右圖所示；分析這個(gè)（頂部嵌套左側(cè)）框架各個(gè)窗口之間的關(guān)系；在IE瀏覽器中瀏覽網(wǎng)頁(yè)顯示效果。4.總結(jié)前面的實(shí)驗(yàn)所演示的方法，自己設(shè)計(jì)另一個(gè)復(fù)雜結(jié)構(gòu)

3、框架。5.在Dreamweaver框架屬性面板上設(shè)置各個(gè)框架和框架集的屬性，并在代碼窗口內(nèi)觀察并理解各標(biāo)記屬性的意義。二、框架結(jié)構(gòu)中的添加鏈接二、框架結(jié)構(gòu)中的添加鏈接在前面創(chuàng)建的雜結(jié)構(gòu)框架（頂部嵌套左側(cè)框架：f_ud.htm）中完成下面操作：1.把上窗口命名為U、左窗口為L(zhǎng)、主窗口為MAIN；2.在頁(yè)面中添加文字，如右圖所示；3.在左窗口中添加鏈接，鏈接目標(biāo)為主窗口；4.在上窗口中添加鏈接，“央視國(guó)際網(wǎng)”的鏈接目標(biāo)為主窗口、“海南在線”

4、的鏈接目標(biāo)為下窗口、“海南師范大學(xué)”的鏈接目標(biāo)為整個(gè)窗口。5.在IE瀏覽器中瀏覽網(wǎng)頁(yè)，點(diǎn)出鏈接，觀察鏈接效果。6.利用Dreamweaver提供的框架工具按鈕，如圖所示，直接創(chuàng)建一個(gè)“頂部和嵌嵌套的左側(cè)框架”，并試圖完成上例所需求的鏈接?！締栴}思考】1.比較實(shí)驗(yàn)中所示的兩種創(chuàng)建復(fù)雜結(jié)構(gòu)框架的方法，它們?cè)趯?shí)現(xiàn)不同鏈接時(shí)哪一種更靈活？【操作提示】實(shí)例所演示的復(fù)雜結(jié)構(gòu)框架方法為：先創(chuàng)建簡(jiǎn)單結(jié)構(gòu)的框架，再由簡(jiǎn)單結(jié)構(gòu)的框架組合而成更復(fù)雜結(jié)構(gòu)框架。