第一篇：網(wǎng)頁設計與制作實訓十二
《網(wǎng)頁設計與制作》實訓
表單設計
實訓內(nèi)容：用戶注冊界面設計
操作提示：
第一步：制作“用戶注冊”界面
1）在Dreamweaver CS4中新建一個網(wǎng)頁文件，將網(wǎng)頁標題設置為“用戶注冊”。2）選擇“插入→表單→表單”命令在文檔中插入一個表單，如圖12-1所示。
圖12-1 插入表單
3）將光標置于創(chuàng)建的表單內(nèi)，插入一個12行2列的表格，并設置表格的寬度為530像素、間距為0像素、邊框為0像素。
4）選中第一行的兩個單元格，單擊“修改→表格→合并單元格”命令，將它們合并為一個單元格。用同樣的方法將最后一行的單元格合并為一個單元格，如圖12-2所示。
圖12-2
插入的表格 5）將光標置于第一行的單元格中，輸入“用戶注冊”，在單元格“屬性”面板中設置文本居中對齊。
6）根據(jù)圖12-3提供的界面內(nèi)容，分別在表格第1列的其它單元格中輸入昵稱、真實姓名、密碼等文本。選中輸入的文本，并將它們設置為粗體、右對齊方式。
圖12-3
輸入文本
7）選中表格中所有的單元格，在單元格“屬性”面板中設置單元格的高為30。第二步：插入文本域
1）在圖12-2所顯示的表格中，將光標置于“昵稱：”后面的單元格中，單擊“表單”標簽中的“文本字段”按鈕，或者選擇“插入→表單→文本域”命令，均將打開“輸入標簽輔助功能屬性”對話框，如圖12-4所示。
圖12-4
“輸入標簽輔助功能屬性”對話框
2）單擊【確定】按鈕，在光標處插入了一個單行的文本域。3）選中插入的文本域，其對應的“屬性”面板如圖12-5所示。
圖12-5
文本域“屬性”面板
文本域“屬性”面板中各選項含義如下：
文本域：用于標志該文本域的名稱。每個文本域的名稱都不能相同，它相當于表單中的一個變量名，服務器通過這個變量名來處理用戶在該文本域中輸入的值。
字符寬度：設置文本域中最多可顯示的字符數(shù)。當設置該選項后，若是多行文本域，標簽中增加cols屬性，否則標簽增加size屬性。如果用戶的輸入超過字符寬度，則超出的字條將不被表單指定的處理程序接收。
最多字符數(shù)：設置單行、密碼文本域中最多可輸入的字符數(shù)。當設置該項后，標簽增加maxlength屬性，如果用戶的輸入超過最大字符數(shù)，則表單產(chǎn)生警告聲。
類型：設置文本域的類型，可在單行、多行或密碼3個類型中任選一個?！皢涡小鳖愋蛯a(chǎn)生一個標簽，它的type屬性為text，這表示此文本域為單行文本域。“多行”類型將產(chǎn)生一個