果洛皆料电子有限公司

如何在Dreamweaver中嵌入式框架

  • 發(fā)布于:2019-10-05
  • 271 人圍觀

  正確使用嵌入式框架可以給網(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)。

萬企互聯(lián)
標(biāo)簽: