第6章 Dreamweave中表格和表單的應(yīng)用

1、 第6章 Dreamweaver中表格和表單的應(yīng)用表格在網(wǎng)頁(yè)設(shè)設(shè)計(jì)中，頁(yè)面布布局是一一個(gè)重要要的部分分。Dreamweaver8.0提供了多多種方法法來(lái)創(chuàng)建建和控制制網(wǎng)頁(yè)布布局，最最普通的的方法就就是使用用表格，使用表表格可以以簡(jiǎn)化頁(yè)頁(yè)面布局局設(shè)計(jì)過(guò)過(guò)程、導(dǎo)導(dǎo)入表格格化數(shù)據(jù)據(jù)、設(shè)計(jì)計(jì)頁(yè)面分分欄及定定位頁(yè)面面上的文文本和圖圖像等。返回目錄錄插入表格格在Dreamweaver8.0“文檔”窗窗口的“設(shè)計(jì)”視圖中中，將插插入點(diǎn)置置于需要要插入表表格的位位置。如如果文檔檔是空白白的，則則只能將將插入點(diǎn)點(diǎn)放置在在文檔的的開(kāi)頭。執(zhí)行下列列操作之之一打開(kāi)開(kāi)“表格格”對(duì)話話框，如如下圖所所示。選擇插入表格菜單

2、命令令；在“插入入欄”的的“常用用”選項(xiàng)項(xiàng)卡中單單擊“表表格”按按鈕；按【Ctrl+Alt+T】鍵。圖表格在“表格格”對(duì)話話框中可可對(duì)各項(xiàng)項(xiàng)參數(shù)進(jìn)進(jìn)行設(shè)置置。在表格中中添加內(nèi)內(nèi)容將表格插插入到文文檔后即即可向表表格中添添加文本本或圖像像等內(nèi)容容。向表表格中添添加內(nèi)容容的方法法很簡(jiǎn)單單，只需需將光標(biāo)標(biāo)定位到到要輸入入內(nèi)容的的單元格格，再輸輸入文本本即可。選擇表格格表格的選選取是編編輯表格格的前提提，要在在表格中中進(jìn)行任任何操作作都離不不開(kāi)選取取表格。整個(gè)表格格的選擇擇整行或整整列的選選擇單個(gè)單元元格的選選擇一行或矩矩形單元元格的選選擇單擊一個(gè)個(gè)單元格格,然后按住住shift鍵單擊另另一個(gè)單單元格

3、.這兩個(gè)單單元格定定義的直直線和矩矩形區(qū)域域中的所所有單元元格都將將被選擇擇。在按住ctrl鍵的同時(shí)時(shí)單擊要要選擇的的單元格格、行或或列，可可選擇不不相鄰的的單元格格。設(shè)置表格格屬性為了使表表格更具具特色，需要在在“表格格”屬性性面板中中對(duì)表格格線的顏顏色、表表格或單單元格的的背景、邊框等等進(jìn)行設(shè)設(shè)置?！氨砀瘛睂傩悦婷姘逯酗@顯示了所所插入的的表格的的所有特特性，通通過(guò)修改改面板中中的參數(shù)數(shù)可快速速地編輯輯表格外外觀。如如果窗口口中沒(méi)有有顯示屬屬性面板板，可選選擇窗口屬性菜單命令令打開(kāi)。如下圖圖所示。圖表格屬性性拆分與合合并單元元格修改-表格-合并拆分分單元格格插入或刪刪除行或或列修改-表格-刪

