dreamweaver不僅可以做靜態(tài)網頁，還可以做動態(tài)網頁，在網頁制作中，常常會有相同類型的網頁，對此常常用表格來進行布局。但有時有表格布局并不能實現網頁的需求，在同一頁面下有多個子頁面時，就要使用框架結構來布局，該怎么創(chuàng)建框架結構并保存呢？下面我們分享兩個實例教程，請看下文詳細介紹。

Adobe dreamweavercs5 官方離線中文安裝版

• 類型：網頁設計
• 大小：87.67MB
• 語言：簡體中文
• 時間：2016-09-14

查看詳情

實例教程一：

1、打開Dreamweaver 軟件，設置好站點，建立新文件，類型為HTML，選擇“新建”下的“更多”

2、選擇 示例中的頁-框架頁

3、選擇自己所需要的框架結構，點擊“創(chuàng)建”（此以上下結構為例）

4、新建好后，將編輯視圖切換為“設計”，點擊 窗口-框架 ，打開框架操作面板

5、選中框架操作面板中相應框架區(qū)域，可為此框架命名

6、點擊框架分界線

7、點擊 文件-框架集另存為 保存框架

8、在框架操作面板中選中相應框架，點擊屬性面板中“源文件”右側的“瀏覽文件”指令，插入頁面

9、用此方法完成所有框架頁面的插入。完成操作后保存文件，按<F12>鍵在瀏覽器中預覽文件

實例教程二：

1、在開始菜單打開dreamweaver，打開之后，見到的第一頁默認應該是下圖所示的這樣，我們選擇html，就進入網頁的編輯窗口了。

2、如何進入框架的編輯呢，如果你的工作區(qū)不是“經典”，那就切換過來，在右上角的位置。這樣方便找到布局，當然你還可以在“修改”選項中找到框架。我們就以“經典”工作區(qū)進行編輯。

3、單擊框架右下角的黑色三角形，就出現許多種框架格式，我們選擇“頂部和嵌套的左側框架”，當然你可以根據實際需要選擇。這種框架也是比較常用的。

4、選擇“頂部和嵌套的左側框架”后會出現一個對話框，如果沒有修改的必要，那就選擇默認的就行，單擊“確定”，對框架進行編輯。

5、如果在右側沒有顯示框架的窗口，那么可以在“窗口”選項中打開框架窗口，這對于我們后來的編輯很有好處，你也可以直接按"shift+f2"快捷鍵打開。

6、我們可以對框架進行各種編輯，如修改邊框顏色和寬度。在剛剛打開的框架窗口里單擊需要編輯的那一層的邊框，或者直接單擊編輯窗口里的框架邊框，不過通常前者更加方便和直觀。這樣做之后，會出現下面的屬性。我們就可以進行各種編輯了。

7、因為框架每一個框都是一個獨立的網頁，所以保存的時候要特別注意，不僅需要保存每個網頁文件，還得保存邊框的結構。比如說剛剛我建立的哪個框架，需要保存四個文件。

以上就是dw設置框架結構的教程，希望大家喜歡，請繼續(xù)關注腳本之家。

相關推薦：

Dreamweaver怎么給網頁制作跳轉菜單?

Dreamweaver CS5怎么設計制作網頁框架?

Dreamweaver怎么使用框架結構快速制作網頁?

最新評論