資源描述:
《表格處理 dreamweaver》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第五章表格處理1、表格的作用:1)存放數(shù)據(jù)2)布局頁面2、插入表格步驟:1)單擊網(wǎng)頁中需要插入表格的地方2)在菜單欄選擇“插入記錄”->“表格”命令,或者單擊“常用”工具欄里的“表格”按鈕,或者運(yùn)用組合鍵CTRL+ALT+T3、設(shè)置表格大小行數(shù)和列數(shù):表格寬度:表示表格在頁面中寬度的大小。像素設(shè)置的是表哥寬度的實(shí)際值,百分比設(shè)置的是表格與頁面寬度的相對比值。邊框粗細(xì):設(shè)置表格邊框的粗細(xì)效果。單元格邊距:是指單元格中填充內(nèi)容距離邊框的距離大小。單元格間距:是指相鄰單元格之間的距離。概念:單元格,指的
2、是表格里的每一個(gè)格子,就叫做單元格。理解表格邊框、單元格邊框、間距、填充(邊距)4、頁眉與輔助功能頁眉:用于設(shè)置表格的行或列的標(biāo)題無:表示不設(shè)置表格的行或列的標(biāo)題左:表示一行歸為一類,可以為每行在第一欄設(shè)置一個(gè)標(biāo)題頂部:表示一列歸為一類,可以為每列在頭一欄設(shè)置一個(gè)標(biāo)題兩者:表示可以同時(shí)輸入“左”端和“頂部”的標(biāo)題標(biāo)題:設(shè)置表格的標(biāo)題名稱,默認(rèn)會(huì)出現(xiàn)在表格的上方。摘要:為表格的備注,不會(huì)在網(wǎng)頁中顯示。二、表格的設(shè)置1實(shí)例一足球明星相冊要求:1)標(biāo)題“足球明星”設(shè)置字體:黑體、大?。?6像素、顏色:#
3、FFCC33、居中對齊2)創(chuàng)建導(dǎo)航位置的表格1行5列、表格寬度700像素、邊框?yàn)?、填充3、間距0、背景顏色為:#FF99CC、每個(gè)單元格必須一樣寬,且里面的文字居中對齊。3)設(shè)置網(wǎng)頁背景顏色為:#009900,設(shè)置導(dǎo)航鏈接4)創(chuàng)建圖像展示表格3行4列。寬度700像素邊框粗細(xì)1像素邊框顏色#003333單元格邊距10像素單元格間距10像素表格背景顏色#006600第一行背景顏色#66FFCC第二行背景顏色#FFFF66第三行背景顏色#66FF00知識點(diǎn):1)選定表格和單元格·表格包括行、列、單元格
4、3個(gè)組成部分。A、選定整個(gè)表格B、選定行或列C、選定單元格2)設(shè)置表格和單元格的屬性3)調(diào)整表格的尺寸·選定表格→鼠標(biāo)拖動(dòng)·設(shè)置屬性值·調(diào)整行和列的寬度2、實(shí)例二、制作課程表步驟一:插入5行6列的表格,寬度為500像素,邊框、填充、間距各為1;并調(diào)整表格錄入文字如下圖所示:知識點(diǎn):1)添加/刪除行列·通過表格【屬性】面板增加與刪除表格的行和列·通過【修改】菜單完成增加與刪除表格的行和列2)單元格的合并和拆分3)單元格的復(fù)制、粘貼、移動(dòng)和清除 在網(wǎng)頁編輯窗口中選中要復(fù)制的對象1.復(fù)制--按Ctrl+
5、C,或【編輯】|【復(fù)制】命令。2.移動(dòng)--按Ctrl+X,或【編輯】|【剪切】]命令。3.粘貼--按Ctrl+V,或【編輯】|【粘貼】命令。4.拖動(dòng)--按住Ctrl+拖,則完成復(fù)制操作。直接拖曳可完成對象的操作。5.清除--按Delete,或【編輯】|【清除】命令。步驟二:在步驟一的基礎(chǔ)上,設(shè)置表格屬性,如下圖所示效果:表格屬性參數(shù):寬度500像素邊框粗細(xì)1像素邊距1像素間距1像素表格背景顏色#D2E2EF表格邊框顏色#B6C9D7對齊居中對齊步驟三:設(shè)置單元格屬性,完成課程表。如下圖所示:要求:
6、1)所有單元格居中對齊,字體大小為12px2)第一列和第二行字體加粗3)第二行背景顏色設(shè)置為:#B6C9D7;填寫科目的單元格設(shè)置背景顏色:#E9F1F84)最上一行字體:隸書36px紅色;設(shè)置行高70像素;背景圖片:bg.gif5)左上角單元格,插入圖片logo.gif,設(shè)置圖片寬和高為60,并設(shè)置圖片在單元格的頂部對齊。6)最下一行設(shè)置行高20像素;背景顏色:#B6C9D7,邊框顏色:#FF00003、表格的html標(biāo)記表格的標(biāo)簽:7、>
| |
| |
表格標(biāo)記
行標(biāo)記 | 單元格標(biāo)記 空格三、表格嵌套1.概念:就是在表格的單元格中再插入表格,形成嵌套的結(jié)構(gòu)。或者就是說在已有的表格中再創(chuàng)建表格。2.步驟A:光標(biāo)定位到需要插入嵌套表格的單元格里B:按照插入表格的方式,插入新的表格實(shí)例一:下載頁面要求:1、背景圖片為bg
8、.gif2.單元格顏色#33B3F0和#C8EAFB實(shí)例二個(gè)人簡歷四、應(yīng)用表格布局頁面1)、類型:網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型。A、國字型B拐角型C正文型D左右框架型EFlash型2、頁面的構(gòu)成1)網(wǎng)頁尺寸根據(jù)屏幕分辨率的大小設(shè)計(jì)網(wǎng)頁的寬度。一般如果屏幕分辨率為800*600那么設(shè)計(jì)網(wǎng)頁的尺寸為780*428,如果屏幕分辨率為1024*768,那么設(shè)計(jì)頁面尺寸為980*6002)頁頭(頁眉)通常放