(江西信息应用职业技术学院计算机技术系.docVIP

江西信息应用职业技术学院计算机技术系 上机实训报告 课程：WEB程序设计与应用 任课教师：曾斌 实训场所及日期：综501机房；2007-3-23 姓名：张大海 学号：专业及班级：网络专业03（2）班 实训：表单设计 实训序号：1 成员人数：1 一、实训目的及要求 1、感受表单的功能，并掌握用Dreamweave设计表单， 2、阅读理解表单的HTML代码。 二、实训环境 学生上机电脑，安装好IIS和DW 三、实训内容 1、用Dreamweave设计表单 2、阅读理解表单的HTML代码，并能用手工方式修改代码 四、实训步骤 步骤1打开DW，新建一个HMTL页面 步骤2 打开表单设计面板，制作登录表单 步骤3 插入表单域 步骤4 插入表格 步骤5 制作表单元素，并把这些表单元素放置到单元格中 步骤6 按F12，在浏览器中打开页面，感受表单的使用 步骤7 切换到代码视图，阅读代码 步骤8 手工修改代码，以设置表单属性和表单元素属性 步骤9 制作注册表单 步骤10 制作文件上传表单 步骤11 制作留言表单 五、实训结果 1、用Dreamweave设计了注册表单、登录表单、文件上传、留言表单； 2、阅读理解表单的HTML代码，并用手工方式修改表单属性和表单元素属性； 六、总结 表单中交互系统最常见的交互界面，通过用DW进行设计，设计时，先制作表单域，再制作表格，表单元素通过单元格进行排列，整齐有序。通过手工修改代码方式，能使表单功能完善和强大 七、附录（源程序清单等） form method=POST action=studentinfosend.asp name=form1 onsubmit=javascript: return check_null(); table width=100% border=1 cellpadding=4 cellspacing=0 bordercolor=#0099cc tr td height=28 colspan=2 bgcolor=#0099CC div align=centerfont color=#FF0000学生注册br br (兼学生考试注册,带星号为绝对必填项)/font/div/td /tr tr td width=27% height=28 bgcolor=#0099ccfont color=#FFFFFFnbsp;姓名/span/font/td td width=73% height=28 bgcolor=#F4FAFF nbsp; input name=studentname type=text id=studentname size=20 **/span/td /tr tr td width=27% height=28 bgcolor=#0099ccfont color=#FFFFFFnbsp;学号/font/td td width=73% height=28 bgcolor=#F4FAFF nbsp; input type=text name=studentid size=20 **例td /tr tr td width=27% height=28 bgcolor=#0099ccfont color=#FFFFFFnbsp;班级/font/td td width=73% height=28 bgcolor=#F4FAFF nbsp; select name=class option value=04测试1 04测试1 /option o