第十四章超链接与框架网页及其.ppt
《第十四章超链接与框架网页及其.ppt》由会员分享,可在线阅读,更多相关《第十四章超链接与框架网页及其.ppt(32页珍藏版)》请在三一文库上搜索。
1、1,第十四章 表单、超链接与框架网页及其应用,2,教学内容,重点: 表单中的文本域、复选框、单选按钮、列表/菜单的使用 超链接的使用 框架的使用 难点: 制作发送电子邮件表单、制作跳转菜单和在网页中加入搜索引擎等较为高级的内容 框架的应用,3,表单:是实现网页互动的元素,与客户端和服务器端脚本进行结合使用,可以实现互动性。表单支持客户端-服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息,然后单击【提交】按钮时,这些信息将被发送到服务器,服务器端脚本或应用程序对这些信息进行处理,最后服务器端将处理结果返回给客户端。用于处理表单数据的常用服务器端技术包括cgi、asp/、jsp、
2、PHP等。,表单,4,Dreamweaver提供的表单对象包括表单、文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表菜单、跳转菜单、图像域、文件域、按钮、标签、字段集等。 可以通过执行【插入】-【表单】命令来插入表单对象,也可以单击“插入”栏的“表单”类别中的表单对象按钮。,表单对象,5,创建表单 (1)新建一个网页,将光标定位在希望表单出现的位置上。 (2)执行【插入】-【表单】-【表单】命令,或选择“插入”栏上的“表单”类别,然后单击“表单”按钮。 (3)这时文档中将插入一个空的表单,如图5所示。在“设计”视图中,红色的虚轮廓线表示表单。 注意:如果没有看到红色的虚轮廓线,请
3、检查是否选中了【查看】-【可视化助理】-【不可见元素】选项。,图5 红色的虚轮廓线表示表单,(4)选定上面的表单,显示表单属性面板,如图6所示。,图6表单属性面板,6,表单属性: 表单名称:标识该表单的惟一名称。命名表单后,就可以使用脚本语言(如JavaScript 或VBScript)引用或控制该表单。 动作:指定处理该表单的动态网页或脚本的路径(如asp/、php、jsp等)。可以在“动作”文本框中键入完整路径,也可以单击文件夹图标以选择一个动态网页或脚本。 方法:选择将表单数据传输到服务器的方法,POST方法将在HTTP请求中嵌入表单数据;GET方法是将值附加到请求该页面的URL中;默认
4、方法是使用浏览器的默认设置将表单数据发送到服务器。 MIME类型:指定对提交给服务器进行处理的数据使用MIME编码类型,默认设置为 “application/x-www-form-urlencode”通常与POST方法协调使用。如果要创建文件上传域,需指定“multipart/form-data MIME”类型。 目标:设置提交表单后的目标浏览器。,7,图7 在表单中插入表格,(2)将光标定位在“用户名”右边的单元格中,执行【插入】-【表单】-【文本域】命令,或选择“插入”栏上的“表单”类别,然后单击“文本字段”图标,显示“输入标签辅助功能属性”对话框,如图8所示。,图8 “输入标签辅助功能属
5、性”对话框,插入文本字段 文本域可以接受任何类型的输入内容。文本可以单行或多行显示,也可以以密码域的方式显示。 插入文本字段步骤如下: (1)定位光标在表单中,在表单中插入表格,并填充内容,如图7所示。,8,(3)若以后不想在插入表单元素时显示“输入标签辅助功能属性”对话框,单击对话框下面的链接文字“请更改辅助功能首选参数”,显示“首选参数”对话框,如图9所示,取消“表单对象选项”。,图9 取消“表单对象选项”,(4)单击“确定”按钮,保持“输入标签辅助功能属性”对话框中的值不变,单击“确定”按钮,文本字段被插入文档中,如图10所示。,图10文本字段被插入文档中,9,(5)选择该文本域,显示文
6、本域属性面板,如图11所示。,图11 文本域属性面板,文本域属性: 文本域:指定该文本域惟一的名称。 字符宽度:设置文本域中最多可显示的字符数。 最多字符数:设置单行文本域中最多可输入的字符数。 换行:选中了“多行”选项,指定当用户输入的信息较多时如何换行显示。 类型:指定文本域为单行、多行还是密码域。 初始值:指定在载入表单时文本域中要显示的内容。,10,(6)为表格增加一行,并在该行左边的单元格中输入说明文字。将光标定位在该行右边的单元格中,然后执行【插入】-【表单】-【文本字段】命令,插入一个文本字段。选中该文本字段,在属性面板中将“类型”由“单行”改为“密码”,则创建一个密码域。 (7
7、)为表格增加一行,并在该行左边的单元格中输入说明文字。将光标定位在该行右边的单元格中,然后执行【插入】-【表单】-【文本字段】命令,插入一个文本字段。选中该文本字段,在属性面板中将“类型”由“单行”改为“多行”,则创建一个多行文本域。此时文档中页面效果如图12所示。,11,图12 插入多行文本字段文档中页面效果,(8)保存,按快捷键F12预览,在文本字段中输入文字,效果如图13所示。,图13 预览并在文本字段中输入文字,注意:要插入多行文本字段也可以直接执行【插入】-【表单】-【文本区域】命令,效果和插入多行文本字段一样。,12,插入单选按钮 使用单选按钮,只能在一组选项中选择一个选项,单选按
8、钮通常成组出现,并且同一组中的所有单选按钮必须具有相同的名称。插入单选按钮步骤如下: (1)为刚才的表格增加一行,并在该行左边的单元格中输入说明文字。将光标定位在该行右边的单元格中,然后执行【插入】-【表单】-【单选按钮】命令,插入一个单选按钮。选中该单选按钮,属性面板如图14所示。,图14 单选按钮属性面板,单选按钮属性: 单选按钮:在文本框中,为该对象指定一个名称。 选定值:设置在该单选按钮被选中时发送给服务器的值。 初始状态:当在浏览器中载入表单时,该单选按钮是否被选中。 (2)选中该单选按钮,在属性面板中将“初始状态”由“未选中”改为“已选中”,并在该单选按钮右边输入文字说明。 (3)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第十四 超链接 框架 网页 及其
链接地址:https://www.31doc.com/p-2918029.html