正確使用嵌入式框架可以給網(wǎng)站的創(chuàng)建帶來許多方便,比如當(dāng)單擊某個(gè)在線播放的 MP3 文件時(shí),就可以使用嵌入式框架進(jìn)行局部刷新。
效果說明
建立文件,以大型網(wǎng)站的鏈接作為實(shí)例,當(dāng)單擊鏈接時(shí),該網(wǎng)站的內(nèi)容就會(huì)出現(xiàn)在表格中,供用戶瀏覽。
創(chuàng)作思想
打開 Dreamweaver MX 2004 軟件新建頁面及表格,表格的第一行為導(dǎo)航欄,第二行為內(nèi)容顯示,在第二行中插入嵌入式框架代碼。
操作步驟
?。?1 ) 打開 Dreamweaver MX 2004 軟件新建文件,如圖 4-1 所示。
?。?2 )為了便于操作,先保存頁面,如圖 4-2 所示。
( 3 )為了使頁面美觀,可插入表格,如圖 4-3 所示。
?。?4 )添加導(dǎo)航文字并設(shè)置表格參數(shù),如圖 4-4 所示。
?。?5 )插入如下嵌入式框架代碼,如圖 4-5 所示。
<iframe width=500 height=400 name=main frameborder=0 src=http://www.doking.cn scrolling="auto"></iframe>
?。ㄗx者可打開【光盤】|【源文件】|【實(shí)例 4 】|【 4.1.txt 】文件,直接復(fù)制獲得)
提示: iframe 的參數(shù)中 width 表示寬度, height 表示高度, name 表示名稱, frameborder 表示邊框, src 表示默認(rèn)網(wǎng)址, scrolling 表示是否顯示頁面滾動(dòng)條。
?。?6 )設(shè)置文字“網(wǎng)易”的鏈接。當(dāng)單擊“網(wǎng)易”二字時(shí),嵌入式框架的內(nèi)容就會(huì)跳轉(zhuǎn)到網(wǎng)易頁面,如圖 4-6 所示。
?。?7 )接著用相同的方法為“ 21CN ”和“新浪”建立超級(jí)鏈接,注意【目標(biāo)】參數(shù)一定要設(shè)置為“ main ”。
?。?8 )保存文件,完成操作。
本例是用一些網(wǎng)站的首頁來做鏈接案例的,一般這個(gè)技術(shù)適用于某些相關(guān)內(nèi)容之間的瀏覽,如一個(gè)教程案例需要幾個(gè)頁面顯示,那么這幾個(gè)頁面間連接就可以用此技術(shù)來實(shí)現(xiàn)。