html表格_框架_使用大全ppt65頁)-展示頁
2025-03-19 14:54本頁面
【正文】 各標(biāo)記屬性設(shè)置的注意事項(xiàng) ※ 表格標(biāo)記中的 bordercolorlight、 bordercolordark顏色顯示的位置正好跟行標(biāo)記及單元格標(biāo)記中的這兩個屬性相反 ※ 內(nèi)層的邊框顏色設(shè)置會和外層的邊框顏色混合成另一種顏色 ※ 同時設(shè)置背景顏色和背景圖像時，背景顏色將被背景圖像覆蓋掉 ※ 只有較新版的瀏覽器才支持背景顏色和背景圖像的設(shè)置，不支持背景圖像的設(shè)置的瀏覽器會顯示瀏覽器的默認(rèn)背景顏色來代替圖像 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 背景圖像屬性設(shè)置的規(guī)則 ?選擇基本上不傳達(dá)信息的小巧而精致的圖像 ?選擇帶有較少形狀、模式或顏色的簡單圖像 ? 選擇能夠突出文檔意圖的圖像 ?在盡可能多的瀏覽器中查看帶有表格背景圖像的 HTML文檔，確保跨瀏覽器的兼容性 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 背景顏色屬性設(shè)置的規(guī)則 ? 如果文本顏色是深色的，應(yīng)該選擇淺色作為背景顏色 ? 如果文本顏色是淺色的，應(yīng)該選擇深色作為背景顏色 ? 選擇在美學(xué)角度來看令人愉快的顏色 ? 如果表述的主題是快節(jié)奏或激動人心的，應(yīng)該選擇明快的顏色 ? 如果表述的是慢節(jié)奏和基調(diào)憂郁的內(nèi)容，應(yīng)該選擇暗淡的顏色 ? 始終選擇 216 種無抖動顏色之一 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 表格題注作用： – 概括表格的內(nèi)容 – 提供關(guān)于表格內(nèi)容的一些信息 ? 基本語法 caption…/caption ? 語法解釋 caption標(biāo)記之間的就是表格的標(biāo)題，這個標(biāo)記必須在 table標(biāo)記對之內(nèi)使用 為表格添加題注 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 caption標(biāo)記對齊屬性 屬 性 描 述 align 設(shè)置水平對齊方式，取值： left/center/right，默認(rèn)取 center valign 設(shè)置垂直對齊方式，取值： top/bottom，默認(rèn)取 top 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 表格題注設(shè)置示例 示例代碼 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 在網(wǎng)頁中，排版通常需要通過表格的嵌套來完成 ? 表格的嵌套是指在一個表格的 單元格 中插入另一個表格 嵌套表格 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 表格嵌套設(shè)置示例 示例代碼 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 在網(wǎng)頁排版中使用嵌套表格的原因有二 ： ? 一是利于簡化表格制作：網(wǎng)頁的排版有時會很復(fù)雜，在外部需要有一個表格控制總體布局，如果這時一些內(nèi)部排版的細(xì)節(jié)也通過總表格來實(shí)現(xiàn)，容易引起行高列寬等的沖突，給表格制作帶來困難 ? 二是提高瀏覽器響應(yīng)速度：瀏覽器在解析網(wǎng)頁的時候，是將整個表格的結(jié)構(gòu)下載完畢之后才顯示表格，如果不使用嵌套，表格非常復(fù)雜，表格下載耗時相對長，瀏覽者要等很長時間才能看到網(wǎng)頁的內(nèi)容 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 小 結(jié) ? 制作表格時需要同時使用 tabletrtd或 th標(biāo)記對 ? 表格的內(nèi)容必須放置在 td/td或 th/th之間 ? 每一行必須使用一個 tr/tr標(biāo)記對 ? 行中的所有列都必須放置在 tr/tr標(biāo)記對之間 ? 通過表格、行及單元格標(biāo)記的屬性，可以對表格進(jìn)行格式化，如設(shè)置顯示邊框、邊框?qū)挾取⑦吙蝾伾? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 在排版網(wǎng)頁時通常需要嵌套表格，所謂表格的嵌套，是指在一個表格的單元格中插入另一個表格 小 結(jié) 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 思考題 1. 在顯示表格邊框，應(yīng)如何設(shè)置？ 2. 如何設(shè)置表格的寬度、高度、對齊方式、邊框顏色、單元格間距及單元格邊距？ 3. 如何設(shè)置單元格的對齊方式、背景顏色、背景圖像 ? 4. 在網(wǎng)頁排版時，應(yīng)如何嵌套表格 ? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架結(jié)構(gòu) ? 框架概述 ? 框架結(jié)構(gòu)組成標(biāo)記 ? 框架集標(biāo)記 frameset ? 框架標(biāo)記 frame ? 不支持框架標(biāo)記 noframe ? 浮動框架 iframe ? 框架與鏈接 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架概述 ? HTML 框架允許在瀏覽器中同時顯示多個 HTML文檔 – 多個頁面能夠同時在同一瀏覽器可獨(dú)立滾動的窗口中顯示 – 用來把瀏覽器窗口分成幾個獨(dú)立的部分 – 每一部分可以分別包含一個單獨(dú)的 HTML 文檔 ? 借助于框架分割瀏覽器窗口可以顯著改進(jìn)外觀和可用性 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架的特征 ? 可以水平或垂直分割 ? 垂直框架具有垂直邊框 ? 水平框架具有水平邊框 ? 也可以在框架中嵌套框架 ? 在定義框架間的交互之前必須先設(shè)定布局 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架的優(yōu)點(diǎn) ? 使網(wǎng)頁內(nèi)容看起來更美觀 ? 減少了網(wǎng)站的下載時間 ? 提高了網(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ā)者需要創(chuàng)建并組織多個文件來充實(shí)頁面，使站點(diǎn)創(chuàng)建更復(fù)雜 ? 框架結(jié)構(gòu)的 Web 站點(diǎn)不允許訪問
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1