资源描述：
《网页设计_第3次实验_库、模板、表单的使用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、实验报告（计算机类）课程名称：网页设计实验项目：库、模板、表单的使用计算机号：院系专业：班级学号：学生姓名：实验日期：制信息管理学院实践教学中心一、实验目的：1.掌握创建和应用库项目的方法；2.掌握创建和应用模板的方法。3.掌握插入和设置表单对象的方法；4.掌握插入和设置Spry验证表单对象的方法。二、实验内容：1.创建和应用库项目；2.创建和应用模板。3.插入和设置表单对象；4.插入和设置Spry验证表单对象。三、实验环境（使用硬件、软件等）：1.计算机(CPUPIII以上，内存128M以上，硬盘20G以上)2.Windows
2、XP操作系统3.IIS5.14.ACCESS或SQL数据库5.DreamweaverCS5备注：序号（一）、（二）、（三）为实验预习填写项一、实验步骤及程序编辑：1.启动DreamweaverMX2004程序，选择菜单“文件”—>“新建”命令，打开“新建文档”对话框.在对话框“常规”标签下选择“类型”列表中的“基本页”选项，创建HTML网页.2.创建页面后，按Ctrl+s键，保存网页到本地站点内，文件命名为form.htm.如图12-1所示.3.保存页面后,选择插入面板上的"表单"选项,在表单面板中单击"表单"按钮000,在页面
3、中插入表单域4.将光标停放到表单域中,选择常用面板上的"表格"按钮,在表单域中插入8行2列的表格.5.用鼠标选中表格,打开属性面板.6.在表格属性中,设置其宽度为500像素,"填充"值为1,"间距值为0,在"对齐"下拉列表中选择"绝对居中"选项,"边框"值为1,最后在"边框颜色"文本框中输入色标值#FFFFFF(白色).7.拖动鼠标,选中表格第一行的两个单元格,在属性面板的"背景颜色"文本框中输入色标值#6699CC,或单击旁边的"背景颜色"按钮,选取蓝色.8.拖动鼠标,选中其他单元格,设置背景颜色为"灰色"(色标值为#CCCC
4、CC).9.完成表格的属性设置后,按下键盘Ctrl+s键或选择"文件"—>"保存"命令,保存页面.10.在第1行单元格内输入文字"用户信息",然后选中文字打开属性面板,单击面板的"绝对居中"按钮,使文字移动到表格的中间位置.设置文本颜色为"白色"(色标值#FFFFFF).如图12-3所示.11.在第2行第1个单元格中输入文字"用户名:",然后单击表单面板中"文本字段"按钮,插入文本框.12.选中插入的文本框,打开属性面板,在"文本域"下面的文本框中输入"name",这是文本框的名称;在"字符宽度"文本框中输入"25";"类型"选
5、择"单行"单选按钮;"最多字符数"和"初始值"为默认.参数设置如图12-4所示.13.在第2行第2个表格中输入文字"密码:",按同样的方法插入文本框.然后选中文本框打开属性面板,在"文本域"中输入名称为Passowrd,"字符宽度"为25,"类型"选择"密码"单选按钮,"最多字符数"和"初始值"不用填.如图12-5所示.14.在第3行第1个表格中分别输入“性别：”“男”“女”，然后单击表单面板中的“单选按钮”按钮*，在“男”“女”的前面分别插入单选按钮。15.选中第一个单选取按钮，打开属性面板，在“单选按钮”文本框中输入单选按钮
6、名称man，“选定值”文本框中输入“男”，“初始状态”选择“未选中”单选按钮，如图12-6所示。接着选中第2个单选按钮，其设置名称和选定值分别是woman.女，其他设置一样。16.在第3行第2个表格中输入“省份：”，然后单击表单面板中的“列表/菜单”按钮，在“省份：”旁边插入“列表/菜单”框。17.选中“列表/菜单”框，单击属性能面板上的按钮，打开“列表值”对话框，在“项目标签”下面输入各个省份的名称，如北京.黑龙江等，单击按钮可增加项目，单击按钮可删除项目，右边的两个按钮，可用来调整项目的上下位置。如图12-8所示。18.单击
7、“确定”按钮，返回属性面板，在“初始化时选取定”文本框中出现了刚才设置的项目标签。然后在“列表/菜单”下面的文本框中输入“select”，在“类型”选项区选择“菜单”单选按钮。如图12-9所示。19.在第4行的两个表格中分别插入“电话“和“地址”的“文本字段”。其属性的名称分别是Phone和Address，“字符宽度”都是25，“类型”都选择“单行”。20.在第5行的第1个表格中输入“E-mail：”文字，插入“文本字段”，属性面板中的“文本域”名称为Email，“字符宽度”为25，“类型”选择“单行”，其他设置为默认就可以。2
8、1.在第5行的第2个表格中输入“上传：”文字，然后单击表单面板中的“文件域”按钮，在“上传：”文字旁边插入文字域字段，接着在属性面板中的“文件域名称”中输入file，“字符宽度”文本框中输入16，“最多字符”的文本框保留为空。参数设置如图12-10所示。22.拖
