網(wǎng)頁表格的處理ppt課件(編輯修改稿)
2025-05-30 04:47 本頁面
【文章內(nèi)容簡(jiǎn)介】 格的背景層中 。 （ 2） 為表格添加背景圖片 選中表格或單元格后 ， 啟用 “ 表格屬性 ” 或 “ 單元格屬性 ” 對(duì)話框中的 “ 使用背景圖片 ” 復(fù)選框 ， 然后選擇一個(gè)圖片作為表格的背景 ， 可為表格添加背景圖片 。 3． 為表格添加邊框 在 FrontPage中如果想要改變表格的邊框 ， 可以采用以下方法： ?選擇要設(shè)置邊框的表格 ， 執(zhí)行 “ 格式 ” | “邊框和底紋 ” 命令 。 ?在要設(shè)置邊框的表格中單擊鼠標(biāo)右鍵 ， 從彈出的快捷菜單中選擇 “ 表格屬性 ” 命令 ， 打開 “ 表格屬性 ” 對(duì)話框 ， 在 “ 邊框 ” 選項(xiàng)組中進(jìn)行相關(guān)設(shè)置 。 在網(wǎng)頁設(shè)計(jì)中表格還有一個(gè)重要的作用 ， 就是設(shè)計(jì)頁面布局 。 一個(gè)空白網(wǎng)頁布置起來比較困難 ， 尤其是一些復(fù)雜的頁面 。 這時(shí)可以利用表格將網(wǎng)頁分成若干個(gè)單元格 ， 每個(gè)單元格對(duì)應(yīng)網(wǎng)頁中的一個(gè)部分 。 然后 ， 對(duì)每一部分分別進(jìn)行設(shè)計(jì)和制作 ， 這樣就可以使復(fù)雜的網(wǎng)頁設(shè)計(jì)簡(jiǎn)化 ， 而且所設(shè)計(jì)的網(wǎng)頁清晰 、 有條理性 。 另外 ， 在很多網(wǎng)頁上都有各種細(xì)線的布局效果 ， 使得頁面簡(jiǎn)潔明快 、 條理清楚 。 這些細(xì)線要么是用圖像的方式生成 ， 要么是利用表格的各種特性制作而成 。 使用表格實(shí)現(xiàn)這些細(xì)線可以使頁面文件更小 ， 下載更快 ，因此更為實(shí)用 。 細(xì)線效果大致可以分為兩類 ， 一類是表格框線 ， 另一類是各種橫豎分隔線 。 用表格布置頁面時(shí) ， 首先要規(guī)劃頁面的布置 ， 然后利用表格的平鋪和嵌套 ， 將網(wǎng)頁中的各元素定位在各自的位置上 。 由于瀏覽器在下載網(wǎng)頁時(shí) ， 先下載整個(gè)表格 ， 然后再下載表格中的內(nèi)容 。 所以在用表格布置頁面時(shí) ， 不能將整個(gè)網(wǎng)頁的內(nèi)容都放在一個(gè)大表格中 ， 以免影響網(wǎng)頁的下在速度 。 其他處理網(wǎng)頁表格的方法 利用 HTML處理網(wǎng)頁表格 1． 表格的基本構(gòu)成 通常在 HTML中創(chuàng)建一個(gè)普通的表格應(yīng)包括以下標(biāo)記符： （ 1） TABLE TABLE標(biāo)記符用于定義整個(gè)表格 ， 表格內(nèi)的所有內(nèi)容都應(yīng)該位于TABLE和 ／ TABLE之間 。 （ 2） CAPTION 如果表格需要標(biāo)題 ， 那么就應(yīng)該使用 CAPTION標(biāo)記符將表格標(biāo)題包括在 CAPTION和 ／ CAPTION之間 。 （ 3） TR TR標(biāo)記符用于定義表格的行 ， 對(duì)于每一個(gè)表格行 ， 都對(duì)應(yīng)一個(gè) TR標(biāo)記符 。 TR標(biāo)記符的結(jié)束標(biāo)記符可以省略 。 （ 4） TD和 TH 在表格行中的每個(gè)單元格 ， 都對(duì)應(yīng)于一個(gè) TD標(biāo)記符或者 TH標(biāo)記符 ， 用于標(biāo)記表格的內(nèi)容 ， 其中可以包括文字 、 圖像或其他對(duì)象 。 TD與 TH的功能和用法幾乎完全相同 （ 可以任意混合使用 ， 但效果略有不同 ） ， 唯一不同之處在于 TD表示普通表格數(shù)據(jù) ， 而 TH表示表格的行列標(biāo)題數(shù)據(jù) （ 也就是通常所說的表頭 ） 。 TD和 TH的結(jié)束標(biāo)記符都可以省略 ， 并且可以不包括任何內(nèi)容 3． 表格的編輯及屬性設(shè)置 （ 1） 合并單元格 在 TD和 TH標(biāo)記內(nèi)使用 rowspan屬性可以進(jìn)行行合并 ， rowspan的取值表示垂直方向上合并的行數(shù)；使用 colspan屬性可以進(jìn)行列合并 ， colspan的取值表示水平方向上的合并的列數(shù) 。 （ 2） 邊框與分隔線 在 TABLE標(biāo)記內(nèi)使用 frame、 rules和 border屬性可以設(shè)置表格的邊框和單元格分隔線 。 （ 3） 控制單元格空白 在 TABLE標(biāo)記符中使用 cellspacing屬性可以控制單元格之
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1