4、除行或或列格式化表表格命令-格式化表表格如如下圖圖所示 圖格式化表表格 表單表單是用用于實(shí)現(xiàn)現(xiàn)瀏覽者者與網(wǎng)頁(yè)頁(yè)制作者者之間信信息交互的一一種網(wǎng)頁(yè)頁(yè)對(duì)象，在Internet中表單被被廣泛應(yīng)用于各各種信息息的搜集集與反饋饋。 通常表單單的工作作過(guò)程如如下:(1）訪問(wèn)問(wèn)者在瀏瀏覽有表表單的頁(yè)頁(yè)面時(shí)，可填寫(xiě)寫(xiě)必要的信息息，然后后單擊“提交”按鈕。(2）提交交的信息息通過(guò)Internet傳送送到服務(wù)務(wù)器上。 (3）服務(wù)務(wù)器上有有專門(mén)的的程序?qū)?duì)這些數(shù)數(shù)據(jù)進(jìn)行行處理，如果果有錯(cuò)誤誤會(huì)返回回錯(cuò)誤信信息，并并要求糾糾正錯(cuò)誤誤。(4）當(dāng)數(shù)數(shù)據(jù)完整整無(wú)誤后后，服務(wù)務(wù)器反饋饋一個(gè)輸輸入完成信息息。返回目錄錄圖“表單

5、”面面板輸入標(biāo)記記標(biāo)簽是表表單中的的輸入標(biāo)標(biāo)記，它它是個(gè)單單標(biāo)簽。選中插入入的單行行文本域域，設(shè)置置文本域域相關(guān)屬屬性，如如下圖所示。 1、單行文文本框type=text，表示該該輸入項(xiàng)項(xiàng)輸入的的是字符符串，輸輸入的內(nèi)內(nèi)容以單單行顯示示。type=text，標(biāo)簽除了了有name和type屬性外,還有3個(gè)可選的的屬性:value、size、maxlength。value屬性：用用來(lái)設(shè)定定文本框框中的初初始值size屬性：用用來(lái)設(shè)定定文本框框的長(zhǎng)度度maxlength屬性：用用來(lái)設(shè)定定該文本本框允許許用戶輸輸入的最最大字符符數(shù)。 2、密碼框框：當(dāng)type=“password”時(shí)，其使使用方法法與t

6、ext很相似。password所輸入的的字符全全以號(hào)表示,以保證密密碼的安安全性多行文本本框標(biāo)簽用來(lái)來(lái)制作多多行文本本框，成成對(duì)標(biāo)簽簽。語(yǔ)法： cols屬性：用用來(lái)設(shè)定定多行文文本框一一次能顯顯示的列列數(shù)。rows屬性：用用來(lái)設(shè)定定多行文文本框一一次能顯顯示的行行數(shù)。單選框和和復(fù)選框框1、單選框框：?jiǎn)芜x按鈕鈕作為一一個(gè)組使使用，提提供彼此此排斥的的選項(xiàng)值值。用戶戶在單選選按鈕組組內(nèi)只能能選擇一一個(gè)選項(xiàng)項(xiàng)。當(dāng)type=“radio”時(shí),表示該輸輸入項(xiàng)是是一個(gè)單單選項(xiàng),用戶只能能選擇單單選項(xiàng)中中的一項(xiàng)項(xiàng)作為輸輸入信息息。checked屬性，用用來(lái)表示示此項(xiàng)被被默認(rèn)選選中。value屬性，用用來(lái)設(shè)定

7、定選中項(xiàng)項(xiàng)目后傳傳送到服服務(wù)器端端的。2、復(fù)選框框：復(fù)選框主主要用來(lái)來(lái)選擇選選項(xiàng)不唯唯一的一一些信息息。當(dāng)type=“checkbox”時(shí),表示該輸輸入項(xiàng)是是一個(gè)復(fù)復(fù)選框，用戶可可以同時(shí)時(shí)選中表表單中的的一個(gè)或或多個(gè)復(fù)復(fù)選項(xiàng)作作為輸入入信息。checked屬性，用用來(lái)表示示此項(xiàng)被被默認(rèn)選選中value屬性，用用來(lái)設(shè)定定選中項(xiàng)項(xiàng)目后傳傳送到服服務(wù)器端端的值。菜單和列列表在表單中中，通過(guò)過(guò)和標(biāo)簽就可可以在瀏瀏覽器中中出現(xiàn)一一個(gè)下拉拉式的菜菜單或帶帶有滾動(dòng)動(dòng)條的列列表菜單單。語(yǔ)法：選項(xiàng)值選項(xiàng)值size屬性：用用來(lái)設(shè)定定顯示的的選項(xiàng)數(shù)數(shù)目，默默認(rèn)值為為1。multiple屬性：用用來(lái)設(shè)定定列表中中的項(xiàng)

8、目目多選。當(dāng)標(biāo)簽里面面有size屬性和multiple屬性時(shí)，表示是是列表；沒(méi)有size屬性和multiple屬性，則則表示下下拉菜單單。當(dāng)然然，在列列表中，二者不不一定同同時(shí)使用用。按鈕1、普通按按鈕當(dāng)type=“button”時(shí)，表示示該輸入入項(xiàng)輸入入的是普普通按鈕鈕。value屬性：用用來(lái)設(shè)定定顯示在在按鈕上上的文字字。2、提交按按鈕當(dāng)type=“submit”時(shí)，表示示該輸入入項(xiàng)輸入入的是提提交按鈕鈕。單擊提交交按鈕后后，瀏覽覽器可以以將表單單的輸入入信息傳傳遞給服服務(wù)器。3、重置按按鈕當(dāng)type=“reset”時(shí)，表示示該輸入入項(xiàng)輸入入的是重重置按鈕鈕。單擊重置置按鈕后后，瀏覽覽器可以以清除表表單的輸輸入信息息而恢復(fù)復(fù)到默認(rèn)認(rèn)的表單單內(nèi)容設(shè)設(shè)定。一般情況況提交和和重置按按鈕應(yīng)該該同時(shí)出出現(xiàn)。 文件輸入入框當(dāng)type=“file”時(shí)，表示示該輸入入項(xiàng)是一一個(gè)文件件輸入框框，用戶戶可以在在文件輸輸入框的的內(nèi)部填填寫(xiě)自己己硬盤(pán)中中的文件件路徑，然后通通過(guò)表單單上傳。語(yǔ)法：跳轉(zhuǎn)菜單單在網(wǎng)頁(yè)中中,用戶可利利用跳轉(zhuǎn)轉(zhuǎn)菜單行行為和列列表菜單單來(lái)設(shè)計(jì)計(jì)彈出式式列表。每一個(gè)個(gè)項(xiàng)目都都指示一一個(gè)超鏈鏈接目標(biāo)標(biāo)。當(dāng)瀏瀏覽者選選擇菜單單的項(xiàng)目目時(shí)，如如同單擊擊了網(wǎng)頁(yè)頁(yè)中的超超級(jí)鏈接接一樣，跳轉(zhuǎn)到到選項(xiàng)目目所示的的目標(biāo)網(wǎng)網(wǎng)頁(yè)。應(yīng)用范圍圍：由于它的的最大優(yōu)優(yōu)