【正文】 框架 表格 主頁 ? 在網(wǎng)頁排版中使用嵌套表格的原因有二 ： ? 一是利于簡(jiǎn)化表格制作：網(wǎng)頁的排版有時(shí)會(huì)很復(fù)雜，在外部需要有一個(gè)表格控制總體布局，如果這時(shí)一些內(nèi)部排版的細(xì)節(jié)也通過總表格來實(shí)現(xiàn)，容易引起行高列寬等的沖突，給表格制作帶來困難 ? 二是提高瀏覽器響應(yīng)速度：瀏覽器在解析網(wǎng)頁的時(shí)候，是將整個(gè)表格的結(jié)構(gòu)下載完畢之后才顯示表格，如果不使用嵌套，表格非常復(fù)雜，表格下載耗時(shí)相對(duì)長，瀏覽者要等很長時(shí)間才能看到網(wǎng)頁的內(nèi)容 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 小 結(jié) ? 制作表格時(shí)需要同時(shí)使用 tabletrtd或 th標(biāo)記對(duì) ? 表格的內(nèi)容必須放置在 td/td或 th/th之間 ? 每一行必須使用一個(gè) tr/tr標(biāo)記對(duì) ? 行中的所有列都必須放置在 tr/tr標(biāo)記對(duì)之間 ? 通過表格、行及單元格標(biāo)記的屬性，可以對(duì)表格進(jìn)行格式化，如設(shè)置顯示邊框、邊框?qū)挾取⑦吙蝾伾? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 在排版網(wǎng)頁時(shí)通常需要嵌套表格，所謂表格的嵌套，是指在一個(gè)表格的單元格中插入另一個(gè)表格 小 結(jié) 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 思考題 1. 在顯示表格邊框，應(yīng)如何設(shè)置？ 2. 如何設(shè)置表格的寬度、高度、對(duì)齊方式、邊框顏色、單元格間距及單元格邊距？ 3. 如何設(shè)置單元格的對(duì)齊方式、背景顏色、背景圖像 ? 4. 在網(wǎng)頁排版時(shí)，應(yīng)如何嵌套表格 ? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架結(jié)構(gòu) ? 框架概述 ? 框架結(jié)構(gòu)組成標(biāo)記 ? 框架集標(biāo)記 frameset ? 框架標(biāo)記 frame ? 不支持框架標(biāo)記 noframe ? 浮動(dòng)框架 iframe ? 框架與鏈接 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架概述 ? HTML 框架允許在瀏覽器中同時(shí)顯示多個(gè) HTML文檔 – 多個(gè)頁面能夠同時(shí)在同一瀏覽器可獨(dú)立滾動(dòng)的窗口中顯示 – 用來把瀏覽器窗口分成幾個(gè)獨(dú)立的部分 – 每一部分可以分別包含一個(gè)單獨(dú)的 HTML 文檔 ? 借助于框架分割瀏覽器窗口可以顯著改進(jìn)外觀和可用性 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架的特征 ? 可以水平或垂直分割 ? 垂直框架具有垂直邊框 ? 水平框架具有水平邊框 ? 也可以在框架中嵌套框架 ? 在定義框架間的交互之前必須先設(shè)定布局 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架的優(yōu)點(diǎn) ? 使網(wǎng)頁內(nèi)容看起來更美觀 ? 減少了網(wǎng)站的下載時(shí)間 ? 提高了網(wǎng)站的可用性 ? 導(dǎo)航部分仍然可見，因?yàn)閮?nèi)容在單獨(dú)的框架中改變 ? 框架允許開發(fā)者將內(nèi)容與導(dǎo)航和結(jié)構(gòu)元素分離 ? 有助于輕松、快速地更新內(nèi)容 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架的缺點(diǎn) ? 老版本的瀏覽器不支持框架 ? 開發(fā)者需要?jiǎng)?chuàng)建并組織多個(gè)文件來充實(shí)頁面，使站點(diǎn)創(chuàng)建更復(fù)雜 ? 框架結(jié)構(gòu)的 Web 站點(diǎn)不允許訪問者在一個(gè)框架結(jié)構(gòu)的文檔中為頁面加入書簽 ? 框架結(jié)構(gòu)的 Web 站點(diǎn)會(huì)增加服務(wù)器負(fù)載，導(dǎo)致過多的文檔請(qǐng)求 ? 框架結(jié)構(gòu)的 Web 站點(diǎn)會(huì)使搜索引擎產(chǎn)生問題 ? 在框架結(jié)構(gòu)的 Web 站點(diǎn)中很難跟蹤一個(gè)頁面 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 創(chuàng)建框架 ? 確定要?jiǎng)?chuàng)建的框架大小 ? 創(chuàng)建框架集文檔，確定各框架的位置和特性 ? 指定框架和其中的內(nèi)容 ? 格式化框架 ? 預(yù)先為在非框架結(jié)構(gòu)的瀏覽器中顯示框架做好準(zhǔn)備 ※ 注意：使用框架結(jié)構(gòu)時(shí)， HTML文檔中不能出現(xiàn)body標(biāo)記對(duì)，此時(shí) body需要由 frameset代替 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架結(jié)構(gòu)組成標(biāo)記 ? 框架集標(biāo)記 FRAMESET： 主要是定義瀏覽器窗口的分割方式，以及各分割窗口（框架）的大小 ? 框架標(biāo)記 FRAME： 定義各分割窗口中顯示的內(nèi)容，并能對(duì)各分割窗口進(jìn)行格式化 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架集標(biāo)記 FRAMESET ? 框架分割窗口方式 ： – 左右（水平）分割 – 上下（垂直）分割 – 嵌套分割：瀏覽器窗口既存在左右分割，又存在上下分割 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 左右分割 ?基本語法 frameset cols=“value,value,……” frame frame ……. /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 語法解釋 cols屬性決定了窗口的分割方式為左右分割； “ value” 定義各個(gè)框架的大小，單位可以是像素，也可以是百分比； value的個(gè)數(shù)決定了 frame標(biāo)記的個(gè)數(shù)，即窗口的個(gè)數(shù)，而 value的值則決定了相應(yīng)窗口的大小 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 左右分割示例 frameset cols=20%,* frame frame /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 上下分割 ? 基本語法 : frameset rows=“value,value,……” frame frame ……. /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 語法解釋 rows屬性決定了窗口的