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

1、 第6章 Dreamweaver中表格和表單的運(yùn)用.表格 在網(wǎng)頁(yè)設(shè)計(jì)中，頁(yè)面規(guī)劃是一個(gè)重要的部分。 Dreamweaver 8.0提供了多種方法來(lái)創(chuàng)建和控制網(wǎng)頁(yè)規(guī)劃，最普通的方法就是運(yùn)用表格，運(yùn)用表格可以簡(jiǎn)化頁(yè)面規(guī)劃設(shè)計(jì)過(guò)程、導(dǎo)入表格化數(shù)據(jù)、設(shè)計(jì)頁(yè)面分欄及定位頁(yè)面上的文本和圖像等。前往目錄.插入表格 在Dreamweaver 8.0“文檔窗口的“設(shè)計(jì)視圖中，將插入點(diǎn)置于需求插入表格的位置。假設(shè)文檔是空白的，那么只能將插入點(diǎn)放置在文檔的開(kāi)頭。 執(zhí)行以下操作之一翻開(kāi)“表格對(duì)話框，如以下圖所示。 選擇插入表格菜單命令； 在“插入欄的“常用選項(xiàng)卡中單擊“表格按鈕； 按【Ctrl+Alt+T】鍵。 .圖

2、 表格在“表格對(duì)話框中可對(duì)各項(xiàng)參數(shù)進(jìn)展設(shè)置。.在表格中添加內(nèi)容 將表格插入到文檔后即可向表格中添加文本或圖像等內(nèi)容。向表格中添加內(nèi)容的方法很簡(jiǎn)單，只需將光標(biāo)定位到要輸入內(nèi)容的單元格，再輸入文本即可。.選擇表格 表格的選取是編輯表格的前提，要在表格中進(jìn)展任何操作都離不開(kāi)選取表格。整個(gè)表格的選擇 整行或整列的選擇 單個(gè)單元格的選擇一行或矩形單元格的選擇 單擊一個(gè)單元格,然后按住shift鍵單擊另一個(gè)單元格.這兩個(gè)單元格定義的直線和矩形區(qū)域中的一切單元格都將被選擇。 在按住ctrl鍵的同時(shí)單擊要選擇的單元格、行或列，可選擇不相鄰的單元格。 .設(shè)置表格屬性 為了使表格更具特征，需求在“表格屬性面板中對(duì)

