应用表单和表单对象.doc

《应用表单和表单对象.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、单元二模板与表单的使用项目三　应用表单和表单对象教学目标1．理解表单的概念、用途以及表单对象的注意事项；2．掌握表单的创建和设置，以及表单的检查；3．掌握各表单对象的插入和属性的设置，以及表单中数据的提交；4．掌握商品订购界面、留言板以及注册表界面的制作；教学要求1．认真听讲，专心操作,操作规范，认真记录实验过程，总结操作经验和写好实验报告，在实验中培养严谨科学的实践操作习惯；2．遵守学校的实验室纪律，注意人身和设备的安全操作，爱护实验设备、及时上缴作业；3．教学环境：50台计算机，并安装Windows

2、XP操作系统以及Dreamweaver8以上系统。知识要点1．理解表单的概念、用途；2．认识表单对象及其注意事项；技术要点1．掌握表单的创建和设置，以及表单的检查；2．掌握各表单对象的插入和属性的设置，以及表单中数据的提交；3．掌握商品订购界面、留言板以及注册表界面的制作；技能训练一．讲授与示范正确启动计算机，在最后一个磁盘上建立以学号为名的文件夹，从指定的共享文件夹中将“实习指导书”和其他内容复制到该文件夹中。(一)表单的概念1．表单可以实现浏览者与服务器之间信息的交互传送，实现网络信息收集处理的一种

3、重要的方式，表单是动态网页的灵魂。2．用途通过表单可以从Internet服务器网络的用户端收集信息例如收集用户资料、获取用户订单，然后将收集来的信息经过服务器处理后再反馈给用户。3．通常表单的工作过程1）访问者在浏览有表单的页面时，可填写必要的信息，然后单击“提交”按钮；2）通过Internet将信息传送到服务器上；3）服务器上专门的程序对这些数据进行处理，若有错误会返回错误信息，并要求纠正错误；4）当数据完整无误后，服务器反馈一个输入完成信息。4．表单组成一个完整的表单设计包含两个部分1）表单对象部分

4、指在网页中进行描述的表单对象，由网页设计师制作出，即看到的页面界面，并不具备工作能力；。2）应用程序部分它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。程序设计师来编写，实现表单与数据库之间的连接。(二)认识表单对象在Dreamweaver中，表单输入类型称为表单对象。选择“插入”→“表单对象”来插入表单对象；或者如图1显示的“表单”面板选择某表单对象实现插入表单对象。1．表单“表单”在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这

5、些数据。2．文本域“文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。3．复选框“复选框”在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。图1　表单面板的表单对象4．单选按钮“单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。5．单选按钮组“单选按钮组”插入共享同一名称的单选按钮的集合。

6、6．列表/菜单“列表/菜单”使您可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项。7．跳转菜单“跳转菜单”插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。8．图像域“图像域”使您可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。9．文件域“文件域”在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏

7、览到其硬盘上的文件，并将这些文件作为表单数据上传。10．按钮“按钮”在表单中插入文本按钮。按钮在单击时执行任务，如提交或重置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。11．标签“标签”在文档中给表单加上标签，以形式开头和结尾。12．字段集“字段集”在文本中设置文本标签。(三)表单的创建1．创建表单1）将插入点放在希望表单出现的位置。2）选择“插入”→“表单”或选择“插入”面板上的“表单”面板→“表单”按钮图标。图2　表单的插入表单在浏

8、览网页中属于不可见元素。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。若没有看到此轮廓线，请检查是否选中了“查看”→“可视化助理”→“不可见元素”。2．表单属性面板在文档中插入了表单对象后，用鼠标选中表单红色虚线框，或单击HTML状态栏中的