《信息技术》教案-网页表单
初中信息技术 第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页
教学 环节
教师活动
学生活动
设计理念
师：同学们是否听说过“留言板”这个概
实 念？在访问其它网站时是否在留言板上
引入新概念，引导 学生对新新知识
教师活动
学生活动
课堂小结本节课的学习内容。
课 师：到今天为止，我们已将“网站设计与 总结
制作”的全过程学习完毕，同学们想必对
堂 此有了一个全面的了解和把握。
但是，我们在本单元学习的网站制作技
小 术只是网站设计的初步，还有更多、更新
的网站技术等待我们去学习和掌握。
结
设计理念
以更高的视角 认识网站建设，让 学生以饱满的学 习热情，探索网站 建设的途径和方 法。
教学 环节
教师活动
学生活动
设计理念
引导学生“读一读”
导
师：经过前面六课的学习，我们已经初步 掌握了网站设计和制作的一般步骤。我们
研读材料，思考问
以格言和名言
入
的网站做得怎么样？有哪些地方需要改 题。 进呢？如果别人给我们提出意见和建议，
初中信息技术教案 第三课_网页中的表格教案
通过对二者的比 较理解新知识。
表格。
课
第二阶段：范例精讲，学生自主探究，完成范例。源自教学 环节教师活动
学生活动
设计理念
教师讲解表格在网页时的重要作用。
学 任务一、插入表格
师：如果我们想要在网页中使用表格必须 插 入 默 认 值 的 表 对于学生熟悉的
习 先插入表格，操作方法与 Word 差不多， 格，分组插入修改 知识点，完全放手
们课后预习下一课的内容——网页美化。 要改进的地方。
小
探究的热情。
结
第3页共3页
自己尝试着在一个新网页中插入不同设 不 同 参 数 值 的 表 给学生探究完成。
与 置的表格，并填写表 1-3-1
格，讨论并填写表
教师指导学生参照图 1-3-4 在主页文件 格。
探 Index.htm 中插入表格：
任务二、表格的调整
究 师：此部分内容与 Word 中的操作也是非 实践表格的调整方
第1页共3页
第三阶段：知识、情感拓展
教学 环节
教师活动
学生活动
设计理念
师：请同学们再次预览使用表格布局的网 学生分组预览网页 由 表 格 对 网 页
知 页，然后改变浏览器窗口的大小，网页版
布局的保护延伸
面发生变化吗？这说明什么问题呢？
生：表格可以保护 到父母对子女的
识 师：在生活中，你能体会到父母对自己的 网页的布局。
常相似，根据教材内容分组完成表格的调 整。调整结束后将第二课中已经输入的内 容移动到表格中。 任务三、设计网页模板 师：设计网站时为提高工作效率，我们一 般使用模板，现在我们就来定制属于我们 自己的网页模板。
法，体验表格对网 页布局的重要作 用。
五年级下信息技术教案-表格在网页中的运用_辽师大版
2、学生操作
在网页建立一个表格||，插入图片和文字。
教师巡视、指导。
ቤተ መጻሕፍቲ ባይዱ小结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教学内容
表格在网页中的运用
课时
1
备课教师
教师姓名
参与教师
教学目标
1、掌握在网页中插入表格的方法2、掌握表格单元格的设置与内容的添加
教学重点
网页中表格的插入、编辑和设置
教学难点
在网页中插入表格的行列数的确定
教学准备
搜集素材和课件
教学过程
修改
一、组织教学
网页的图片和文字看上去很整齐||，这是在网页中应用了表格对这些文字和图片进行定位。
二、讲授新课
1、插入表格
（1）将光标移到你要插入表格的位置||，即插入点。
（2）单击【表格】菜单||，选择【插入】选项||，并在选择项中单击【表格】选项||，出现插入表格对话框。
（3）在对话框中||，在“行数”输入需要的行数（例中为5）||，在“列数”输入需要的列数（例中为4）||，同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。
初中教案(网页中的表格)
.
教学目标
一、知识、技能目标：
听完同学回答，教师给予鼓励，并进行总结：“通过本节课的学习，大家都学会了在网页中使用表格，也感受到了表格给我们的网页带来的好处。表格对于网页制作来说，是必不可少的，它不仅可以让数据信息更容易被理解，而且还可以使文字和图形有机地排列成整体，使网页具有分栏的效果，从而使整个页面显得更有层次，更富有美感。”
教学对象分析
本课面向初二学生，网站制作是学生感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。在之前的学习中已经接触和使用了Office软件，对Office软件有了一定的了解，对其操作较为熟悉。FrontPage软件与Word同属于Office软件，两者的操作具有相似之处，因此学生对FrontPage软件操作界面不会陌生，对在FrontPage软件中插入表格也不会一头雾水，容易引导。
学生思考回顾，总结本节课所学到的知识。
“学会了在网页中使用表格”
“学会了利用表格进行页面结构的优化”
……
跟随教师思路，进行总结。
学生可以复习巩固所学知识。
6.布置作业
结合教师提示，利用表格对自己的网页作品进一步美化。预习下节内容，各小组收集小组网站的相关素材。
机房/多媒体网络教室/投影仪
教学过程：
教
学
环
节
设
计
初中信息技术《网页中的表格》教案
第一单元第三课网页中的表格教学设计一、教学目标1.知识、技能目标：知识目标：理解表格在网页设计中的重要作用。
技能目标：⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
2.过程与方法目标：能够合理利用表格对网页进行布局和规划。
3.情感态度与价值观目标：了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
本课的重难点：重点和难点：掌握利用表格对网页进行布局的方法课时安排：一课时教学过程：一、回顾知识通过打开程序、站点、打开网页、调整图片等操作，复习前两课的内容。
二、导入新课让同学们欣赏一些有特色的个人网站，引导学生注意网页的设置和布局，引导出本节课的学习内容──网页中的表格。
方法：观察，讨论、思考、回答。
三、自主学习让学生通过阅读和动手操作的方式，完成以下任务：任务一：插入表格：师：如果我们想要在网页中使用表格必须先插入表格，操作方法与Word差不多，自己尝试着在一个新网页中插入不同设置的表格，并填写表1-3-1。
学生参照图1-3-4在主页文件Index．htm中插入表格：教师随时观察指导。
任务二：表格的调整：师：此部分内容与Word中的操作也是非常相似，根据教材内容分组完成表格的调整。
调整结束后将第二课中已经输入的内容移动到表格中。
对于学生相对熟悉的知识点，完全放手给学生探究完成。
尝试通过不同途径解决同一问题，提高学习效率。
三、实践练习让学生参照课本习题要求，完成练一练部分，让学生练习刚学会的命令。
分组预览网页，看布局的效果。
四、合作探究分组讨论教材中布局表格命令的用法，使用布局表格命令重新布局网页。
让学生演示后，教师点拨需要注意的问题。
分组展示操作步骤及预览网页。
审视自己的网页与其他小组的区别，查找自己的不足。
五、大显身手仿照第一课中的三个页面，进行布局设计，插入相关素材，完成网页的设计。
每小组选择最优秀的作品，进行展示评比，选出最优秀的作品。
六、教学总结课堂小结本节课的学习内容。
初中信息技术《网页中的表格》教案
初中信息技术《网页中的表格》教案（学习版）编制人：__________________审核人：__________________审批人：__________________编制学校：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的学习资料，如面试指导、笔试指导、题库大全、教案大全、教育知识、备考知识、素质知识、法律知识、心理知识、其他资料等等，想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor.I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!In addition, this store provides you with various types of learning materials, such as interview guidance, written test guidance, question bank encyclopedia, teaching plan encyclopedia, educational knowledge, test preparation knowledge, quality knowledge, legal knowledge, psychological knowledge, and other materials. If you want to know different data formats and writing methods, please pay attention!初中信息技术《网页中的表格》教案一、教学目标1.学生能够独立操作调整表格、布局表格和单元格的使用。
六年级信息技术下册教案(网页设计表格式)
六年级信息技术下册教案(网页设计表格式)第一章：网页设计基础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 教学活动讲解和演示网页图片的选择与处理技巧介绍和演示多媒体元素的使用与处理技巧通过案例分析，讲解和演示网页图片与多媒体的规范4.4 作业与练习学生通过网络搜集网页图片与多媒体的相关资料，加深对网页图片与多媒体的规范的理解学生使用网页设计工具，实践网页图片的选择与处理技巧，制作具有丰富多媒体元素的网页设计作品第五章：网页与导航5.1 学习目标学习网页的创建与使用技巧学习网页导航的设计与实现技巧掌握网页与导航的规范5.2 教学内容网页的创建与使用技巧介绍网页导航的设计与实现技巧介绍网页与导航的规范介绍5.3 教学活动讲解和演示网页的创建与使用技巧介绍和演示网页导航的设计与实现技巧通过案例分析，讲解和演示网页与导航的规范5.4 作业与练习学生通过网络搜集网页与导航的相关资料，加深对网页与导航的规范的理解学生使用网页设计工具，实践网页的创建与使用技巧，制作具有良好导航设计的网页设计作品第六章：网页编程基础6.1 学习目标了解网页编程的基本概念学习使用HTML和CSS进行网页设计掌握网页编程的基本技巧6.2 教学内容网页编程的定义和作用HTML和CSS的基本语法和运用网页编程的基本技巧和实例6.3 教学活动讲解和演示网页编程的定义和作用介绍和演示HTML和CSS的基本语法和运用通过案例分析，讲解和演示网页编程的基本技巧和实例6.4 作业与练习学生通过网络搜集网页编程的相关资料，加深对网页编程的理解学生运用HTML和CSS编写简单的网页，掌握网页编程的基本技巧第七章：网页特效与交互7.1 学习目标学习网页特效的基本制作方法学习网页交互的基本实现技巧掌握网页特效与交互的规范7.2 教学内容网页特效的基本制作方法介绍网页交互的基本实现技巧介绍网页特效与交互的规范介绍7.3 教学活动讲解和演示网页特效的基本制作方法介绍和演示网页交互的基本实现技巧通过案例分析，讲解和演示网页特效与交互的规范7.4 作业与练习学生通过网络搜集网页特效与交互的相关资料，加深对网页特效与交互的规范的理解学生运用HTML和CSS以及JavaScript实现简单的网页特效与交互，掌握网页特效与交互的基本技巧第八章：网页项目实践8.1 学习目标学习网页项目的规划与实施方法学习网页项目的测试与发布技巧掌握网页项目的维护与管理规范8.2 教学内容网页项目的规划与实施方法介绍网页项目的测试与发布技巧介绍网页项目的维护与管理规范介绍8.3 教学活动讲解和演示网页项目的规划与实施方法介绍和演示网页项目的测试与发布技巧通过案例分析，讲解和演示网页项目的维护与管理规范8.4 作业与练习学生通过网络搜集网页项目实践的相关资料，加深对网页项目实践的理解学生独立完成一个网页项目，从规划、设计、编程到发布和维护，掌握网页项目实践的基本流程第九章：网页设计创新与拓展9.1 学习目标学习网页设计创新的基本方法学习网页设计拓展的基本技巧掌握网页设计创新与拓展的规范9.2 教学内容网页设计创新的基本方法介绍网页设计拓展的基本技巧介绍网页设计创新与拓展的规范介绍9.3 教学活动讲解和演示网页设计创新的基本方法介绍和演示网页设计拓展的基本技巧通过案例分析，讲解和演示网页设计创新与拓展的规范9.4 作业与练习学生通过网络搜集网页设计创新与拓展的相关资料，加深对网页设计创新与拓展的理解学生尝试运用创新与拓展的方法和技巧，对之前的网页设计作品进行改进和提升，提高网页设计水平第十章：网页设计作品展示与评价10.1 学习目标学习网页设计作品展示的基本方法学习网页设计作品评价的基本技巧掌握网页设计作品展示与评价的规范10.2 教学内容网页设计作品展示的基本方法介绍网页设计作品评价的基本技巧介绍网页设计作品展示与评价的规范介绍10.3 教学活动讲解和演示网页设计作品展示的基本方法介绍和演示网页设计作品评价的基本技巧通过案例分析，讲解和演示网页设计作品展示与评价的规范10.4 作业与练习学生通过网络搜集网页设计作品展示与评价的相关资料，加深对网页设计作品展示与评价的理解学生将自己的网页设计作品进行展示，并接受同学和老师的评价，掌握网页设计作品展示与评价的基本技巧重点和难点解析重点环节1：第六章网页编程基础学生需要重点掌握HTML和CSS的基本语法和运用，这是进行网页编程的基础。
广西永福县实验中学初中信息技术《表格网页》教案(一)
某某永福县实验中学初某某息技术《表格网页》教案（一）1、启动Microsoft Office FrontPage 2003，单击“开始→程序→Microsoft Office→Microsoft Office FrontPage 2003”2、本节课学习表单中选项按钮的制作。
即下图中红色方框中的内容。
如下图：本节课做5、单击“文件→打开”，在弹出的打开文件窗口，查找本班文件夹中的frontpage文件夹，找到body.htm文件，单击“打开”按钮，在图中第三列中的单元格单击(下图中的红色方框处)。
单击“表格→表格属性→单元格”，在弹出的单元格属性窗口中设置：指定宽度为220像素。
6、单击“表格→插入→表格”，在弹出的表格属性窗口中设置：行数2，列数1，对齐方式：居中，指定宽度95%百分比，单元格衬距、单元格间距和边框精细均为0，单击确定按钮，如图，5、在上图中红色方框中内的表格的第二行中单击。
单击“表格→插入→表格”，在弹出的表格属性窗口中设置：行数1，列数1，对齐方式：居中，指定宽度100%百分比，单元格衬距0，单元格间距和边框精细均为0单击确定按钮，再在此表格中插入一个4行1列的表格。
行数4，列数1，对齐方式：居中，指定宽度95%百分比，单元格衬距2，单元格间距2和边框精细均为1、颜色为：#CCCCCC单击确定按钮，如图，6、单击上图中红色方框的表格的第一行，插入本班文件夹的frontpage 下的image 下图片：right_dc .gif 。
如图：7、单击上图中红色方框的表格的第二行，输入文字：如下图： 最近专家提出：面对新课程改革，应加强教师的心理素养。
在第二行，先插入一个一行一列的表格，再在此表格中插入一个4行1列的表格第1行加入right_dc .gif 图片8、单击上图中红色方框的表格的第三行，单击“插入→表单→选项按钮”，如下图：得到一个选项按钮。
把提交和重置按钮托运到第4行。
- 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。