【正文】 重點(diǎn)知識(shí)有： 表格、層、框架和框架集的創(chuàng)建、選擇、編輯、保存等操作方法，表格、層、框架和框架集的各種屬性設(shè)置，在表格、層和框架中輸入各種網(wǎng)頁元素的方法，布局表格和布局單元格的應(yīng)用、表格樣式化、外部數(shù)據(jù)導(dǎo)入表格、層及嵌套層、層的疊放次序、層的可見性、框架中網(wǎng)頁的鏈接和顯示方法等。 （ 10） 按 F12鍵預(yù)覽頁面，單擊【現(xiàn)代文學(xué)】等按鈕，在 mainframe中可顯示有關(guān)網(wǎng)頁的頁面。 （ 8） 用同樣的方法分別選中【生活藝術(shù)】、【文化教育】、【科學(xué)技術(shù)】３個(gè)按鈕，為它們建立名為 、 、 ，并設(shè)置鏈接對(duì)象顯示的框架為 mainframe。 （ 6） 在表格中分別插入 ch05＼ jpg文件夾中的圖片文件 、 、 、 。 （ 4） 將文件夾 ch05中 mainframe中，用表格為文字定位。 框架應(yīng)用實(shí)例 圖 527 框架應(yīng)用實(shí)例示意圖 （ 2） 選擇【修改】 |【頁面屬性】命令，分別給leftframe、 mainframe設(shè)置背景顏色為 CCFFFF、99ffcc。 完成本例的操作步驟如下。 （ 3） 若框架集中有尚未保存過的框架文件，則系統(tǒng)會(huì)打開文件【保存】為對(duì)話框，輸入正確的文件名和路徑，單擊【保存】按鈕可保存該框架文檔。 （ 1） 選擇【文件】 |【保存全部】命令。 （ 3） 如果希望將框架集文檔用另外的路徑或文件名保存，應(yīng)選擇【文件】 | 【框架頁另存為】命令，可另存框架頁文檔。 2. 保存框架集文檔 （ 1） 在網(wǎng)頁編輯區(qū)窗口中，單擊框架最外層邊框，選中框架集。 （ 3） 若該框架文件尚未保存過，則系統(tǒng)會(huì)打開文件【存儲(chǔ)為】對(duì)話框，輸入正確的文件名和路徑，按【保存】按鈕便可保存該框架文檔。 框架和框架集的保存 1. 保存框架文檔 （ 1） 在網(wǎng)頁編輯區(qū)窗口中，選中要保存的框架?？蚣芙Y(jié)構(gòu)的網(wǎng)頁制作完成后，可以分別保存每個(gè)框架文檔，也可單獨(dú)保存框架集文檔，還可以將整個(gè)框架集與它的各個(gè)框架文檔一起保存。 與框架上下邊界的距離。 在【邊框顏色】文本框中，設(shè)置框架邊框的顏色。 覽器窗口中顯示的情況。 件，設(shè)置框架源文件的 URL。 框架名稱將被用于超鏈接的【目標(biāo)】下拉列表框中。 （ 2） 此時(shí)網(wǎng)頁編輯區(qū)下方顯示的便是框架【屬性】面板，如圖 526所示。設(shè)置框架屬性的操作步驟如下。 （ 3） 完成設(shè)置后，在網(wǎng)頁編輯窗口能直接見到定義好的框架集。 定選中的行或列的尺寸與單位。 色。選擇【是】選項(xiàng)，以立體效果顯示框架的邊框； 選擇【否】選項(xiàng)，不顯示框架的邊框； 選擇【默認(rèn)】選項(xiàng)，由瀏覽器決定是否顯示框架。 圖 525框架集 (框架組 )【屬性】面板 在框架集【屬性】面板中，各項(xiàng)參數(shù)的意義如下。 （ 1） 單擊兩個(gè)框架的公共邊框線，或單擊框架集【面板】中框架的最外圍的邊框線，選擇要改變屬性的框架集。在打開的框架集【屬性】面板中，可以改變框架集屬性?？蚣芗緦傩浴棵姘蹇捎脕碓O(shè)置框架的大小、框架邊框線的顏色和寬度。 框架和框架集有各自的【屬性】面板。按住Alt 鍵，然后按鍵盤上的向上箭頭鍵，可以選中當(dāng)前框架的上一級(jí)框架，連續(xù)重復(fù)操作，可以選中整個(gè)框架集。 框架和框架集的選擇與屬性設(shè)置 圖 524【框架】面板 (2) 在網(wǎng)頁編輯窗口中，按住 Alt鍵，然后單擊要選中的框架的任意位置，便可選中該框架。然后在【框架】面板中單擊框架邊框線，可選擇由多個(gè)框架構(gòu)成的框架集。選擇框架和框架集的操作方法有以下 3種。 對(duì)框架操作前，先要選擇框架和框架集。 3. 刪除框架 刪除框架是創(chuàng)建框架的逆向操作，其操作方法如下： 將鼠標(biāo)指向要?jiǎng)h除的框架邊框，當(dāng)光標(biāo)變成雙向箭頭時(shí)，拖動(dòng)鼠標(biāo)到上一級(jí)框架的上下或左右邊框線處，松開鼠標(biāo)即可刪除框架。 （ 2） 用鼠標(biāo)拖曳邊框到合適的位置，然后釋放鼠標(biāo)，可以調(diào)整框架的大小。 框架的調(diào)整、拆分和刪除 2. 調(diào)整框架 拖曳鼠標(biāo)調(diào)整框架的步驟如下。 （ 2） 選擇【修改】 |【框架頁】命令，然后選擇【拆分左框架】、【拆分右框架】、【拆分上框架】、【拆分下框架】 4個(gè)命令中的一個(gè)命令來完成框架的拆分。 圖 522【插入】面板組中的【框架】 選項(xiàng)卡的框架類型 圖 5 23頂部和嵌套的左側(cè)框架 1. 拆分框架 拆分框架的操作步驟如下。單擊【頂部和嵌套的左側(cè)框架】按鈕，創(chuàng)建的框架如圖 523所示。 （ 2） 單擊【插入】面板組中的【框架】選項(xiàng)卡，如圖 522所示。級(jí)聯(lián)菜單中的選項(xiàng)分別是： 【上方】表示頂部框架，【下方】表示底部框架； 方及右側(cè)嵌套】表示底框架套右框架； 側(cè)及下方嵌套】表示右框架套底框架； 側(cè)及上方嵌套】表示右框架套頂框架； 方及右側(cè)嵌套】表示頂框架套右框架。 創(chuàng)建一個(gè)框架常用的 3種操作方法如下?？蚣軇t是框架集的組成元素，框架的頁面是整個(gè)頁面的一部分，是一個(gè)矩形區(qū)域，它具有網(wǎng)頁所有的屬性和功能，與框架集中其他框架頁面的關(guān)系是平等的。 框架（ Frame） 技術(shù)是由框架集（ Frameset） 和框架兩部分組成。 （ 10） 按 F12鍵預(yù)覽網(wǎng)頁，并以 exa5 為名將文件保存在在本地站點(diǎn) My site中。 （ 8） 用 HTML樣式【標(biāo)題 1】格式化層中文字，并將 Layer5中的文字顏色改為 “ 黑色 ” 。選擇【插入】|【交互式圖像】 |【鼠標(biāo)經(jīng)過圖像】 命令，在【插入鼠標(biāo)經(jīng)過圖像】對(duì)話框中按題意設(shè)置【原始圖像】和【鼠標(biāo)經(jīng)過圖像】。 （ 5） 在網(wǎng)頁合適位置上插入 4個(gè)層，層的大小為150 150像素，如圖 5 21所示。 （ 4） 單擊【背景圖像】文本框右邊的【瀏覽】按鈕。 （ 2） 在網(wǎng)頁編輯器窗口中，選擇【修改】 |【頁面屬性】命令，在【頁面屬性】對(duì)話框中設(shè)置各項(xiàng)參數(shù)。 本例的操作步驟如下。 （ 6） 將 2個(gè)文字層略微錯(cuò)開疊放在一起，設(shè)計(jì)出文字陰影效果，如圖 521所示。 層的應(yīng)用實(shí)例 圖 521實(shí)例 （ 4） 創(chuàng)建【名稱】為【標(biāo)題 1】的 HTML樣式，【應(yīng)用到】為 “ 段落 ” 選項(xiàng)，【當(dāng)應(yīng)用時(shí)】為 “ 清除現(xiàn)有樣式 ” ，【字體】為 “ 方正舒體 ” ，【大小】為 7，【顏色】為 FFFF00，【 樣式】為 “ 粗體 ” 。 （ 2） 在頁面合適的位置上插入 4個(gè)層，層的大小為 150 150像素。 例 (如圖 521所示 )。 網(wǎng)格線上。 在布局工具區(qū)域中，各選項(xiàng)的意義如下所述，可根據(jù)需要設(shè)置選項(xiàng)。 表格居中。設(shè)計(jì)者可在下方的文本框中輸入允許的層之間的最小距離。層與層之間若有間距，則插入表格單元格來補(bǔ)充間距造成的空間。 在表格布局區(qū)域中，各選項(xiàng)的意義如下，根據(jù)需要設(shè)置選項(xiàng)。 （ 1） 打開要將層轉(zhuǎn)換為表格的頁面。在層轉(zhuǎn)換為表格之前，必須防止層重疊，因?yàn)楸砀袷遣痪哂?Z Index屬性的。 （ 3） 選中合適的布局工具復(fù)選框后，單擊【確定】按鈕，表格就可按要求轉(zhuǎn)換為層。 層與表格互換 （ 2） 選擇【修改】 |【轉(zhuǎn)換】 |【表格到層】命令，系統(tǒng)將打開【轉(zhuǎn)換表格為層】對(duì)話框，如圖 519所示。 將表格轉(zhuǎn)換為層的操作步驟如下。如果將二者結(jié)合使用，可以大大提高工作效率。 層和表格是網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的兩種技術(shù)，二者各有優(yōu)缺點(diǎn)。移動(dòng)父層時(shí)，嵌套層會(huì)一齊移動(dòng)。 在圖 5 18所示的【層】面板中， Layer2在最底層，Layer1和 Layer4是 Layer3的嵌套層，在最上層。 (6) 禁止層重疊： 選中【層】面板中的【防止重疊】復(fù)選框，表示對(duì)層操作時(shí)禁止各層重疊。子層可隨父層移動(dòng)而移動(dòng)，可繼承父層的可見性，也可另外設(shè)置可見性?；蛘哂檬髽?biāo)拖曳層，也可以調(diào)整該層的疊放次序。 (3) 顯示、隱藏層： 單擊【層】面板左邊的顯示與隱藏列，可顯示或隱藏該層。 (1) 選定某個(gè)層： 只需在【層】面板列表中單擊層，即可選定這個(gè)層。選擇【窗口】 |【其他】 |【層】命令，或按 F2鍵，可打開【層】面板，如圖 518所示。 (9) 在【剪輯】文本框中設(shè)置層的可視區(qū)域，在【左】、【上】、【右】、【下】文本框中，輸入的數(shù)值表示層可視區(qū)域與層左、上邊界之間的距離。 (8) 在【溢出】下拉列表框中，確定當(dāng)層的內(nèi)容超出層范圍時(shí)處理的方式?？筛鶕?jù)瀏覽者主要使用哪種主流瀏覽器，確定一種合適的選項(xiàng)。 (7) 在【標(biāo)簽】下拉列表框中，可選擇層的