如何在Dreamweaver中嵌入式架構

dreamweaver

　　本文選自4u2v工作室編寫的《Dreamweaver網頁設計與製作100例》（人民郵電出版社出版，ISBN： 7115142394 ）。未經著作權所有者書面授權許可，禁止轉載本文。

　　購買地址：點擊訪問　　

　　正確使用嵌入式架構可以給網站的建立帶來許多方便，比如當單擊某個線上播放的 MP3 檔案時，就可以使用嵌入式架構進行局部重新整理。

　　效果說明

　　建立檔案，以大型網站的連結作為執行個體，當單擊連結時，該網站的內容就會出現在表格中，供使用者瀏覽。

　　創作思想

　　開啟 Dreamweaver MX 2004 軟體建立頁面及表格，表格的第一行為導覽列，第二行為內容顯示，在第二行中插入嵌入式架構代碼。

　　操作步驟

　　（ 1 ） 開啟 Dreamweaver MX 2004 軟體建立檔案，如圖 4-1 所示。

　　（ 2 ）為了便於操作，先儲存頁面，如圖 4-2 所示。

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

　　（ 4 ）添加導航文字並設定表格參數，如圖 4-4 所示。

　　（ 5 ）插入如下嵌入式架構代碼，如圖 4-5 所示。

　　<iframe width=500 height=400 name=main frameborder=0 src=http://www.doking.cn scrolling="auto"></iframe>

　　（讀者可開啟【光碟片】｜【源檔案】｜【執行個體 4 】｜【 4.1.txt 】檔案，直接複製獲得）

　　提示： iframe 的參數中 width 表示寬度， height 表示高度， name 表示名稱， frameborder 表示邊框， src 表示預設網址， scrolling 表示是否顯示頁面捲軸。

　　（ 6 ）設定文字“網易”的連結。當單擊“網易”二字時，嵌入式架構的內容就會跳轉到網易頁面，如圖 4-6 所示。

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

　　（ 8 ）儲存檔案，完成操作。

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