【正文】 圖 522【插入】面板組中的【框架】 選項卡的框架類型 圖 5 23頂部和嵌套的左側(cè)框架 1. 拆分框架 拆分框架的操作步驟如下。 （ 1） 單擊要拆分的框架內(nèi)部，使光標定位在該框架中。 （ 2） 選擇【修改】 |【框架頁】命令，然后選擇【拆分左框架】、【拆分右框架】、【拆分上框架】、【拆分下框架】 4個命令中的一個命令來完成框架的拆分。 （ 3） 按住 Alt鍵不放，再用鼠標拖曳邊框線，也可以拆分框架。 框架的調(diào)整、拆分和刪除 2. 調(diào)整框架 拖曳鼠標調(diào)整框架的步驟如下。 （ 1） 將鼠標指針放在兩個框架的邊框上，鼠標指針變成雙箭頭。 （ 2） 用鼠標拖曳邊框到合適的位置，然后釋放鼠標，可以調(diào)整框架的大小。 （ 3） 如需要精確地定義框架的尺寸時，在框架集的【屬性】面板中設(shè)置參數(shù)可精確地調(diào)整框架。 3. 刪除框架 刪除框架是創(chuàng)建框架的逆向操作，其操作方法如下： 將鼠標指向要刪除的框架邊框，當光標變成雙向箭頭時，拖動鼠標到上一級框架的上下或左右邊框線處，松開鼠標即可刪除框架。 當框架面板中的信息顯示為【沒有名稱】時，表明當前無框架。 對框架操作前，先要選擇框架和框架集。比較好的操作方法是使用框架面板和用鼠標操作。選擇框架和框架集的操作方法有以下 3種。 (1) 選擇 【窗口】 |【其他】 |【框架】命令，或按Shift+F2快捷鍵，也可以單擊【高級布局】浮動面板中的【框架】選項卡，打開【框架】面板，如圖524所示。然后在【框架】面板中單擊框架邊框線，可選擇由多個框架構(gòu)成的框架集。單擊某個框架區(qū)域可選擇該框架。 框架和框架集的選擇與屬性設(shè)置 圖 524【框架】面板 (2) 在網(wǎng)頁編輯窗口中，按住 Alt鍵，然后單擊要選中的框架的任意位置，便可選中該框架。 (3) 如果選中一個框架，按住 Alt 鍵，然后按鍵盤上的左、右箭頭鍵，可以選中同一級別的框架。按住Alt 鍵，然后按鍵盤上的向上箭頭鍵，可以選中當前框架的上一級框架，連續(xù)重復操作，可以選中整個框架集。 某個框架被選中時，框架的邊框上會顯示虛線。 框架和框架集有各自的【屬性】面板?？蚣堋緦傩浴棵姘蹇捎脕碓O(shè)置框架的名稱、框架的源文件、框架的滾動特性、框架邊框特性等框架屬性。框架集【屬性】面板可用來設(shè)置框架的大小、框架邊框線的顏色和寬度。 框架和框架集的屬性設(shè)置 1. 設(shè)置框架集屬性 Dreamweaver MX默認的框架集屬性是無邊界、無滾動條、禁止改變框架的大小。在打開的框架集【屬性】面板中，可以改變框架集屬性。設(shè)置框架集屬性的操作步驟如下。 （ 1） 單擊兩個框架的公共邊框線，或單擊框架集【面板】中框架的最外圍的邊框線，選擇要改變屬性的框架集。 （ 2） 此時屏幕顯示的是框架集【屬性】面板，如圖 525所示。 圖 525框架集 (框架組 )【屬性】面板 在框架集【屬性】面板中，各項參數(shù)的意義如下。 覽器窗口中顯示的情況。選擇【是】選項，以立體效果顯示框架的邊框； 選擇【否】選項，不顯示框架的邊框； 選擇【默認】選項，由瀏覽器決定是否顯示框架。 邊框?qū)挾取? 色。 被選中部分，淺色為框架未選中部分。 定選中的行或列的尺寸與單位。設(shè)置框架行、列尺寸有 3種單位： 【像素】表示用像素作單位； 【百分比】表示用百分比作單位； 【相對】表示與另一部分子框架的相對寬度。 （ 3） 完成設(shè)置后，在網(wǎng)頁編輯窗口能直接見到定義好的框架集。 2. 設(shè)置框架屬性 創(chuàng)建框架后可以打開框架【屬性】面板，來設(shè)置和改變框架屬性。設(shè)置框架屬性的操作步驟如下。 （ 1） 按住 Alt鍵并單擊一個框架，或單擊框架面板中的相應的框架，可選中一個框架。 （ 2） 此時網(wǎng)頁編輯區(qū)下方顯示的便是框架【屬性】面板，如圖 526所示。 圖 526框架【屬性】面板 框架【屬性】面板中，各項參數(shù)具體意義如下。 框架名稱將被用于超鏈接的【目標】下拉列表框中。框架名稱只能用字母、數(shù)字及下劃線，不允許用連字符、引號、句號或空格。 件，設(shè)置框架源文件的 URL。 在【滾動】下拉列表框中，可設(shè)置是否允許有滾動條。 覽器窗口中顯示的情況。 選中【不能調(diào)整大小】復選框，則禁止改變框架的尺寸。 在【邊框顏色】文本框中，設(shè)置框架邊框的顏色。 與框架左右邊界的距離。 與框架上下邊界的距離。 框架里的內(nèi)容主要是 HTML文檔，在一個網(wǎng)頁中創(chuàng)建了框架結(jié)構(gòu)后，可在框架【屬性】面板中設(shè)置框架頁面的超鏈接?？蚣芙Y(jié)構(gòu)的網(wǎng)頁制作完成后，可以分別保存每個框架文檔，也可單獨保存框架集文檔，還可以將整個框架集與它的各個框架文檔一起保存。不同的方式的操作方法如下所述。 框架和框架集的保存 1. 保存框架文檔 （ 1） 在網(wǎng)頁編輯區(qū)窗口中，選中要保存的框架。 （ 2） 選擇【文件】 |【保存框架】命令，就可保存該框架文件。 （ 3） 若該框架文件尚未保存過，則系統(tǒng)會打開文件【存儲為】對話框，輸入正確的文件名和路徑，按【保存】按鈕便可保存該框架文檔。若該框架文件已保存過，則該操作在原有的基礎(chǔ)上保存該框架文檔。 2. 保存框架集文檔 （ 1） 在網(wǎng)頁編輯區(qū)窗口中，單擊框架最外層邊框，選中框架集。 （ 2） 選擇【文件】 | 【保存框架頁】命令，可保存框架集文檔。 （ 3） 如果希望將框架集文檔用另外的路徑或文件名保存，應選擇【文件】 | 【框架頁另存為】命令，可另存框架頁文檔。 3. 保存框架集中所有文檔 如果當前網(wǎng)頁是由多個框架構(gòu)成，分別保存每個框架文件很麻煩，此時可采用一次保存框架集中所有文檔的方法。 （ 1） 選擇【文件】 |【保存全部】命令。 （ 2） 系統(tǒng)先保存框架集文檔，然后再保存框架集中其他的框架文檔。 （ 3） 若框架集中有尚未保存過的框架文件，則系統(tǒng)會打開文件【保存】為對話框，輸入正確的文件名和路徑，單擊【保存】按鈕可保存該框架文檔。 例 5 3制作一個如圖 527所示的網(wǎng)頁頁面，頁面是框架結(jié)構(gòu)，瀏覽時用鼠標單擊頁面左邊的按鈕時，在主框架（ MainFrame） 中顯示不同網(wǎng)頁頁面，文件用 exa5 My site文件夾中。 完成本例的操作步驟如下。 （ 1） 選擇【插入】 |【框架】 |【上方及左側(cè)嵌套】命令，在頁面中插入如圖 5 27所示的框架，并調(diào)整到合適位置。 框架應用實例 圖 527 框架應用實例示意圖 （ 2） 選擇【修改】 |【頁面屬性】命令，分別給leftframe、 mainframe設(shè)置背景顏色為 CCFFFF、99ffcc。 （ 3） 單擊【插入】面板組的【常用】選項卡的【 Flash】 按鈕，在框架 topframe的合適位置上插入用 Flash制作的動畫文件 。 （ 4） 將文件夾 ch05中 mainframe中，用表格為文字定位。 （ 5） 在 leftframe中插入 120 160像素的層，在層中插入寬度為 120像素的 4行 1列的表格。 （ 6） 在表格中分別插入 ch05＼ jpg文件夾中的圖片文件 、 、 、 。 （ 7） 選中【現(xiàn)代文學】按鈕，在圖片【屬性】面板的【鏈接】文本框中設(shè)置鏈接對象為 My site文件夾中的 ， 在【目標】下拉列表框中選擇鏈接對象顯示的框架為 mainframe。 （ 8） 用同樣的方法分別選中【生活藝術(shù)】、【文化教育】、【科學技術(shù)】３個按鈕，為它們建立名為 、 、 ，并設(shè)置鏈接對象顯示的框架為 mainframe。 （ 9） 選擇【文件】 |【保存全部框架】命令，用exa5 ，用 、 、左框架和主框架文件，這些文件都保存在 My site文件夾中。 （ 10） 按 F12鍵預覽頁面，單擊【現(xiàn)代文學】等按鈕，在 mainframe中可顯示有關(guān)網(wǎng)頁的頁面。 介紹了 Drameweaver MX中的 3種頁面定位工具 —— 表格、層和框架，重點介紹了表格、層和框架在設(shè)計網(wǎng)頁時的定位作用以及表格、層、框架的創(chuàng)建、編輯和屬性設(shè)置等操作。 重點知識有： 表格、層、框架和框架集的創(chuàng)建、選擇、編輯、保存等操作方法，表格、層、框架和框架集的各種屬性設(shè)置，在表格、層和框架中輸入各種網(wǎng)頁元素的方法，布局表格和布局單元格的應用、表格樣式化、外部數(shù)據(jù)導入表格、層及嵌套層、層的疊放次序、層的可見性、框架中網(wǎng)頁的鏈接和顯示方法等。 本章摘要與重點回顧