02-第16课《网站组版1使用表单》学历案.docVIP

2016课改-学历案 齐齐哈尔市建华区春江路4号 电话:2747111 《网站组版1》学历案 章节 第十六章：使用表单 德育主题 文明礼貌是中华民族的传统美德。 课次 16/44 任务名称 任务1：制作具有复合功能的搜索条 1环 发微课 微指导 下发微课ZB-A-10.mp4 2-3天 2环 服从 训练 常态视频0-1.avi,教师严肃静立，目视全班，学生绝对静止 1 情景 导入 (视频zb-11.avi) 3 任务 描述 表单是用户与网站交互的重要桥梁，而spry表单构件则是Dreamweaver 中实现异步传输功能的重要组件。本例就是通过制作具有复合功能的搜索条做为引例，使学生学会使用表单，设置表单标签属性和插入spry文本区域。 2 任务 分析 那么如何制作具有复合功能的搜索条呢？有以下几个步骤： 1.启动DW环境； 2. 【插入】-【表单】-【表单】命令； 3.完成具有复合功能的搜索条的制作。 2 任务 实现 一、 创建流程： 步骤01：插入表单标签 打开“sousuo.html”网页，将插入点定位到名为“sousuo”的div标签中。 在“插入”浮动面板的“表单”分类列表中单击“表单”按钮，完成插入表单标签的操作。 步骤02：设置表单标签的属性 （1）在“表单标签”属性面板中的“动作”文本框中输入“search.asp”。 （2）在“目标”下拉列表框中选择-blank选线，完成表单标签的属性设置。 步骤03： 在表单中插入菜单 （1）将插入点定位到表单标签中。 （2）在“插入”浮动面板的“表单”分类列表中单击“选择（列表/菜单）”按钮。 （3）在“输入标签辅助功能属性”对话框中设置“id”“type”“标签”为“查询类型”。 （4）单击“确定”按钮，完成插入菜单的操作。 步骤04：设置菜单项 选择插入的菜单项。 在“选择（列表/菜单）”属性面板中单击“列表值”按钮，打开“列表值”对话框。 单击“+”按钮添加5个项目标签。 分别在“项目标签”列输入“图片”“视频”“网页”“新闻”和“购物”其“值”分别输入“1”“2”“3”“4”“5”。 单击“确定”按钮，完成菜单项的设置。 步骤05：插入文本域 （1）在菜单列表后按shift+enter组合键进行换行。 （2）在“插入”浮动面板的“表单”分类列表中单击“文本字段”按钮。 （3）在打开的对话框中设置“id”为“keywords”“标签”设置为“查询内容” （4）单击“确定”按钮，完成文本域的插入操作。 步骤06：设置文本域属性 选择插入的文本域 在“文本域”属性面板中设置“字符宽度”为“25”。 在“类型”单选按钮组中选中“多行”单选按钮。 将“行数”设置为“3”完成文本域的设置操作。 步骤07：插入按钮 （1）在文本域后按enter键进行换行，在“插入”浮动面板的“表单”分类列表中单击“按钮”按钮。 （2）在打开的对话框中将“id”设置为“submit”。 （3）单击“确定”按钮，完成插入按钮的操作。 步骤08：预览效果 保存网页，按F12键，在浏览器中查看最终效果。 15 嵌入 德育 文明礼貌的表现视频X-09.avi 3 相关 知识 什么是表单和表单标签？ 在网上进行购物或进入娱乐等软件界面时，常常会进行注册用户名、申请QQ号码和申请游戏账号等操作，在注册过程中常常都需要填写文本内容、在选项中做选择和单击按钮进行提交等，这类网页元素就是html中用于交互的元素——表单。 表单：表单是由表单标签和它所包含的表单元素所组成的，并且在浏览器中不会进行显示，在网页中主要用于提交信息。 表单标签：表单标签是由表单元素所组成的，其作用是定义表单的总体属性，如提交的目标地址、提交方式和表单名称等。 2.表单标签的属性功能？ “表单ID”文本框：主要用于为表单设置唯一的名称标识，以便脚本程序对其进行控制。 “动作”文本框：主要用于设定表单的处理程序url地址，如E-mail方式则需要在“动作”文本框中输入“mailto:+发送的url地址（mailto:540392897@）”。 “方法”下拉列表框：主要用于设置表单传输数据的方法，有“默认”“get”“post”3种，“get”方法有传输数据量限制，因此相比之下“post”应用得更多一些。 “目标”下拉列表框：设置表单提交并处理