《信息技术》教案-网页表单
初中信息技术 第3课 网页中的表格教案
第3课网页中的表格教学内容分析网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
教学目标知识目标：理解表格在网页设计中的重要作用。
技能目标情感态度与价值观目标本课的重难点重点和难点：掌握利用表格对网页进行布局的方法课时分配一课时教学策略设计教法建议：由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
学法建议：注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
教学过程第一阶段：导入新课，明确学习目标本节课的主要内容与Word中的表格操作有很多相似之处，但又有很大的不同。
所以，教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点，只有通过实际操作才能体会它的作用，所以安排学生使用模板设计新网页的环节。
人教版-信息技术-五年级下册-第12课 人教版《制作表单网页》教案
1.我们为什么要在网页中插入表单？
2.如何在网页中插入表单？
3.当我们将表单插入到网页中后，应该如何对插入的控件属性进行相应的修改？
4.练一练:课本P45页对照“输入表单中的文字提示”依次插入其他控件，并参照下表的要求，分别对它们进行相应的设置。
二、设置表单信息的收集方式
学生自主探究
表单属性对话框
作业批
改记录
批改时间：年月日
学校评
价意见
评价情况
评价人
评价时间
课题：制作表单网页教案
学科：信息技术第1单元（章、课、节）第7节
年级：8第10周第1教案总编号：8
课时
总1课时
课型
新授
备课时间
第1课时
使用时间
教学目标
知识目标：了解表单网页的功能与用途，了解表单网页从设计到发布的完整过程。
技能目标：掌握表单元件的插入方法及相关属性设置，掌握发布表单的方法。
情感目标：培养学生勤于思考的习惯与解决问题的能力。能够正确对待自己的缺点和别人的优点，善于取长补短，补己之短。
合作学习，释疑解难
请同学们把小组内不会的问题提出来
教师给予适当指导。
实践创作，展示评价
据本节课所学内容，题材不限，自由设计作品。
展示评价：有发布竹泉旅游区的、有发布大枣的、有发布小米的------作品内容丰富，同学们做的非常棒。
梳理总结，拓展延伸
生先总结，谈收获。师再补充，同时，让学生正确认识自己学会展示自己真实的一面。
重点
表单元件的插入
表单元件的属性设置
难点
Байду номын сангаас表单元件的插入
表单元件的属性设置
教学准备
网页表单的教案
网页表单的教案教案标题：网页表单的教案教案概述：本教案旨在帮助学生了解和学习网页表单的概念、用途以及如何创建和处理网页表单。
通过理论讲解和实践操作，学生将能够理解网页表单的作用，并学会使用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. 分发作业，要求学生在家中使用所学知识创建一个个人信息登记表单，并在下节课前提交。
高中信息技术_网页制作-表单教案_粤教版选修3
网页制作——表单教学方法：教学演示、任务驱动、自主练习一、教学目标：1、知识与技能了解表单的概念掌握表单网页的制作方法2、过程与方法体验表单网页的制作过程体验用表单网页进行信息的采集过程3、情感、态度、价值观认识信息技术对人们日常生活、学习、工作的影响激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度二、重点难点：表单网页的概念表单网页的制作方法三、课程标准：选修模块3：网络技术应用---网站设计与评价---内容标准---能够根据表达任务的需求，使用常用的网页制作软件制作网页四、教学媒体：(本教案需用到的各种教学媒体和资源)1. 硬件：网络机房2. 软件：多媒体广播教学软件，FrontPage2000学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌握常用网络工具软件的使用，如QQ、E-mail等等，并且有着浓厚的兴趣。
大部分学生只停留在利用QQ聊天、进行网络游戏、收发E-mail等阶段，对申请QQ 号码和E-mail时的网页结构形式知之甚少。
本节课的关键是通过学习，了解表单网页的制作过程和方法，为以后信息获取和处理打下基础。
六、教材分析：网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节，对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。
而表单网页在基于网络的信息收集处理方面有着明显的优势。
七、教学过程：教学阶段教师活动学生活动设计意图创设情境课堂引入问题1：同学们好，你们有QQ号码吗？问题2：你们有E-mail吗？讨论思考利用学生熟知的事物激发学生的学习兴趣表单网页的形式问题3：怎样申请一个免费的QQ号码？谁能到前面来给大家演示一下？问题4：如何申请一个免学生选派代表或举手到教师机前面给其他同学演示让学生体验QQ和E-mail的申请过程，并了解表单网页的结构形式，对表单有费的E-mail呢，谁能到前面再给大家演示一下？问题5：在申请QQ和E-mail时，我们要输入哪些个人信息？（广播教学--介绍表单网页的构成要素：单行文本框、下拉列表框，提交按钮、重写按钮等等）一个感性认识如何制作表单网页1、表单的概念表单是一种结构化的网页，利用表单，你可以收集来自世界各地的信息。
人教版-信息技术-五年级下册-第12课《制作表单网页》教学设计
学生自主尝试操作。
学生分组讨论。
三、小组汇报
请完成任务的小组做汇报
没有完成任务的小组借鉴其他小组的经验。
让学生们认真阅读小拓展的内容
学生汇报
教学小结
这节课你学会了什么，说来听听，还有什么不明白的吗？
学生交流学习体会
课后实践
练习1、2、3、
课后小记
教师活动
学生活动
引入课题
浏览者通过表单网页输入信息并提交表单后，这些信息会反馈给网页设计者。存储信息的文件是站点中名为“_private”的文件夹，相应的文件名是“form_results.txt ”。
实际应用时，还可以用指定的电子信箱收集浏览都提交的反馈信息。这节课就让我们来共同研究一下，如何设置信息的收和观察102页至103页的内容，小组讨论完成任务一的方法。
学生看书自学操作。
学生自主尝试操作。
学生分组讨论。
二、设置信息的收集方式
任务一：动手做：把自已的电子信箱设为收集反馈信息的方式。
1、教师提示学生看书之后进行实践，2、学生实践并进行相关设计制作
3、教师巡回指导
学生看书自学操作。
课题
制作表单网页
教学目标
知识目标：1、了解表单网页的初步知识2、能够制作简单的表单网页
能力目标：培养学生的动手操作的能力。
情感目标：培养学生自主学习的习惯。
教学重点
知识目标1、2
教学难点
知识目标1、2
教学方法
任务驱动法
教学准备
多媒体网络教室、演示幻灯片、教学素材库、FrontPage软件
教学过程
教学环节
《信息技术》教案-网页表单
《信息技术》教案-网页表单一、教学目标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.1 教学目标让学生了解网络的定义、发展历程及基本结构。
学会使用电脑和网络进行信息搜索。
培养学生安全上网的意识。
1.2 教学内容网络的定义与发展历程。
网络的基本结构与功能。
信息搜索的方法与技巧。
网络安全知识。
1.3 教学步骤讲解网络的基本概念。
示范如何使用网络进行信息搜索。
练习：学生自主进行信息搜索。
讲解网络安全知识。
1.4 教学评价学生能准确地描述网络的基本概念。
学生能熟练地使用网络进行信息搜索。
学生了解网络安全知识。
第二章：电子表格的使用2.1 教学目标让学生掌握电子表格的基本操作。
学会使用公式和函数进行数据计算。
能够进行简单的数据分析和可视化。
2.2 教学内容电子表格的基本操作。
公式和函数的使用。
数据分析和可视化。
2.3 教学步骤讲解电子表格的基本操作。
示范如何使用公式和函数进行数据计算。
练习：学生自主进行数据计算。
讲解数据分析和可视化方法。
2.4 教学评价学生能熟练地进行电子表格的基本操作。
学生能使用公式和函数进行数据计算。
学生了解数据分析和可视化的方法。
第三章：演示文稿的制作3.1 教学目标让学生掌握演示文稿的基本操作。
学会使用图表和图片进行展示。
3.2 教学内容演示文稿的基本操作。
图表和图片的使用。
演示文稿设计原则。
3.3 教学步骤讲解演示文稿的基本操作。
示范如何使用图表和图片进行展示。
练习：学生自主制作演示文稿。
讲解演示文稿设计原则。
3.4 教学评价学生能熟练地进行演示文稿的基本操作。
学生能使用图表和图片进行展示。
学生了解演示文稿设计原则。
第四章：电子邮件的使用4.1 教学目标让学生掌握电子邮件的基本操作。
了解电子邮件的收发原理。
4.2 教学内容电子邮件的基本操作。
电子邮件的收发原理。
4.3 教学步骤讲解电子邮件的基本操作。
练习：学生自主进行电子邮件的发送。
讲解电子邮件的收发原理。
学生能熟练地进行电子邮件的基本操作。
学生了解电子邮件的收发原理。
初中信息技术教案 第七课_制作表单网页教案
接受。
师：这样的网页我们能做出来吗？请大家 分组合作，根据教 带着任务去实践
根据教材提示插入一个表单，出现教材图 材提示插入表单， 可以做到有的放
1-7-3 的效果。
并设计表单的版面 矢。
教师巡视指导
师：现在的效果是否可以称之为表单呢？
学 师：对，我们还需要在特定位置插入若干 生：不可以
表单中的重要元素——控件。请大家根据
解吗？
与 师：根据本节的学习内容，完成“实践与 设计“父母在我心
创新”第一个任务
情
中”表单网页
感
第四阶段：综合实践，巩固与提高，自由创作，迁移运用
第2页共3页
教学 环节
教师活动
学生活动
设计理念
师：同学们是否听说过“留言板”这个概
实 念？在访问其它网站时是否在留言板上
引入新概念，引导 学生对新新知识
教师活动
学生活动
课堂小结本节课的学习内容。
课 师：到今天为止，我们已将“网站设计与 总结
制作”的全过程学习完毕，同学们想必对
堂 此有了一个全面的了解和把握。
但是，我们在本单元学习的网站制作技
小 术只是网站设计的初步，还有更多、更新
的网站技术等待我们去学习和掌握。
结
设计理念
以更高的视角 认识网站建设，让 学生以饱满的学 习热情，探索网站 建设的途径和方 法。
教学 环节
教师活动
学生活动
设计理念
引导学生“读一读”
导
师：经过前面六课的学习，我们已经初步 掌握了网站设计和制作的一般步骤。我们
研读材料，思考问
以格言和名言
入
的网站做得怎么样？有哪些地方需要改 题。 进呢？如果别人给我们提出意见和建议，
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
备课时间：2004/03/22
课题：第五章网页制作第六节网页表单教学目的：①表单的建立
②表单资料的收集和处理
③搜索表单的建立
教学重点：①表单资料的收集和处理
②搜索表单的建立
教学方法: 边讲解边演示
教学过程：
〈引言〉：直接进行操作演示
〈教授新课〉：网页表单
[板书] 第六节网页表单
一、表单的建立
在FrontPage 2000中，单击“插入（I
）”菜单中的“表单（M）”命令，
其下拉菜单中列出了所有的字段，单击其中的一种，即可插入相应的字段。
[例5-6-1] 建立如图5-25所示的表单网页，取名为guestbook.htm。
图5-25
操作步骤：
（1）单击“新建”按钮，建立新页面，首先创建一个2×1表格，并在表格的第一行插入标题动画（look.gif、liuyan.gif）。
（2）右击表格的第二行，在弹出的快捷菜单中单击“拆分单元格…”，打开“拆分单元格”对话框，选择“拆分为列”，并输入列数：3，将该单元格拆分分三列，分别定义两侧单元格的背景色为浅紫色。
1
（3）将插入点移到中间的单元格后，依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，页面上出现一个单行文本框和两个按钮，分别是“提交”和“复位”按钮，将插入点移到文本框左侧，接着输入“姓名：”，然后将插入点移到文本框右侧。
（4）输入“年龄：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，产生第二个单行文本框，按回车键。
（5）输入“性别：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单选按钮（R）”命令，输入“女”。
再用同样的方法插入另一个单选按钮，并在其右侧输入“男”，然后，双击各选项按钮，分别设置它们的属性，其中“组名称”必须相同，表示这两个按钮在同一个单选按钮组，最后按回车键。
（6）输入“爱好：”，然后依次单击“插入（I）”菜单中的“表单（M）”“复选框（C）”命令，输入“音乐”。
用同样方法制成其余复选框。
（7）输入“职业：”，依次单击“插入（I）”菜单中的“表单（M）”“下拉菜单（D）”命令。
（8）双击下拉式菜单，出现如图5-26所示的“下拉菜单属性”对话框。
（9）单击“添加”按钮，添加一个“学生”菜单项，重复操作，添加其余菜单后，再单击“确定”按钮，并按回车键。
（10）输入“您对本网页的建议：”后，按回车键。
（11）依次单击“插入（I）”菜单中的“表单（M）”“滚动文本框（S）”命令，在网页编辑区将出现一个滚动文本框，调整文本框的大小，使其大小合适。
（12）保存网页，取名为guestbook.htm。
二、表单资料的收集和处理
表单的作用在于帮助收集资料，对于访问者来说，填完资料后，单击“提交”按钮，就可以将信息传送到服务器上。
对于网站管理员来说，更重要的是对这些资料进行处理，将它们变成所需要的资料形式，比如在上例中，当访问者填写完表单并发送回来后，网站管理员应该对这些资料进行分析，对某些读者提出的问题进行个别解答，并及时改进网站。
为了方便资料的整理，在制作表单时就应该有意识地将表单的结果输出到某一个HTML文件或纯文本文件中以文件的形式存放。
将鼠标指针放置在表单域所在的虚线范围内右击，在弹出的快捷菜单中单击“表单属性”，打开“表单属性”对话框，如图5-27所示。
在默认情况下，表单的结果会发送到当前网站中，以form_result.txt为文件名存储起来。
也可以修改文件名和文件的路径，或者以电子邮件的形式发送到指定的信箱中。
当然，这些信息只有管理员才能看到，为了让访问者能够看到自己和别人的留言，以便彼此交流，还可以直接将表单的处理结果返回到指定的网页中。
2
[例5-6-2] 设定在留言板下方显示各位访客的留言内容。
操作步骤：（1）将指针指向表单虚线框内，右击，在快捷菜单中单击“表单属性”命令，打开“表单属性”对话框，在“文件名”框中输入一个文件名，指定存放留言内容的网页，如results.htm，然后单击“确定”按钮，关闭“表单属性”对话框。
（2）保存guestbook.htm网页，单击视图栏“文件夹”按钮，切换到文件夹视图状态，然后单击“查看（V）”菜单中的“刷新（R）”命令，可以看到FrontPage自动在当前网站的_private文件夹下建立了一个名为results.htm网页。
（3）单击视图栏“网页”按钮，切换到网页制作状态，将插入点移到留言板下方表单域虚线框外，然后依次单击“插入（I）”菜单中的“组件（O）”“包含网页（I）”命令，打开“包含网页属性”对话框，如图5-28所示。
在对话框中输入“要包含的网页名”，即步骤（1）所指定的文件名results.htm，然后单击“确定”按钮。
（4）进入浏览器测试留言板，留言完毕，单击“提交”按钮发送信息后，单击浏览器“刷新”按钮，即可看到留言内容。
三、搜索表单的建立
搜索表单的功能仅限于在本网站中进行搜索，而不像一般的搜索引擎可以在整个WWW中搜索，因此，建立搜索表单是为了让访问者在我们的网站中迅速找到他们感兴趣的主题。
在FrontPage 2000中，有内置的组件，帮助我们建立搜索表单。
[例5-6-3] 在huanbao网站的主页上，建立一个搜索表单。
具体步骤：（1）双击“index.htm”，打开主页。
（2）将插入点移到友情链接上方，依次单击“插入（I）”菜单中的“组件（O）”“搜索表单（S）”命令，打开“搜索表单属性”对话框，如图5-29所示。
（3）在对话框中输入相应的内容，单击“搜索结果”标签，在“要搜索的单词列表”文本框中输入“全部”，表示要搜索网站中的所有网页。
若在“显示文件日期”复选框前打勾，还可以设置日期和时间的格式。
（4）单击“确定”按钮，页面上将出现一个搜索表单，保存后，就可以进入浏览器进行搜索了。
搜索表单的使用方法是：浏览页面时，在“搜索”右侧的文本框中输入要搜索的关键字，然后单击“开始搜索”按钮即可。
练习：
1．什么是表单？
2．表单中可以使用的字段有几种？
3．搜索表单的作用是什么？
3。