Dreamweaver教程 第4講 創(chuàng)建表格.ppt

1、第4講 創(chuàng)建表格,Dreamweaver中的表格操作 利用表格進(jìn)行頁面布局,目的要求,Dreamweaver中表格的創(chuàng)建 表格的基本操作 熟悉表格的HTML代碼 利用表格進(jìn)行頁面布局,主要內(nèi)容,1、 概述 利用表格可控制文本和圖形在頁面上出現(xiàn)的位置，方便地設(shè)計(jì)出水平或垂直結(jié)構(gòu)?？梢允贡砀竦倪吙蜃兊貌豢梢姡跒g覽器中查看頁面時(shí)就不會(huì)看到設(shè)計(jì)的基礎(chǔ)結(jié)構(gòu)。,任務(wù)一、創(chuàng)建表格,2、 創(chuàng)建表格 （1）點(diǎn)擊 行（rows）：表格的行數(shù) 列（columns）：表格的列數(shù) 單元格間距（cellspacing）：?jiǎn)卧裰g的空間大小，不含邊框 單元格邊距（cellpadding）：?jiǎn)卧衽c單元格內(nèi)的內(nèi)容之間的空

2、間大小 寬度（width）：表格的寬度 邊框（border）：表格的邊框?qū)挾?（2） 在HTML中實(shí)現(xiàn)表格的代碼 （表格標(biāo)題）（表格行）（表格頭）（表格數(shù)據(jù)）,(3) 在表格中插入對(duì)象 插入文字 插入圖片 插入Excel電子表格或數(shù)據(jù)庫中的數(shù)據(jù) 執(zhí)行“文件/導(dǎo)入/表格式數(shù)據(jù)”，或“插入/表格對(duì)象/表格式數(shù)據(jù)”,1、 選定整個(gè)表格 將光標(biāo)停放在任意單元格內(nèi) 在狀態(tài)欄左下角選擇標(biāo)簽 單擊表格左上角 執(zhí)行“編輯/全選” 執(zhí)行“修改/表格/選擇表格”（Ctrl+A) 2、 選定一個(gè)或多個(gè)單元格,任務(wù)二、表格的操作,3、 設(shè)置表格格式 表格及表格單元格屬性面板 4、 合并與拆分表格單元格,制作“蟲語花香”網(wǎng)站,任務(wù)三、利用嵌套表格設(shè)計(jì)頁面,用的屬性 用單元格間距 CSS設(shè)置,任務(wù)四、表格細(xì)線化,任務(wù)五、復(fù)雜頁面效果的制作,設(shè)計(jì)“七色鳥設(shè)計(jì)”網(wǎng)站頁面,通過本講的學(xué)習(xí)，掌握Dreamweaver中表格的創(chuàng)建及基本操作，熟悉表格的 HTML 代碼，熟練掌握利用表格進(jìn)行頁面布局。,總結(jié),1、練習(xí)本講中嵌套表格的作法并設(shè)計(jì)頁面。注意，不要出現(xiàn)水平滾動(dòng)條。2、練習(xí)本講中細(xì)線化表格的幾種方法，練習(xí)