資源描述:
《第6章Dreamweave中表格和表單的應用ppt課件.ppt》由會員上傳分享,免費在線閱讀,更多相關內容在教育資源-天天文庫。
1、第6章Dreamweaver中表格和表單的應用表格在網頁設計中,頁面布局是一個重要的部分。Dreamweaver8.0提供了多種方法來創(chuàng)建和控制網頁布局,最普通的方法就是使用表格,使用表格可以簡化頁面布局設計過程、導入表格化數(shù)據、設計頁面分欄及定位頁面上的文本和圖像等。返回目錄插入表格在Dreamweaver8.0“文檔”窗口的“設計”視圖中,將插入點置于需要插入表格的位置。如果文檔是空白的,則只能將插入點放置在文檔的開頭。執(zhí)行下列操作之一打開“表格”對話框,如下圖所示。選擇[插入]?[表格]菜單命令;在“插入欄”的“常用”選項卡中單擊“表格”按鈕;按【Ctrl+Alt
2、+T】鍵。圖表格在“表格”對話框中可對各項參數(shù)進行設置。在表格中添加內容將表格插入到文檔后即可向表格中添加文本或圖像等內容。向表格中添加內容的方法很簡單,只需將光標定位到要輸入內容的單元格,再輸入文本即可。選擇表格表格的選取是編輯表格的前提,要在表格中進行任何操作都離不開選取表格。整個表格的選擇整行或整列的選擇單個單元格的選擇一行或矩形單元格的選擇單擊一個單元格,然后按住shift鍵單擊另一個單元格.這兩個單元格定義的直線和矩形區(qū)域中的所有單元格都將被選擇。在按住ctrl鍵的同時單擊要選擇的單元格、行或列,可選擇不相鄰的單元格。設置表格屬性為了使表格更具特色,需要在“表
3、格”屬性面板中對表格線的顏色、表格或單元格的背景、邊框等進行設置?!氨砀瘛睂傩悦姘逯酗@示了所插入的表格的所有特性,通過修改面板中的參數(shù)可快速地編輯表格外觀。如果窗口中沒有顯示屬性面板,可選擇[窗口]?[屬性]菜單命令打開。如下圖所示。圖表格屬性拆分與合并單元格修改---表格---合并拆分單元格插入或刪除行或列修改---表格---刪除行或列格式化表格命令---格式化表格如下圖所示圖格式化表格表單表單是用于實現(xiàn)瀏覽者與網頁制作者之間信息交互的一種網頁對象,在Internet中表單被廣泛應用于各種信息的搜集與反饋。通常表單的工作過程如下:(1)訪問者在瀏覽有表單的頁面時,可填
4、寫必要的信息,然后單擊“提交”按鈕。(2)提交的信息通過Internet傳送到服務器上。(3)服務器上有專門的程序對這些數(shù)據進行處理,如果有錯誤會返回錯誤信息,并要求糾正錯誤。(4)當數(shù)據完整無誤后,服務器反饋一個輸入完成信息。返回目錄圖“表單”面板輸入標記標簽是表單中的輸入標記,它是個單標簽。選中插入的單行文本域,設置文本域相關屬性,如下圖所示。1、單行文本框type=text,表示該輸入項輸入的是字符串,輸入的內容以單行顯示。type=text,標簽除了有na
5、me和type屬性外,還有3個可選的屬性:value、size、maxlength。value屬性:用來設定文本框中的初始值size屬性:用來設定文本框的長度maxlength屬性:用來設定該文本框允許用戶輸入的最大字符數(shù)。2、密碼框:當type=“password”時,其使用方法與text很相似。password所輸入的字符全以?號表示,以保證密碼的安全性多行文本框cols
6、屬性:用來設定多行文本框一次能顯示的列數(shù)。rows屬性:用來設定多行文本框一次能顯示的行數(shù)。單選框和復選框1、單選框:單選按鈕作為一個組使用,提供彼此排斥的選項值。用戶在單選按鈕組內只能選擇一個選項。當type=“radio”時,表示該輸入項是一個單選項,用戶只能選擇單選項中的一項作為輸入信息。checked屬性,用來表示此項被默認選中。value屬性,用來設定選中項目后傳送到服務器端的。2、復選框:復選框主要用來選擇選項不唯一的一些信息。當type=“checkbox”時,表示該輸入項是一個復選框,用戶可以同時選中表單中的一個或多個復選項作為輸入信息。checked屬
7、性,用來表示此項被默認選中value屬性,用來設定選中項目后傳送到服務器端的值。菜單和列表在表單中,通過size屬性:用來設定顯示的選項數(shù)目,默認值