网页制作技能训练 教学课件 作者 高津 许晓斌项目十.ppt

《网页制作技能训练 教学课件 作者 高津 许晓斌项目十.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目十DreamweaverCS3创建表单网页计算机常用工具软件项目十任务一表单的基本概念任务二创建表单域任务三表单对象的添加任务四表单的检查计算机常用工具软件项目二任务一了解APDiv元素的基本概念课程导航任务一任务描述任务说明任务二任务三任务四任务一小明想申请个网络邮箱，于是他就上网开始先注册，注册的时候要求填写个人信息，他被这个注册网页吸引住了，他在思考，为什么填写后信息，信息会被记录呢？这个网页是如何做的呢？他带着问题找到了老师，请求老师给予解答。任务描述课程导航任务一任务描述任务说明任务二任务三任务四任务一表单（Form）是实现网页上数据传

2、输的基础，它包含多种对象，或者称作控件。其作用就是能使访问者与网站或网站管理人交互。利用表单，可根据访问者输入的信息，自动生成页面反馈给访问者；还可以为网站收集访问者输入的信息。任务说明计算机常用工具软件项目十任务二创建表单域课程导航任务一任务二任务描述任务说明操作步骤任务三任务四任务二老师跟小明讲解了有关表单的基础知识，并准备教授他如何创建表单域。任务描述课程导航任务二在Dreamweaver中能创建各种各样的表单，表单中能包含各种对象，在网页中添加表单对象，首先必须创建表单。表单在浏览网页中属于不可见元素。在DreamweaverCS3中插入一个

3、表单，当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。任务说明任务一任务二任务描述任务说明操作步骤任务三任务四课程导航任务二操作步骤1）使用菜单命令创建表单域。任务一任务二任务描述任务说明操作步骤任务三任务四课程导航任务二操作步骤2）通过面板上的按钮创建表单域任务一任务二任务描述任务说明操作步骤任务三任务四计算机常用工具软件项目十任务三表单对象的添加课程导航任务一任务二任务三任务描述任务说明操作步骤任务四任务三小明在学习过程中提出疑问，注册邮箱的网页上的那些填写信息的单选框和文本框是怎么建立的呢？任务描述课程导航任务三在创建表单之后，就可以通过

4、表单插入面板在表单中插入各种表单对象，也可以通过相应的菜单在表单中插入相应的表单对象。在DreamweaverCS3中的表单对象包括文本域、文本区域、按钮、复选框、单选按钮、列表/菜单、文件域、图象域、隐藏域、单选按钮组和跳转菜单。任务说明任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤1）添加文本域①使插入点位于表单域中。②单击“插入”面板“表单”类别中的“文本字段”按钮。③　选择菜单中的“窗口”

5、“属性”命令。④在“类型”区域中，需要做哪一类型的文本字段，就在“类型”区域单选框中选择哪个。插入完之后，保存页面，按下F2键，浏

6、览网页。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤2）添单选按钮①　把光标插入到页面的表单范围内。②　单击“插入”面板“表单”类别中的“单选按钮”。③　单击选中其中一个单选按钮，打开属性面板。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤3）添加复选框①把光标插入到页面的表单范围内。②　单击“插入”面板“表单”类别中的“复选框”按钮。③　单击选中其中一个复选框，打开属性面板。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤4）插入“列表/菜单”①滚动式列表②下拉式菜单任务一任务

7、二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤5）创建文件域①把光标插入到页面的表单范围内。②单击“插入”面板“表单”类别中的“文件域”按钮。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤6）创建图象域①　将把光标插入到页面的表单范围内。②　单击“插入”面板“表单”类别中的“图像域”按钮③　单击“确定”按钮即可在表单中插入图像。任务一任务二任务三任务描述任务说明操作步骤任务四课程导航任务三操作步骤7）建跳转菜单①　将把光标插入到页面的表单范围内。②　单击“插入”面板“表单”类别中的“跳转菜单”按钮。③　如果要添加

8、多个跳转菜单项，可单击按钮，然后在“文本”文本框中输入名称，也可以单击按钮，删除菜单项。④　设置完成后，单击“确定”按钮，即在文档中添加了跳转菜单。任务一任务二任务三任务描述任务说明操作步骤任务四计算机常用工具软件项目十任务四表单的检查课程导航任务一任务二任务三任务四任务描述任务说明操作步骤任务四小明心中一直有个疑问，那为什么填写信息时如果填写有错误，网页还会报错呢？网页会自己检查吗？任务描述课程导航任务四为了提醒用户在填写表单时，出现填写错误或漏填等情况时能及时地改正，就需要对表单的信息在客户端做一些处理。在DreamweaverCs中，可以通过“

9、检查表单”行为来检查在表单中输入的内容是否符合要求，例如，当将“密码”文本域设置成输入的密码为数字，若输入的