实训一：建立一个简单的网站.doc

实训二十七 ：表单的创建与设置 实训目的和要求 一、实训目的: 了解表单在网页中的作用。 能够创建各种表单。 二、实训要求 了解表单及表单元素的组成。 掌握表单的创建方法。 掌握各种表单元素的属性设置。 三、时间分配 2课时 四、环境要求 Dreamweaver MX 2004 五、内容提要: 建立一个本地站点。 按样张创建表单。 保存网页。 预览网页。 六、教学重点与难点: 表单域的建立。 各种表单元素的插入。 表单元素的属性设置。 实训内容与步骤 一、准备工作 在C盘或其他盘新建一个文件夹，作为站点文件夹。输入你想要的站点名称，这里输入myweb27。在此文件夹中新建一个图像文件夹images，并将给定图像素材复制到其中。 二、建立本地站点 用已学方法建立本地站点。 三、按样张创建网页 在默认打开的网页中，选择【修改】|【页面属性】命令，设置背景颜色为#F0F0F0。 在网页中插入一个表单域，然后在其中插入一个12行2列的表格。参数设置如图27.1所示。选中表格第一列所有单元格，在属性面板的表格“高”输入框中输入30，将最后一行两个单元格合并为一个。选中整个表格，设置为居中对齐。如图27.2所示。 图27.1插入表格对话框 图27.2合并单元格后效果 按样张在表格中插入文字和相应的表单元素。样张如图27.3所示。各表单元素名称及主要属性为： 姓名：文本字段、字符宽度20、最多字符数8、类型“单行”。 密码：文本字段、字符宽度10、最多字符数8、类型“密码”。 身份证号：文本字段、字符宽度20、最多字符数18、类型“单行”。 性别：两个单选按钮、初始状态均为“未勾选”。 生日：三个列表/菜单、类型均为“菜单”、单击“列表值”按钮设置相应的列表值。 E-mail：文本字段、字符宽度40、最多字符数40、类型“单行”。 申请代理网站：跳转菜单、列表值分别为“网易”/“新浪”/“搜狐”、跳转URL别为“sx27-1.htm”/“sx27-2.htm”/“sx27-3.htm”（稍后再建这三页）。 产品简介附件：文件域、字符宽度30。 结算方式：三个复选框、初始状态均为“未勾选”。 用户留言：文本区域、字符宽度40、行数5、类型为“多行”。 提交按钮：插入按钮、动作为“提交表单”。 重置按钮：插入按钮、动作为“重置表单”。 返回上一页按钮：插入按钮、动作为“无”、标签为“返回上一页”。 图27.3表单样张 四、保存网页 选择【文件】|【保存】命令，将此网页保存在站点中，文件名为sx27-0.htm。 五、创建其他页 用所学过的方法在站点中创建sx27-1.htm、sx27-2.htm和sx27-3.htm三张网页，并分别在网页中输入“欢迎来到网易代理中心”、“欢迎来到新浪代理中心”和“欢迎来到搜狐代理中心”作为网页内容，保存网页以备测试跳转菜单时用。 六、站点测试 按F12键在浏览器中预览，观察效果与样张是否一样，模拟用户输入有关信息，测试各项是否与设计要求一致。