3、表格線的顏色、表格或單元格的背景、邊框等進(jìn)展設(shè)置。“表格屬性面板中顯示了所插入的表格的一切特性，經(jīng)過(guò)修正面板中的參數(shù)可快速地編輯表格外觀。假設(shè)窗口中沒(méi)有顯示屬性面板，可選擇窗口屬性菜單命令翻開(kāi)。如以下圖所示。.圖 表格屬性.拆分與合并單元格 修正-表格-合并拆分單元格插入或刪除行或列 修正-表格-刪除行或列格式化表格 命令-格式化表格 如以下圖所示 .圖 格式化表格. 表單 表單是用于實(shí)現(xiàn)閱讀者與網(wǎng)頁(yè)制造者之間信息交互的一種網(wǎng)頁(yè)對(duì)象，在 Internet 中表單被廣泛運(yùn)用于各種信息的搜集與反響。 . 通常表單的任務(wù)過(guò)程如下: (1訪問(wèn)者在閱讀有表單的頁(yè)面時(shí)，可填寫(xiě)必要的信息，然后單擊“提交按鈕

4、。 (2提交的信息經(jīng)過(guò)Internet傳送到效力器上。 (3效力器上有專(zhuān)門(mén)的程序?qū)@些數(shù)據(jù)進(jìn)展處理，假設(shè)有錯(cuò)誤解前往錯(cuò)誤信息，并要求糾正錯(cuò)誤。 (4當(dāng)數(shù)據(jù)完好無(wú)誤后，效力器反響一個(gè)輸入完成信息。 .前往目錄圖 “表單面板.輸入標(biāo)志 標(biāo)簽是表單中的輸入標(biāo)志，它是個(gè)單標(biāo)簽。 選中插入的單行文本域，設(shè)置文本域相關(guān)屬性，如以下圖所示。 .1、單行文本框 type=text，表示該輸入項(xiàng)輸入的是字符串，輸入的內(nèi)容以單行顯示。 type=text，標(biāo)簽除了有name和type屬性外,還有3個(gè)可選的屬性:value、size、 maxlength。 value屬性：用來(lái)設(shè)定文本框中的初始值 size屬性：用

5、來(lái)設(shè)定文本框的長(zhǎng)度 maxlength屬性：用來(lái)設(shè)定該文本框允許用戶輸入的最大字符數(shù)。 .2、密碼框： 當(dāng)type=“password時(shí)，其運(yùn)用方法與text很類(lèi)似。 password 所輸入的字符全以號(hào)表示, 以保證密碼的平安性多行文本框 標(biāo)簽用來(lái)制造多行文本框，成對(duì)標(biāo)簽。 語(yǔ)法： . cols屬性：用來(lái)設(shè)定多行文本框一次能顯示的列數(shù)。 rows屬性：用來(lái)設(shè)定多行文本框一次能顯示的行數(shù)。.單項(xiàng)選擇框和復(fù)選框 1、單項(xiàng)選擇框：?jiǎn)雾?xiàng)選擇按鈕作為一個(gè)組運(yùn)用，提供彼此排斥的選項(xiàng)值。用戶在單項(xiàng)選擇按鈕組內(nèi)只能選擇一個(gè)選項(xiàng)。 當(dāng)type=“radio時(shí),表示該輸入項(xiàng)是一個(gè)單項(xiàng)選擇項(xiàng),用戶只能選擇單項(xiàng)選擇

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

7、定列表中的工程多項(xiàng)選擇。 當(dāng)標(biāo)簽里面有size屬性和multiple屬性時(shí)，表示是列表；沒(méi)有size屬性和multiple屬性，那么表示下拉菜單。當(dāng)然，在列表中，二者不一定同時(shí)運(yùn)用。. 按鈕 1、普通按鈕 當(dāng)type=“button時(shí)，表示該輸入項(xiàng)輸入的是普通按鈕。 value屬性：用來(lái)設(shè)定顯示在按鈕上的文字。 2、提交按鈕 當(dāng)type=“submit時(shí)，表示該輸入項(xiàng)輸入的是提交按鈕。 單擊提交按鈕后，閱讀器可以將表單的輸入信息傳送給效力器。.3、重置按鈕 當(dāng)type=“reset時(shí)，表示該輸入項(xiàng)輸入的是重置按鈕。 單擊重置按鈕后，閱讀器可以去除表單的輸入信息而恢復(fù)到默許的表單內(nèi)容設(shè)定。 普通情況提交和重置按鈕應(yīng)該同時(shí)出現(xiàn)。 .文件輸入框 當(dāng)type=“file時(shí)，表示該輸入項(xiàng)是一個(gè)文件輸入框，用戶可以在文件輸入框的內(nèi)部填寫(xiě)本人硬盤(pán)中的文件途徑，然后經(jīng)過(guò)表單上傳。 語(yǔ)法： .跳轉(zhuǎn)菜單 在網(wǎng)頁(yè)中,用戶可利用跳轉(zhuǎn)菜單行為和列表菜單來(lái)設(shè)計(jì)彈出式列表。每一個(gè)工程都指示一個(gè)超鏈接目的。當(dāng)閱讀者選擇菜單的工程時(shí)，好像單擊了網(wǎng)頁(yè)中的超級(jí)鏈接一樣，跳轉(zhuǎn)到選工程所示的目的網(wǎng)頁(yè)。運(yùn)用范圍：