第11章 在網(wǎng)頁中的使用框架

第11章在網(wǎng)頁中的使用框架主講人11.1認識框架與框架集11.1.1框架的優(yōu)缺點框架的概念框架是網(wǎng)頁設(shè)計中常用的技術(shù)，使用框架能將幾個不同的HTML文檔顯示在同一個瀏覽器窗口中，利用這一技術(shù)將頁面分成不同的區(qū)域，分別在這些區(qū)域中顯示不同的內(nèi)容?？蚣艿膬?yōu)缺點框架的優(yōu)勢在于可以代替頁面的幾個部分，每個框架都具有各自的滾動條，訪問者可以獨立滾動這些框可能難以實現(xiàn)不同框架中各元素的精確圖形對齊，對導航進行測試可能很耗時間11.1認識框架與框架集11.1.2框架與框架集框架：是瀏覽器窗口中的一個區(qū)域，它可以急示與瀏覽器窗口中其他區(qū)域內(nèi)容不同的HTML文檔。兩個或兩個以上的框架組合成一個網(wǎng)頁?？蚣芗菏且粋€HTML文件，它定義了一組框架的布局和屬性，包括框架的數(shù)目、大小和位置以及在每個框架中初始顯示的URL11.2框架集的創(chuàng)建11.2.1使用預定義框架集單擊“布局”工具欄中【框架】按鈕右側(cè)的箭頭，在列表中選擇擇要使用的框架集類型11.2框架集的創(chuàng)建11.2.2創(chuàng)建框架集（1）【文件】→【新建】命令，（2）彈出“新建文檔”對話框，在左側(cè)“類別”列表中選擇“框架集”，在右側(cè)的列表中選擇要應用的框架集類型11.2框架集的創(chuàng)建11.2.3創(chuàng)建嵌套框架集嵌套框架集是在指另一個框架集之內(nèi)的框架集常見的框架布局是左側(cè)有一個框架顯示欄目名稱，在右側(cè)有兩個框架，一個為標題框架和一個內(nèi)容框架。此布局要求嵌套的框架集有：一個兩列的框架集，在右側(cè)框架中嵌了一個兩行的框架集11.3框架操作11.3.1選擇框架和框架集如果選定了一個框架集后，在窗體中，該框架集的所有框架都被虛線環(huán)繞11.3框架操作11.3.2在框架中打開文檔（1）執(zhí)行【文件】→【在框架中打開】命令，打開“HTML文件”對話框。（2）選擇要在該框架中打開的文檔，然后單擊【確定】按鈕，該文檔隨即顯示在框架中。（3）為了使打開的文檔成為在瀏覽器中打開框架默認顯示的文檔，將該框架集保存即可11.3框架操作11.3.3保存框架集（1）執(zhí)行【文件】→【保存框架集】命令，若要將框架集文件別存為新文件，可執(zhí)行文件框架集另存為命令。（2）在“另存為”對話框中選擇保存框架集的位置，并命名框架集。（3）單擊【保存】按鈕，完成框架集的保存。11.4設(shè)置框架和框架集屬性11.4.1查看和設(shè)置框架屬性執(zhí)行【窗口】→【框架】命令，打開框架面板11.4設(shè)置框架和框架集屬性11.4.2改變框架的背景色在“屬性”面板中，單擊【頁面屬性】按鈕11.4設(shè)置框架和框架集屬性11.4.3查看和設(shè)置框架集屬性選擇框架集后在“屬性”面板中查看框架集屬性，單擊“屬性”檢查器右下角的【擴展箭頭】，可以查看所有屬性11.4.4設(shè)置框架集標題選擇框架集,然后執(zhí)行【修改】→【頁面屬性】命令，打開“頁面屬性”對話框,在“分類”列表中選擇元過去時“標題/編碼”類別在“標題”文本框內(nèi)輸入框架集標題11.4設(shè)置框架和框架集屬性11.4.5編輯框架刪除框架拆分框架方法一：選擇【修改】→【框架頁】命令，然后從子菜單選項中選擇拆分項。方法二：要以垂直或水平方式拆分一個框架或一組框架，可將框架邊框