dreamweaver第八章表格(編輯修改稿)
2025-07-27 16:06 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 表格的屬性。 ?。?）單擊屬性面板中“間距”后的小方框，輸入數(shù)字“2”，“邊框”保持默認(rèn)的“1”，此時(shí)“邊框顏色”未設(shè)置。 ?。?）單擊屬性面板中“邊框顏色”后的小色塊，彈出顏色編輯器，吸取邊框顏色。吸取顏色后邊框背景色被設(shè)為桔黃色。 ?。?）完成（5）（6）步操作后，表格效果就成了雙線表格效果。至此雙線表格制作完了?！ 。?）在第一行的第一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，確認(rèn)文本光標(biāo)在單元格內(nèi)閃爍，輸入“日期”。按鍵盤(pán)上的“Tab”鍵，文本光標(biāo)就會(huì)跳到下一個(gè)單元格，依次在各單元格中輸入數(shù)據(jù)?！ 。?）輸入完后，可以根據(jù)需要對(duì)輸入文字的相關(guān)屬性進(jìn)行一些編輯。然后選擇菜單“文件→保存”命令，保存文檔，預(yù)覽網(wǎng)頁(yè)效果?！ ?shí)踐與練習(xí)：制作“圖書(shū)信息表”單線表格 本例著重練習(xí)在Dreamweaver中創(chuàng)建一個(gè)“圖書(shū)信息表”，通過(guò)對(duì)表格的間距、表格背景色及單元格背景色的設(shè)置來(lái)創(chuàng)建單線表格?！ 。?）首先運(yùn)行程序Dreamweaver 8，選擇菜單欄“文件→新建”命令，創(chuàng)建新文檔。 ?。?）創(chuàng)建好新文檔之后，輸入“圖書(shū)信息表”作為表頭，在屬性面板中設(shè)字體顏色為桔黃色并居中對(duì)齊，單擊鍵盤(pán)上的“Enter”鍵，以便插入表格?！ 。?）選擇菜單欄“插入→表格”命令，插入一個(gè)“行數(shù)”“列數(shù)”“表格寬度”為300，單位設(shè)為“像素”，單擊“確定”接鈕，創(chuàng)建一表格?！ 。?）此時(shí)鼠標(biāo)在表格右邊閃爍，按鼠標(biāo)左鍵拖動(dòng)，選中表格。單擊屬性面板中“間距”右邊的小方框，輸入數(shù)字“1”，“邊框”右邊的小方框內(nèi)輸入數(shù)字“0”?！ 。?）單擊屬性面板中“背景顏色”右邊的小色塊，此時(shí)會(huì)彈出顏色編輯器，在顏色編輯器中選取顏色?！ 。?）選取顏色后表格的背景色被設(shè)為桔黃色?！ 。?）在第一行的第一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，確認(rèn)文本光標(biāo)在單元格內(nèi)閃爍，按住鼠標(biāo)向表格的右下角拖動(dòng)，直到所有的單元格被選中?！ 。?）選中所有單元格后松開(kāi)鼠標(biāo)，在屬性面板上單擊“背景顏色”后的小方塊。在顏色編輯器中選取白色，將單元格的背景顏色設(shè)為白色?！ 。?）單元格的背景顏色設(shè)為白色后，表格就成了單線表格了。單線的寬度由屬性面板中“間距”右邊的小方框內(nèi)輸入的數(shù)字決定?！ 。?0）在第一行的第一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，從鍵盤(pán)輸入“書(shū)名”。按鍵盤(pán)上的“Tab”鍵，在第二個(gè)單元格里輸入“編號(hào)”，依次輸入各單元格的數(shù)據(jù)?！ 。?1）輸入完后，可以根據(jù)需要對(duì)輸入文字進(jìn)行一些編輯。然后按菜單“文件→保存”命令，保存文檔，預(yù)覽網(wǎng)頁(yè)效果?！ ?實(shí)踐與練習(xí)：制作“會(huì)議議程表”無(wú)線表格 本例著重練習(xí)在Dreamweaver中創(chuàng)建一個(gè)“會(huì)議議程表”，通過(guò)對(duì)表格的行列的選取、列的選取、單元格的選取，對(duì)單元格內(nèi)的文本進(jìn)行屬性設(shè)置?！ 。?）首先運(yùn)行程序Dreamweaver 8，選擇菜單欄“文件→新建”命令，創(chuàng)建新文檔?！ 。?）創(chuàng)建好新文檔之后，輸入“會(huì)議議程表”作為表頭，在屬性面板中設(shè)字體顏色為紅色、粗體并居中對(duì)齊。 ?。?）選擇菜單欄“插入→表格”命令，插入一個(gè)“行數(shù)”“列數(shù)”“表格寬度”為580、單位設(shè)為“像素”，單擊“確定”接鈕，創(chuàng)建一表格。 ?。?）此時(shí)鼠標(biāo)在表格右邊閃爍，按住鼠標(biāo)向左拖動(dòng)選取整個(gè)表格，查看表格的屬性。此時(shí)屬性面板中“填充”、“間距”、“邊框”右邊的小方框內(nèi)都是空白無(wú)任何數(shù)字。如果有數(shù)字，選中后按鍵盤(pán)上的“Delete”鍵將其刪除，這樣的表格就是無(wú)線表格?！ 。?）無(wú)線表格創(chuàng)建后，在第一行的第一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，輸入“時(shí)間”。按鍵盤(pán)上的“Tab”鍵，依次輸入各單元格的文本。 ?。?）將鼠標(biāo)移到表格第一行的左邊，使鼠標(biāo)變成向右指示的箭頭形狀，并且第一行的所有單元格都變成紅線格?！ 。?）然后單擊鼠標(biāo)左鍵，整個(gè)表格的第一行就被選中了，這一行的所有單元格變成了黑線格。 ?。?）選中第一行后，在屬性面板中設(shè)置字體為粗體、居中對(duì)齊、字體顏色為桔紅色，參考值是“FF6600”?！ √崾荆簩?duì)表格第一行設(shè)置字體屬性后，單元格帶虛線了，這是DIV標(biāo)簽?！ 。?）單擊第二行第二列的單元格，按住鼠標(biāo)向表格的右下角拖動(dòng)鼠標(biāo)，選中表格的第二行第二列開(kāi)始的所有單元格?！ 。?0）在屬性面板中設(shè)置居中對(duì)齊。然后按菜單“文件→保存”命令，保存文檔，預(yù)覽網(wǎng)頁(yè)效果?！ ?實(shí)踐與練習(xí)：套用設(shè)計(jì)方案制作“會(huì)議議程表” 本例著重練習(xí)在Dreamweaver中創(chuàng)建一個(gè)“會(huì)議議程表”，通過(guò)對(duì)表格執(zhí)行“格式化表格”命令，套用設(shè)計(jì)方案。 ?。?）首先運(yùn)行程序Dreamweaver 8，選擇菜單欄“文件→新建”命令，創(chuàng)建新文檔?！ 。?）創(chuàng)建好新文檔之后，輸入“會(huì)議議程表”作為表頭，在屬性面板中設(shè)字體顏色為深藍(lán)色并居中對(duì)齊。 ?。?）選擇菜單欄“插入→表格”命令，插入一個(gè)“行數(shù)”為4，“列數(shù)”為5，“表格寬度”為580，單位設(shè)為“像素”，單擊“確定”接鈕，創(chuàng)建一個(gè)表格?！ 。?）在第一行的第一個(gè)單元格內(nèi)單擊鼠標(biāo)左鍵，輸入“時(shí)間”。按鍵盤(pán)上的“Tab”鍵，依次輸入各單元格的文本?！ 。?）將鼠標(biāo)移到表格的外邊線上，鼠標(biāo)箭頭變成向左向右指示形，表格外邊線變成紅線。此時(shí)單擊鼠標(biāo)左鍵選中表格?！ 。?）選擇菜單欄“命令→格式化表格”命令，彈出格式化表格對(duì)話(huà)框?！ 。?）在格式列表里選擇已存在的設(shè)計(jì)方案，點(diǎn)擊“確定”按鈕，套用設(shè)計(jì)方案，從而格式化被選中的表格?！ 。?）如果對(duì)設(shè)計(jì)方案不滿(mǎn)意，可以在格式化對(duì)話(huà)框中進(jìn)行修改。在這里修改“行顏色”，“第一種”設(shè)為桔黃色，第二種設(shè)為淺黃色；修改“第一行”，“對(duì)齊”為居中對(duì)齊，“文字樣式”為粗體，“背景色”設(shè)為深紫色；“最左列”的“對(duì)齊”設(shè)為居中對(duì)齊，點(diǎn)擊“確定”按鈕應(yīng)用新設(shè)計(jì)的方案?！ 。?）然后選擇菜單欄“文件→保存”命令，保存文檔，預(yù)覽網(wǎng)頁(yè)效果?！ ?shí)踐與練習(xí)：用表格制作“綠葉鄉(xiāng)舟”網(wǎng)頁(yè)頂部 本例著重練習(xí)在Dreamweaver中創(chuàng)建復(fù)雜的表格。主要通過(guò)拆分單元格，合并單元格，插入行，插入列等操作，制作一個(gè)復(fù)雜的表格?！ 。?）首先運(yùn)行程序Dreamwe
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1