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

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

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

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

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