网页制作教学案——网页表单
网页设计与制作项目教程 单元6 表单网页的制作
续表
网页布局结构分析
网页色彩搭配分析 网页组成元素分析 任务实现流程分析
（1）网页布局结构，如图6-12所示 （2）无导航栏
网页中文字的颜色：#2b2b2b，背景颜色：#000000 主要包括表格、表单域、表单控件、表单外框、文本和图像等网页元素 制作表格布局的网页→插入表单域→插入表单控件→检查提交表单数据的正确性
本单元“模仿训练”的任务跟踪卡如表6.2所示。
表6.2 单元6“模仿训练”任务跟踪卡 任务编号 开始时间 完成时间 计划工时 实际工时 当前状态
本单元“模仿训练”网页task6-1.html的浏览效果如图6-12所示。
图6-12 北京大学网站新生注册表单网页task6-1.html的浏览效果图
任务6.1.1 插入表单域、设置属性及其表格布局
图6-13 插入表单域、设置属性及其表格布局
图6-14 模拟处理表单数据的程序文件
〖任务实施〗 （1）创建Unit6站点结构，将所需图片复制到“images”文件夹中，使用 “网页骨架.html”文件，保存为“task6-1.html”网页文件，将其拖曳到编辑 器中进行编辑，修改网页标题为“北京大学新生注册页面”，接着设置及 其他属性，保存该网页，并在浏览器中浏览。 （2）在网页中插入一个表单标记，设置action属性为“ok.html”，其中“ok. html”代表处理表单数据的程序文件。设置表单的method属性为“post”。
本单元难点 教学方法
（1）在网页中正确插入表单域，在表单域中正确插入各种表单元素 （2）检查提交表单数据的正确性
（1）在表单域中插入列表/菜单 （2）在表单域中插入表单外框 任务驱动法、分组讨论法
在Web网页中，浏览者经常需要与WEB服务器进行数据交换。 当浏览者需要填写数据，并将这些数据发送到服务器端时，需要 在页面中创建表单。 例如： 163免费邮箱的登录表单，如图6-1所示。
网页制作表单教学设计教案
网页制作表单教学设计教案(共5页)-本页仅作为预览文档封面，使用时请删除本页-5．2网页制作——表单教学方法：教学演示、任务驱动、自主练习一、教学目标：1、知识与技能了解表单的概念掌握表单网页的制作方法2、过程与方法体验表单网页的制作过程体验用表单网页进行信息的采集过程3、情感、态度、价值观认识信息技术对人们日常生活、学习、工作的影响激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度二、重点难点：表单网页的概念表单网页的制作方法三、课程标准：选修模块3：网络技术应用---网站设计与评价---内容标准---能够根据表达任务的需求，使用常用的网页制作软件制作网页四、教学媒体：(本教案需用到的各种教学媒体和资源)1.硬件：网络机房2.软件：多媒体广播教学软件，FrontPage2000学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌握常用网络工具软件的使用，如QQ、E-mail等等，并且有着浓厚的兴趣。
大部分学生只停留在利用QQ聊天、进行网络游戏、收发E-mail等阶段，对申请QQ号码和E-mail时的网页结构形式知之甚少。
本节课的关键是通过学习，了解表单网页的制作过程和方法，为以后信息获取和处理打下基础。
六、教材分析：网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节，对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。
而表单网页在基于网络的信息收集处理方面有着明显的优势。
一、一、问题的提出制作一张如下所示的用户登记表二、二、问题：1．上述用户登记表中有哪几种表单域？2．表单的工作原理是什么？三、三、表单的构成表单域：是容纳输入信息的容器，是用户输入数据的地方。
表单控制器：负责处理用户在表单中填写的信息。
“提交”和“重置”按钮：将信息提交到站点服务器、清除表单中已填写的内容。
四、四、制作用户登记表单行文本框：用于让用户输入一行文本信息，并能够被Web 服务器接受，用户登记表中的姓名、年龄和E_mail均是单行文本框。
《信息技术》教案-网页表单
《信息技术》教案-网页表单一、教学目标1. 让学生了解网页表单的概念和作用。
2. 让学生掌握网页表单的基本组成和常用元素。
3. 让学生学会使用网页表单进行信息提交和数据交互。
4. 培养学生动手实践能力和团队协作精神。
二、教学内容1. 网页表单的概念和作用2. 网页表单的基本组成和常用元素3. 表单域类型及属性4. 表单控件类型及属性5. 表单提交和数据交互三、教学重点与难点1. 网页表单的基本组成和常用元素2. 表单域类型及属性的应用3. 表单控件类型及属性的应用4. 表单提交和数据交互的方法四、教学方法与手段1. 讲授法：讲解网页表单的概念、基本组成和常用元素。
2. 案例分析法：分析实际案例，展示网页表单的应用。
3. 动手实践法：学生动手编写代码，创建网页表单。
4. 问答法：解答学生提出的问题。
五、教学过程1. 引入新课：通过展示一个简单的网页表单，引发学生对网页表单的兴趣。
2. 讲解网页表单的概念和作用，介绍基本组成和常用元素。
3. 讲解表单域类型及属性，示例演示如何使用。
4. 讲解表单控件类型及属性，示例演示如何使用。
5. 讲解表单提交和数据交互的方法，示例演示如何实现。
6. 学生动手实践：分组编写代码，创建具有实际应用意义的网页表单。
7. 问答环节：解答学生在实践过程中遇到的问题。
9. 布置作业：让学生课后完善所创作的网页表单，提高实践能力。
10. 课后反思：教师对本节课的教学效果进行反思，为下一节课做好准备。
六、教学评价1. 评价学生对网页表单的概念和作用的理解程度。
2. 评价学生对网页表单的基本组成和常用元素的掌握情况。
3. 评价学生对表单域类型及属性的应用能力。
4. 评价学生对表单控件类型及属性的应用能力。
5. 评价学生对表单提交和数据交互的实现方法。
七、教学资源1. 网页表单相关教材或教学参考书。
2. 网络资源，如在线教程、案例分析等。
3. 编程环境，如文本编辑器、网页浏览器等。
初中信息技术教案 第七课_制作表单网页教案
接受。
师：这样的网页我们能做出来吗？请大家 分组合作，根据教 带着任务去实践
根据教材提示插入一个表单，出现教材图 材提示插入表单， 可以做到有的放
1-7-3 的效果。
并设计表单的版面 矢。
教师巡视指导
师：现在的效果是否可以称之为表单呢？
学 师：对，我们还需要在特定位置插入若干 生：不可以
表单中的重要元素——控件。请大家根据
解吗？
与 师：根据本节的学习内容，完成“实践与 设计“父母在我心
创新”第一个任务
情
中”表单网页
感
第四阶段：综合实践，巩固与提高，自由创作，迁移运用
第2页共3页
教学 环节
教师活动
学生活动
设计理念
师：同学们是否听说过“留言板”这个概
实 念？在访问其它网站时是否在留言板上
引入新概念，引导 学生对新新知识
教师活动
学生活动
课堂小结本节课的学习内容。
课 师：到今天为止，我们已将“网站设计与 总结
制作”的全过程学习完毕，同学们想必对
堂 此有了一个全面的了解和把握。
但是，我们在本单元学习的网站制作技
小 术只是网站设计的初步，还有更多、更新
的网站技术等待我们去学习和掌握。
结
设计理念
以更高的视角 认识网站建设，让 学生以饱满的学 习热情，探索网站 建设的途径和方 法。
教学 环节
教师活动
学生活动
设计理念
引导学生“读一读”
导
师：经过前面六课的学习，我们已经初步 掌握了网站设计和制作的一般步骤。我们
研读材料，思考问
以格言和名言
入
的网站做得怎么样？有哪些地方需要改 题。 进呢？如果别人给我们提出意见和建议，
网页制作教学案——网页表格
教学内容或课题
专题一：网页制作基础知识
第五课网页表格
课程标准[测试要求]
理解表格在网页制作中的特殊用途；掌握绘制表格的方法并能根据实际需要设计表格；掌握设置表格的边框、背景、大小的方法。
教学重点与难点
表格的绘制方法与表格的编辑方法
教学课型与方法
新授/讲解、启发与研讨
②将单元格⑥中文本的行间距设置为1.5倍行距，同时拖动表格右边框以调整表格宽度，使各行文字均呈单行显示。
③将“小知识”下面的两行文字颜色设置为：浅红色（Hex={CC,66,99}），行间距设置为1.5倍行距。
2、表格内图片的插入与处理：（图片存放在“D:\素材5”内）。
学生操作：参考样张将所需图片插入到网页表格指定位置
电教手段
网络教室（局域网）、杰特多媒体教学平台
教学过程
补充与调整
课前导入
通过前面几个页面的制作，同学们已积累了一定的网页制作基础知识，下面我们先来欣赏这样的一个网页：
（教师打开D:\HBX\INDEX.HTM并引导学生进行分析该网页的布局及特点）
（Ⅰ）基础知识
一、表格的建立：
1、自动制表：
方法指导+教师讲解
（Ⅲ）课堂练习
一、操作题
打开站点“D:\hbx”（其中x代表班级），新建一个名称为index.htm的网页（样张如下）。
指导步骤：
1、绘制一个结构如下的表格：
2、打开记事本文件“D:\素材5\文字材料.txt”，将各段文本复制到相应的单元格内。
3、设置格式（文字处理）：
①将“科学家们发出警告……”设置为：首行缩进量32（相当于2个字符），行间距设置为1.5倍行距，文字颜色设置为浅蓝色（Hex={00,99,FF}）。
高中信息技术《网页制作》教案三篇
【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。
⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。
这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。
接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。
能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。
情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。
接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。
网页制作教学案——应用表格布局网页
（3）、出示任务二：见环保网站的index.html新建一个页面，用表格布局该网页。FrontPage中表格的插入于编辑与Word中的表格操作类似，教师着重引导学生进行知识迁移。
（4）给出时间让学生操作，然后安排操作熟练的学生进行演示、教师讲解。
设计意图：分层教学，学生可以根据自己的实际情况选择任务难度，并动手分析和进行创意设计，培养学生的模仿以及创新能力。
设计意图：培养学生知识迁移的能力和动手能力。
在实际操作中考虑到学生的基础水平不一，此处应将常用的表格创建的方法，表格编辑、表格工具栏的使用方法等再介绍演示一次。
表格属性与单元格属性设置是本节课重点，普通同学易混淆二者。
设计意图：更好的发挥优秀学生创作思维动手能力。
3、课堂小结、后续活动
（1）、教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格、表格属性和单元格属性设置、以及表格嵌套的基本方法等。
（2）、教师展示优秀作品，表扬完成任务的学习，对未完成任务的学生，应鼓励他们利用课余时间继续完成
该任务基本与word里类似，而且图片、动画前面已经讲过。故不详细讲叙。
给出素材：
学生操作
对完成情况好的学生予以评品，对尚未完成或完成不理想的学生给出修正意见。
至此第一课时新课部分结束
设计意图：确保达到教学目标的同时，给学生一定的自主空间，鼓励他们去创新，而不应让学生一成不变地生硬模仿。
第二课时开始
《网页制作表单的设计》教学设计
表单的设计网页制作课程
15电商4、5班2课时一、【教学目标】
学会使用表单中文本域、图片域、单选按钮、复选框、跳转菜单、文本区域等的应用
二、【教学重点与难点】：
重点：文本域、跳转菜单，单选按钮的应用
难点：单选按钮的应用，跳转菜单的制作
三、【教学方法】
讨论法、讲授法、演示法、练习法
五、【教学过程】
一、认识表单
表单的作用：表单就是浏览者可以在网页中填写信息的表格，其作用是接收浏览者填写的信息并将其提交给表单处理程序进行处理。
二、生成表单
1、表单的创建与表单字段的添加
“插入”—“表单”—“选择需要的表单类型”
2、表单向导
“文件”—“新建”—“网页”--“常规”——“表单网页向导”
三、表单内容编辑
1、文本域——账号和密码的输入
3、图片域——制作提交按钮
4、单选按钮——性别选项设计
5、复选框——兴趣爱好设置
6、按钮（“验证有效性按钮”登录）
7、跳转菜单菜单——密保问题的设置
8、文本区域——留言框的制作
四、学生练习制作表单
制作一个注册信息表单，要求包括下面的内容：会员帐号、您的姓名、您的性别、输入密码、密码确认、密码提示问题、密码提示答案、电子邮件、留言框、收货地址、兴趣爱好、提交按钮、重填按钮
六、【课程小结】
七、【作业】
完成课堂示范案例，校园网站的注册和登录页面设计。
简单网页制作之表格的使用教学设计
简单网页制作之表格的使用教学设计第一篇：简单网页制作之表格的使用教学设计《简单网页制作之表格的使用》教学设计省实附中张晶本人上学期才进入广州工作，现教初一计算机，手上没有教材，所以凭借原来的一点经验在林老师教学设计的基础上进行修改，写下自己的教学设计。
希望各位老师给予批判指正。
一、学生固有知识学生已经学过利用表格在PowerPoint中使图文实现混排、在excel中对表格进行美化设置和修饰（熟悉并了解了表格的行、列、内外边框）等操作，因此本节课在介绍表格时不用花费过多的时间再去重复，可以让学生通过知识迁移的方法对表格有新旧知识的联系，教师只是起点拨的作用。
二、教学重点1、表格的相关基本操作和灵活应用2、将页面中的各个元素合理的布局在表格中，实现图文混排三、教学难点根据网页版面的设计需求熟练的运用表格和使用表格四、教学目标1、2、3、了解表格在网页设计中的作用与意义继续熟练表格的相关基本操作（插入表格、合并单元格、拆分单元格、插入背景、边框设置）初步掌握利用恰当的表格来规划网页版面的基本过程和方法。
五、教学理念和教学方法在教学过程中，以新课程的教学理念开展。
创设学习情境，激发学生的学习兴趣。
教师采取的教法包括任务驱动法，学生演示法，指导法，讨论法等，使学生在学习过程中能自主的探究学习。
六、教学过程设计(一)内容复习Teacher：打开并演示一个具体的网页Q1：我们上节课学习过网站的一些基础知识，网站与网页的关系是？ Q2：一般的网页上主要由哪些元素所组成？Student：观看并思考回答(二)新课导入1.举例演示,学生思考不作回答：例一：打开在PowerPoint中利用表格完成的图文并茂的幻灯片教师以启发的方式提问：Q1：在ppt中你是如何实现图文的混排？（表格）Q2：在ppt中你是如何隐藏表格的边框线？（边框线宽度为？）Q3：你还记得如何将图片、背景等插入表格中吗？（学生思考）例二：网页个（“英超射手榜”），网页中既有明显的表格，也有隐含的表格（教师解释说明在网页中，表格存在两种不同的作用：排版与真正的表格）例三：打开校园网，使用“编辑”按钮将它的表格显示在FrontPage的编辑窗口中学生观察，教师提问：在编辑窗口中表格的边框线为虚线,在预览窗口中边框线出现什么效果？明确的指出: 表格在网页排版中的特殊意义——实现网页的精确排版和定位。
制作表单网页学案
课题：制作表单网页
【学习目标】理解表单网页的概念，掌握表单网页的制作过程，特别是表单域属性的设置。
【课前预习】仔细观察下面二幅图片，思考下面三个问题：
图1 图2
1、在图片所在的页面填写信息完成后，点击注册或者提交，你填写的信息流向何处？
2、你知道类似上面的网页叫什么网页吗？
【学习过程】
任务1：启动FrontPage2000，单击“插入”/“表单”，在弹出的下级菜单中观察表单网页的构成元素。
比照上面的图片，思考并回答上述图片中各个注册项目的名称。
任务2：尝试制作图2所示的表单，必要时教师可演示。
①插入标题：“学生会代表网上报名表”
②插入单行文本框：“姓名”
③插入单项选择按钮：“性别”
④插入下拉菜单：“所在年级”
⑤插入复选框：“特长”
⑥插入滚动文本框：“个性描绘”
⑦保存网页D：\form.html
提示1：设置表单域属性时，在对象上单击鼠标右键，然后在弹出的快捷菜单中会有相关的信息
提示2：在操作时是否发现鼠标指针不容易精确定位？那么就试试键盘上的“←、→↑、↓”
【巩固与提升】下面的练习供学有余力的同学操作
2009年信息会考专项练习：第19、21套的网页题FrontPage
【回顾小结】
1、表单网页的概念
2、表单网页的构成元素
3、表单域属性的设置
4、警钟常鸣：时刻警惕网络安全，切勿上当受骗！。
中职网页设计与制作教案：创建表单
江苏省XY中等专业学校2021-2022-2教案编号：教学内容一个完整的表单交互包括两个步骤，一是在客户端通过表单收集访问者信息，并提交到服务器，这一步可以由用户浏览的网页文件完成；二是服务器端的应用程序对这些信息加以处理。
所以一个完整的表单包括表单对象和应用程序两个基本组件，表单对象在网页中起描述作用；应用程序则是处理表单中信息的服务器端或客户端程序。
创建表单1、将插入点移至要插入表单的位置。
2、单击“插入”“表单”中的“表单”命令，或选择“插入”工具栏中“表单”选项卡里的“表单”按钮，在文档中插入一个表单，可见表单四周有红线边框，如图4.3所示。
设置表单属性1.单击表单轮廓或显示在文档窗口下的<form>标签，可以选定整个表单。
2.表单“属性”面板如图4.4所示。
在“表单名称”文本框中输入表单的名称“form1”，这样处理表单数据的程序才能接收数据。
在“动作”文本框：用于指定处理表单数据的文件。
“目标”列表框：指定用于显示被调用程序所返回的数注意：表单域属于不可见元素，如果插入表单域后无法显示，应选择“查看”菜单中的“可视化助理”中的“不可见元素”命令。
如果还是不能显示表单的红色边框，应选择“编辑”菜单中的“首选参数”命令，在“首选参数”对话框的“不可见元素”分类中，选中“表单范围”复选框。
教学内容2、单击如图4.6所示“插入”工具栏“表单”选项卡中的“文本字段”按钮,弹出“输入标签辅助功能属性”对话框，如图4.7所示，单击“取消”按钮，在表单中创建一个单行文本域。
3、选中该单行文本区域4、在“文本域”文本框中输入文本域名称“book_name “，这个名称必须是惟一的。
5、在“字符宽度”文本框中输入文本域中允许显示的字符数目“15”。
【课堂小结】教师引导学生小结本课所学内容。
【作业布置】总结本课所学操作实用技巧。
板书设计教后札记。
公开课《表单网页》教案
江苏省张家港职业教育中心校公开课简案创作任务三、讲练结合，完成任务布置任务一：插入表单、表格及各项目。
布置任务二：在对应的栏目里插入相应的表单域，并修改表单域的属性布置任务三：自行创作表单网页的主题。
根据自己的主题，设计表单网页布置任务四：美化自己的表单网页。
演示说明巡视并及时指出学生操作过程中的问题。
创建表单网页学生反馈练习，插入表单，利用表格进行网页的布局，完成任务。
评价四、作品评价每组选出优秀的学生作品，广播演示，分析学生所运用的表单域。
演示学生作品并点评欣赏同学作品并进行一些评价，积极问答问题。
小结与反思五、小结总结本课知识，设下疑问：1．有一些表单域在这节课里没有使用，它们具有什么用途？2．表单的信息怎样才能收集起来呢？梳理所学知识，设下疑问，激发学生兴趣，为下一节课做好铺垫。
回顾本课所学知识，积极思考。
效果图如下：教学反思：“小步子教学”把每个局部的知识嚼得很细然后喂给学生，生怕他们噎着了，殊不知，当学生真正面对“食物”的时候，他们却不知从何下手！而项目教学法要求学生必须先站在系统的高度分析整个项目，将大项目分解实施完成，很好的解决了这个问题。
项目教学法是师生同学共同实施的一个完整的项目工作而进行的教学活动。
教学实施采取小组合作形式，按“项目展示—分析讨论—操作实施—成果展示与评价—巩固提高”这六个环节进行，由学生自己主动完成知识的建构，取得了好的教学效果。
在本节课项目教学实施过程中，以下几个问题尚需改进：1、合理分组，评价多样化。
要进一步发挥小组间成员协作及小组长的作用。
加大小组集体考核的力度，促进小组成员间的互相协作帮助，以达到共同提高，培养学生团队精神的目的。
实施项目教学的评价方式应该是多样化和多角度的，可以采取教师评价、小组评价和自我评价，也可以对小组成员进行捆绑评价，不管如何，评价以积极鼓励为主。
2、教学项目的设计要尽可能自然有机结合多项知识点，难易程度要针对学生的实际水平、被学生所喜爱。
制作表单网页 教案
释疑解难
参照本课介绍的表单网页，根据
下表涉及的，设计“父母在我心中”问卷调查的表单网页，将网页文件上传到网站空间，并修改相应的链接。
实践与创新：根据本课所学内容，大显身手。
实践创作
展示评价
你能否想办法让反馈信息直接显示在提交表单的网页上？
根据自己网站中的不足，做出进一步的修改和调整。
互相帮助，有什么方法能够解决课本所提到的问题。
梳理总结
拓展延伸
表单主要用来进行意见调查、在
线查询、网上购物、在线申请等。其工作原理是：浏览者在表单中填写或选择信息；单击提交按钮，填写或选择的信息按照指定的方式通过网络传递到服务器端；由服务器端的特定程序进行处理。
梳理本课内容，再次重复操作本课所学知识。
教学反思
表单对于我们来说十分陌生，讲述起来非常吃力，有待以后进一步的提高。
――安徒生
读了这段名言，你想到了什么？我们网上的家是否也必须再继续前进一步呢？
《尚书.大禹谟》中说：“满招损，谦受益，时乃天道。”那么，怎样才能更好地接受别人的意见或建议，使自己的网站越办越好呢？
学生通过思考这些问题，分析自己的优点和缺点。能够明白取长补短的古训。
了解本课的教学目标。
自主探究
交流分享
八年级信息技术教案备课人：王传贵
第1单元
课题
7、制作表单网页
课型
新授课
备课时间
10.25
教学目标
知识与能力
了解表单的交互作用
技能与过程
学会在网页中插入表单；正确设置表单信息的收集方式
情感与价值
能正确对待自己的缺点和别人ቤተ መጻሕፍቲ ባይዱ优点，善于取长补短。
教学重点
学会在网页中插入表单；正确设置表单信息的收集方式
(人教版)小学五年级信息技术上册第12课《制作表单网页》word教案
课题：制作表单网页教课设计学科：信息技术第1单元（章、课、节）第7节年级：8第10周第1教课设计总编号：8总 1 课时备课时间课时课型新授第 1 课时使用时间知识目标：认识表单网页的功能与用途，认识表单网页从设计到公布的完好过程。
技术目标：掌握表单元件的插入方法及有关属性设置，掌握公布教课目的表单的方法。
感情目标：培育学生勤于思虑的习惯与解决问题的能力。
可以正确对待自己的弊端和他人的长处，擅长扬长避短，补己之短。
表单元件的插入重点难点教课准备教课方法板书设计表单元件的属性设置表单元件的插入表单元件的属性设置计算机教室教课设计课件任务驱动法自主研究合作沟通教学过程教课改正、反省创建情境激情导入学生阅读与思虑课本p44 页资料问题：如何才能更好的接受他人的建议和建议，使自己的网站越办越好呢？自主研究沟通分享一、在网页中插入表单学生自主研究：1、我们为何要在网页中插入表单？2、如安在网页中插入表单？3、当我们将表单插入到网页中后，应当如何对插入的控件属性进行相应的改正？4、练一练 :课本 P45 页比较“输入表单中的文字提示”挨次插入其余控件，并参照下表的要求，分别对它们进行相应的设置。
二、设置表单信息的采集方式学生自主研究表单属性对话框合作学习，释疑解难请同学们把小组内不会的问题提出来教师赐予适合指导。
实践创作，展现评论据本节课所学内容，题材不限，自由设计作品。
展现评论：有公布竹泉旅行区的、有公布大枣的、有发布小米的 ------作品内容丰富，同学们做的特别棒。
梳理总结，拓展延长生先总结，谈收获。
师再增补，同时，让学生正确认识自己学会展现自己真切的一面。
作业批改记录批阅时间：年月日评论时学校评评论状况评论人间价建议。
网页表单的教案
网页表单的教案教案标题：网页表单的教案教案概述：本教案旨在帮助学生了解和学习网页表单的概念、用途以及如何创建和处理网页表单。
通过理论讲解和实践操作，学生将能够理解网页表单的作用，并学会使用HTML和CSS创建简单的网页表单。
此外，他们还将学习如何使用JavaScript验证表单输入并处理用户提交的数据。
教学目标：1. 理解网页表单的概念和作用。
2. 学习使用HTML和CSS创建简单的网页表单。
3. 学习使用JavaScript验证表单输入的有效性。
4. 学习处理用户提交的表单数据。
所需材料：1. 计算机和互联网访问设备。
2. Sublime Text或其他文本编辑器。
3. 网页浏览器（Chrome、Firefox等）。
教学步骤：引入（5分钟）：1. 向学生解释什么是网页表单，并提供几个日常生活中使用表单的例子，如注册表单、调查问卷等。
2. 引导学生思考网页表单的主要作用和一些常见的表单元素，如输入框、下拉菜单、单选框等。
理论讲解（10分钟）：1. 讲解HTML表单标签的基本结构和属性，如`<form>`、`<input>`、`<select>`等。
2. 介绍各种常见的表单元素及其用途，如文本框、密码框、单选框、复选框等。
实践演练（30分钟）：1. 指导学生使用HTML和CSS创建一个简单的注册表单，包括姓名输入框、邮箱输入框、密码框等表单元素。
2. 引导学生通过浏览器预览表单，并确保其正常显示和布局良好。
3. 引导学生使用JavaScript添加表单验证功能，例如检查输入是否为空、密码长度是否符合要求等。
示范演示（10分钟）：1. 展示如何处理用户提交的表单数据，包括后端处理（如使用PHP或其他服务器端语言）和前端处理（如使用AJAX）。
2. 演示如何获取和处理表单中的各个输入字段的值。
总结和作业（5分钟）：1. 确认学生对网页表单的概念和创建过程有所理解。
2. 分发作业，要求学生在家中使用所学知识创建一个个人信息登记表单，并在下节课前提交。
《制作表单网页》教学设计范文
《制作表单网页》教学设计一、教学设计部分本课的主要内容与地位本课主要的内容涉及表单的插入和表单数据的收集两个方面的内容。
教学目的是以表单的形式完成对网站的评价。
本课与前后内容的关系最后生成能够实现交互的动态网页，是学生在学习静态网页制作基础之上的知识提升。
知识目标/技能目标知识目标了解表单的交互作用。
技能目标掌握在网页中插入表单的一般操作；学会正确设置表单信息的收集方式。
过程与方法目标通过学习网页表单的设计，学会与人交流，正确收集反馈意见。
情感态度与价值观目标能够正常对待自己的缺点和别人的优点，取人之长、补己之短。
学无止境，让自己不断在进步中成长。
本课的重难点重点：表单的设计；表单数据的收集；难点：表单控件的参数设置。
本课的课时分配建议一课时教法建议由于本节课学习的内容是创建一个动态网页，出现了很多前面没有出现的概念和术语，所以建议教师在讲解时注意对相关知识的补充和拓展。
在讲解组件属性的修改时建议仍以分组探究的形式进行，通过各组之间的对比加深学生对相关知识点的掌握。
在设置表单信息的收集部分，只有网页真正发布以后才能看到信息收集的情况，所以建议教师在教师机器上设置一个能正常访问的网站，预设一个表单网页，然后通过学生的访问表单网页留言，提醒学生时刻关注_private文件夹中form_results．txt和指定的电子邮箱内容的变化。
教学环境准备建议教师机：Windows 2000 Server（安装FrontPage服务器扩展插件）。
自评、互评、师评要注意的问题学生能否完成表单网页的设计和表单数据的收集方法的设置，并且针对设计中存在的问题能否提出建设性的意见和建议。
本节内容涉及网页的交互，为学生下一步学习动态网站的设计起到承上启下的作用，在教学中应注重讲清表单网页的工作原理。
二、补充资料部分网页表单基础知识表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。
《网页设计与制作》教案-第16讲 表单和Spry表单项目
第16讲布局技术-模板、库二1.1教学目标：◆知识目标1.熟练掌握如何在表单网页中插入表单域。
2.检查表单行为的运用。
3.理解Spry验证文本域、Spry验证文本区域组件、Spry验证复选框、Spry验证选择组件。
4.使用Spry框架组件制作具有验证功能的表单。
◆技能目标1.掌握快速制作表单页面的方法。
2.能够创建不同形式的表单页面来满足用户间的交互。
◆品质目标培养学生认真细致、踏实进取的精神1.2教学重点：1.理解Spry验证文本域、Spry验证文本区域组件、Spry验证复选框、Spry验证选择组件。
2.使用Spry框架组件制作具有验证功能的表单。
1.3 教学难点1.理解Spry验证文本域、Spry验证文本区域组件、Spry验证复选框、Spry验证选择组件。
2.使用Spry框架组件制作具有验证功能的表单。
1.4教学方法：讲练结合，任务驱动、分子任务操练1.5课时安排：2课时1.6教学对象分析：这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。
1.7教学过程：一、激趣导入，揭示课题对于一个网站的多个页面文件，经常出现布局一致的情况，甚至网页的一些部分是完全相同的，比如导航栏、标题栏等，利用Dreamweave中的模板可以方便快捷地创建大量风格统一、布局一致的网页，运用方便灵活的库文件，可省去设计者大量的重复工作。
二、使用表单页面不但要向用户提供信息，而且要与之进行交流。
在页面中，表单充当了信息接收者的角色。
访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮向服务器提交这些信息。
0.1表单概述使用表单可以制作简单的交互式页面，收集来自用户的信息，是网站管理者与浏览者之间沟通的桥梁。
收集、分析用户的反馈意见，做出科学的、合理的决策，是一个网站成功的重要因素。
《表单网页》教案
《表单网页》教案【教学目标】1．知识与技能⑴了解表单网页的概念和作用；⑵掌握表单网页的制作方法。
23艺之乡，每天有许多人通过网络了解如皋的盆景艺术，怎样才能知道他们对我们网站的意见或建议呢？（设计一个留言板网页来采集他们的意见。
）二、过程（一）认识表单网页（8分钟）表单网页是一种结构化的网页，是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。
：用于接收用户输入的单行文本信息，如姓名、地址等。
滚动文本框：可以输入多行信息的文本框，如意见、建议等。
单选按钮：提供两个或多个互斥选项，用户只能选中其中的一项。
如：性别。
：提供一个或一组选项，用户可选择其中的一个或多个选项。
下拉菜单：允许用户从下拉菜单列表中选择其中一项。
按钮：FrontPage2000中的按钮表单域有三种类型，即“普通”、“提交”和“重置”。
“提交”用于表单提交；“重置”用于清除表单所填内容，回到初始状提示：单击“插入”菜单中的“高级”“插件”。
思考：插入一幅GIF动画图片（.gif）和一个FLASH动画（.swf）有何不同？活动3为当前的表单网页添加一个名为“song.mid”的背景音乐。
提示：在网页中的任意位置右击鼠标，选择“网页属性”命令（或单击“文件”菜单，选择“属性”命令），在“常规”选项卡中操作？保存编辑的表单网页并利用平台提交。
作品展示：（5分钟）小结：PPT（3分钟）二、【检测与评价】（4分钟）1．通常可以使用（）来收集访问者的意见，统计调查访问信息。
A.表格B.框架C.表单D.单元格2.利用表单制作留言板时，若要采集访问者的性别，可以选用的表单字段有。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
依次单击“插入”/“表单”，弹出下级菜单。
3、表单的组件？
教师演示如何插入单行文本框，流动文本框、复选框、单选按钮、下拉彩单、按钮。
四、学生自主练习
呈现学习任务，要求学生制作一个“留言簿”表单。
设计意图：
培养学生的合作意识，让学生带着问题进行自主学习，掌握自主、合作学习的方法。
二、表单网页的形式
1、表单的概念
表单是一种结构化的网页，Байду номын сангаас用表单，你可以收集来自世界各地的信息。
2、介绍表单网页的几种常用表单：单行文本框、下拉列表框，提交按钮、重写按钮等等。
3、展示已完成的表单。如图
设计意图：
让学生了解表单网页的结构形式，对表单有一个感性认识。
三、如何制作表单网页
1、复习表格布局
教学重点
与难点
1、表单网页的概念。
2、表单网页的制作方法。
教学课型
与方法
新授/任务驱动法、合作学习法、自主学习法和分组讨论法
电教手段
使用网络教室+相关软件
教学过程
补充与调整
一、创设情境、导入新课
我们已经学习了一些网页制作的基本知识，但是自己制作的网页如何知道别人对它的意见呢？
引导学生思考讨论，激发学生的学习兴趣。
吕叔湘中学集体备课教[学]案（高二信息）
教学内容
网页表单
课程目标
1、了解表单的概念。
2、掌握表单网页的制作方法，体验表单网页的制作过程，体验用表单网页进行信息的采集过程。
情感态度与价值观
1、认识信息技术对人们日常生活、学习、工作的影响。
2、激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。
教学评价
学生上传分组作品，并向全班同学展示，学生评价
设计意图：
让学生学会如何客观地评价他人作品。
教后：