第四章 網(wǎng)頁布局(2)—框架.ppt

1、主講：李玉娟 郵箱： ,網(wǎng)頁設計與制作,第四章 網(wǎng)頁布局 框架,認識框架和框架集 框架和框架集的創(chuàng)建 框架和框架集的選擇和刪除 框架和框架集的保存 框架和框架集的屬性設置 處理不能顯示框架的瀏覽器 框架的鏈接,認識框架和框架集,框架是將一個頁面劃分成不同的文檔區(qū)，每個文檔區(qū)顯示獨立的內(nèi)容，其效果是在瀏覽網(wǎng)頁時，網(wǎng)頁中一部分區(qū)域（如公司Logo、導航條）內(nèi)容不改變，而其他區(qū)域內(nèi)容在不斷發(fā)生改變。 框架集是HTML文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、大小、位置以及在框架中初始顯示頁面的地址?？蚣芗募旧聿话跒g覽器中顯示的網(wǎng)頁內(nèi)容（對不能顯示框架的瀏覽器進行的處理除外，即部分）

2、，框架集文件只是向瀏覽器提供應如何顯示一組框架以及在這些框架中應顯示哪些網(wǎng)頁的有關信息。,框架和框架集的創(chuàng)建,在“插入”欄插入預定義的框架集 創(chuàng)建預定義框架集 手動設計框架,在“插入”欄插入預定義的框架集,在Dreamweaver 8中預定義了一些框架集樣式，需要使用時直接插入即可。,創(chuàng)建預定義框架集,手動設計框架,框架和框架集的選擇和刪除,認識“框架”面板 選擇框架與框架集 刪除框架,認識“框架”面板,“框架”面板中顯示所創(chuàng)建的框架結(jié)構(gòu)，并在不同的框架區(qū)域中顯示框架的名稱。當在框架網(wǎng)頁中新建、刪除框架，或修改框架的尺寸、名稱等時，“框架”面板中的示意圖會跟隨變化。,選擇框架與框架集,在編輯窗

3、口中選擇 在“框架”面板中選擇,在編輯窗口中選擇,在編輯窗口中選擇框架的方法很簡單，按住【Alt】鍵，在要選擇的框架內(nèi)單擊鼠標左鍵即可。被選取的框架邊框呈虛線顯示。 選擇框架集時，單擊框架邊框即可，選取的所有框架邊框呈虛線。,在“框架”面板中選擇,在“框架”面板中單擊框架區(qū)域中的任意位置即可選擇框架，選中的框架以粗黑框顯示。 在“框架”面板中單擊框架邊框即可選擇框架集，如果要選擇整個框架集，只需單擊框架最外面的邊框即可。,刪除框架,如果窗口中有不需要的框架，可將其刪除，用鼠標將要刪除框架的邊框拖到父框架邊框上或拖離頁面即可。,框架和框架集的保存,保存框架與框架集之后才能在瀏覽器中瀏覽用框架布局

4、的網(wǎng)頁。每個框架包含一個網(wǎng)頁，一個框架集則包含多個網(wǎng)頁，在保存時應保存所有的框架與框架集。 保存框架 保存框架集 保存框架集中的所有網(wǎng)頁,保存框架,將插入點定位到要保存的框架中。 選擇文件保存框架菜單命令，在打開的“另存為”對話框中像保存其他網(wǎng)頁一樣指定保存路徑和文件名，然后單擊“保存”按鈕即可。,保存框架集,選中要保存的框架集。 選擇文件保存框架頁菜單命令，打開“另存為”對話框。 在“保存在”下拉列表框中選擇框架集的保存路徑，在“文件名”文本框中為框架集命名。 單擊“保存”按鈕即可保存框架集。,保存框架集中的所有網(wǎng)頁,框架和框架集的屬性設置,框架集的屬性設置 框架集文檔標題的設置 框架的屬性設置,框架集的屬性設置,使用框架集屬性面板可以查看和設置大多數(shù)框架集屬性。,框架集文檔標題的設置,當訪問者在瀏覽器中查看該框架集時，標題將顯示在瀏覽器的標題欄中。,框架的屬性設置,處理不能顯示框架的瀏覽器,由于在低版本的瀏覽器中不能正確顯示使用了框架的網(wǎng)頁和框架中的內(nèi)容，因此在Dreamweaver 8中允許指定在不支持框架的基于文本的瀏覽器和較舊的圖形瀏覽器中顯示內(nèi)容。此類內(nèi)容存儲在框架集文件中，用標簽括起來。當不支持框架的瀏覽器加載該框架集文件時，瀏覽器只顯示用標簽括起來