1、第第12章章 使用框架使用框架 框架用來拆分瀏覽器窗口，在不同的區域顯示不同的網頁?？蚣艿氖褂米尵W頁的組織變得更加有序。 框架可以更好地組織結構比較復雜的網站頁面。一般可以將導航頁面放置在某個框架之中，單擊其中的某個鏈接，鏈接的網頁將出現在另外的框架中，而導航頁面本身不發生變化。12.1 創建框架的步驟 創建框架和創建普通網頁有所區別，其具體的創建順序如下： 創建框架結構：首先需要創建一個新網頁，該網頁將作為控制框架結構的頁面，然后在Dreamweaver中將對該網頁進行拆分，從而獲得自己需要的框架結構 設置框架集和框架的屬性：接著給每個框架指定或新建一個顯示具體內容的頁面 創建鏈接：然后給每

2、個框架命名，通過“屬性面板給文本和圖像指定鏈接 保存框架網頁：最后將所有的框架網頁文件保存起來12.2 創建框架 創建框架結構在Dreamweaver窗口中新建一個文件，然后在該文件中創建框架結構。創建框架結構的兩種方法：使用預設方式創建框架結構自定義框架結構12.2.1 創建框架結構使用預設方式 2、選擇“左側和嵌套的頂部框架命令，翻開“框架標簽輔助功能屬性對話框，在其中為每個框架設定一個標題1、將“插入工具欄，切換到“規劃插入工具欄，在其中單擊“框架按鈕旁的下拉按鈕，此時將展開一個框架下拉列表3、如果要調整框架的寬度或高度，可直接用鼠標拖動框架的邊框12.2.1 創建框架結構-自定義框架結

3、構 操作步驟： 將鼠標置于網頁編輯窗口邊緣，當出現雙向箭頭時將框架邊框拖動到適當的位置，框架結構就創建出來了 將光標放在右側框架網頁中，然后在“規劃插入工具欄上展開“框架下拉列表，在其中選擇“頂部框架命令，此時將在右側的框架中插入一個嵌套的子框架12.2.1 刪除框架 如果要刪除框架，只要將光標放置于要刪除的框架的邊框之上，然后拖動框架邊框到父邊框或是網頁編輯窗口邊緣，即可刪除該框架結構12.2.2 設置框架集的屬性 設置框架集的屬性需要在“屬性面板中完成 各參數含義： 邊框：用來設定框架是否有邊框 邊框寬度：用來設定框架結構中邊框的寬度，單位是像素 邊框顏色：用來設定邊框的顏色12.2.2

4、設置框架集的屬性 操作步驟： 選擇菜單命令“窗口”“框架”，翻開“框架面板 單擊其中框架最外側的邊框，此時在“屬性面板中修改最高一層的框架集屬性：邊框為“否”，“邊框寬度為0，左側的矩形狀將“值改為170像素，而右側的矩形狀，將值改為“1相對 在“框架面板上單擊垂直方向的邊框，選中第2級框架集，在“屬性面板上設定“邊框為“否”，“邊框寬度為0，兩行高度的頂部高度設為30像素，底部框架的“單位設為“相對”，“值設為112.2.3 設置框架的屬性 在“框架面板上單擊左側框架，選中該框架 將左側的框架重命名為leftFrame，指定“源文件為navigator.html 用同樣的方法指定頂部框架名稱

5、為topFrame，指定“源文件為FrameTop.htm 再指定右側下部框架名為rightFrame，“源文件為desktop.htm12.2.4 設置無框架內容 有些瀏覽器并不支持框架，對于這樣的瀏覽器應該給一些提示信息，讓這部分瀏覽者也能夠 了解框架網頁的大致內容。通過設置無框架內容可解決此問題。 操作步驟： 在框架網頁的編輯窗口下，選擇菜單命令“修改”“框架頁”“編輯無框架內容”，此時網頁框架消失，同時出現完整的編輯窗口，窗口上方標注“無框架內容” 此時就可以和編輯普通網頁一樣，在其中添加或編輯無框架時顯示的內容。一般都是一些提示性的信息，讓瀏覽者知道自己的瀏覽器不支持框架即可 完成無框架內容編輯后，再次選擇菜單命令“修改”“框架頁”“編輯無框架內容就可退出編輯無框架內容狀態12.2.5 框架內的鏈接 此時每個框架網頁都是一個單獨的網頁，在對框架網頁進行編輯時，只需將光標放在框架中的頁面內，就可以和編輯普通頁面一樣對框架網頁進行編輯。 這里我們在左側的頁面中給“文本“基本情況添加鏈接，當單擊該鏈接后，將在右側的框架中顯示update.html。12.2.5 框架內的鏈接 操作步驟 選中文字“基本情況”，在“屬性面板上“鏈接文本框中指定要鏈接的網頁update.html 翻開“目的下拉列