DIV CSS 佈局教程網

　　正確使用嵌入式框架可以給網站的創建帶來許多方便，比如當單擊某個在線播放的 MP3 文件時，就可以使用嵌入式框架進行局部刷新。

　　效果說明

　　建立文件，以大型網站的鏈接作為實例，當單擊鏈接時，該網站的內容就會出現在表格中，供用戶浏覽。

　　創作思想

　　打開 Dreamweaver MX 2004 軟件新建頁面及表格，表格的第一行為導航欄，第二行為內容顯示，在第二行中插入嵌入式框架代碼。

　　操作步驟

　　( 1 ) 打開 Dreamweaver MX 2004 軟件新建文件，如圖 4-1 所示。

　　( 2 )為了便於操作，先保存頁面，如圖 4-2 所示。

　　( 3 )為了使頁面美觀，可插入表格，如圖 4-3 所示。

　　( 4 )添加導航文字並設置表格參數，如圖 4-4 所示。

　　( 5 )插入如下嵌入式框架代碼，如圖 4-5 所示。

　　(讀者可打開【光盤】|【源文件】|【實例 4 】|【 4.1.txt 】文件，直接復制獲得)

　　提示： iframe 的參數中 width 表示寬度， height 表示高度， name 表示名稱， frameborder 表示邊框， src 表示默認網址， scrolling 表示是否顯示頁面滾動條。

　　( 6 )設置文字“網易”的鏈接。當單擊“網易”二字時，嵌入式框架的內容就會跳轉到網易頁面，如圖 4-6 所示

　　( 7 )接著用相同的方法為“ 21CN ”和“新浪”建立超級鏈接，注意【目標】參數一定要設置為“ main ”。

　　( 8 )保存文件，完成操作。

　　本例是用一些網站的首頁來做鏈接案例的，一般這個技術適用於某些相關內容之間的浏覽，如一個教程案例需要幾個頁面顯示，那麼這幾個頁面間連接就可以用此技術來實現。