表单网教案
公开课教案 表单
第10章表单新课导语：在上一次课里，我们共同学习了CSS样式，通过学习我们知道了CSS样式在专业的网页制作过程中应用非常广泛，是不是只有CSS样式在网页制作过程中应用广泛呢！不是的，今天我们就再共同学习一个在网页制作过程中应用非常广泛的元素。
在学习这个网页元素之前，让我们共同看三张图片。
提问：通过这三张图片，同学们看到了什么共同点？答案：都有文本框，这就是我们本次课要学习的新的网页元素——表单。
板书：10 表单（居中）讲解：本章的学习目标有3点：1、熟练掌握创建表单和插入文本域的方法2、掌握复选框和单选按钮的应用技巧3、掌握列表和菜单的创建方法和技巧讲解：本次课的学习目标是熟练掌握创建表单和插入文本域的方法，下面我们就来学习：使用表单。
讲解：10.1 使用表单板书：10.1 使用表单讲解：什么是表单呢，我们先看看表单的定义。
教材上没有将表单的定义特别明确化，但是我们可以根据教材提供的知识，这样定义表单。
板书：1、表单的定义表单的定义：一个容器，用来存放表单对象，并负责将表单对象的值提交给服务器端的某个程序处理。
在这个定义当中，我们应该注意这两个要点：1）表单是容器，2）表单是用来存放表单对象的。
表单的定义我们知道了，那么如何使用表单呢，首先就需要先建立表单板书:10.1.1 创建表单讲解：如何创建表单呢？大家请看大屏幕。
10.1.1创建表单在文档中插入表单的具体操作步骤如下。
（1）在文档窗口中，将插入点放在希望插入表单的位置。
（2）启用“表单”命令，文档窗口中出现一个红色的虚轮廓线用来指示表单域。
表单创建分为两种方法：1、单击“插入”面板“表单”选项卡中的“文本字段”按钮，在文档窗口的表单中出现一个单行文本域。
2、选择“插入>表单>文本域”命令，在文档窗口的表单中出现一个单行文本域。
操作：网页制作系统，建立两个空白网页，分别采用以上两种方法在上面插入表单。
讲解：通过对网页制作的学习，我们知道网页中插入的任何元素，都需要对其进行属性的设置。
网页设计DreamweaverCS3教案(华东师范大学)
第 7章建立框架网页教学目标：1．能够理解框架的作用2．能够合理使用框架划分窗口布局3．能够明白框架和框架集的关系4．能在框架中创建编辑网页5．能在框架中打开已有的网页进行编辑6．能够正确保存框架和框架集7．能够理解和编辑框架的属性教学重点：绘制布局表格、绘制布局单元格、设置布局表格和布局单元格的属性教学难点：绘制嵌套布局表格教学课时：理论：2课时实训：4课时教学方法：讲授法、任务驱动法。
教学过程:一、导入新课网页布局技术还有一种，叫做框架。
然而框架本质上是一种浏览器窗口的分割技术。
而前面我们学习的表格和层的布局方式则属于页面分割技术，只是对一个网页的页面做了的划分，在页面不同的位置放置不同的内容，但这些内容仍在同一个页面上。
利用框架，我们可以把浏览器窗口分成几个部分，每一部分都相当于浏览器窗口的一个子窗口，都可以用来显示一个完整的网页，从而可以实现多个页面在浏览器中的同时显示，所以说框架应该算作是一种“窗口”的布局技术。
按照布局要求，把浏览器窗口分成若干子窗口，并在各个子窗口中显示具有不同内容的网页，这些网页有机的结合在一起，达到一个完整的布局效果。
二、讲授新课（一）、框架和框架集的概念框架是一种窗口分割布局技术，利用框架我们可以把窗口分成规划好的若干子窗口，每一个框架都相当于一个子窗口，我们可以在框架中编辑和显示一个完整的网页。
不同框架中的网页是互不相干，根据我们的整体规划，可以把不同的信息放置在不同框架中页面上，从而实现我们想要的布局效果。
每一个框架都属于某个框架集，我们可以把框架集中的一个框架拆分，来实现更多子窗口的划分，就像我们项目中一样，这其实是通过在框架集中不断的嵌套子框架集来实现的。
（二）、创建框架在创建框架集或使用框架前，通过选择“查看/可视化助理/框架边框”命令，使框架边框在文档窗口的设计视图中可见。
1、使用预制框架集(1)、新建一个HTML文件，在快捷工具栏选择“布局”，单击“框架”按钮，在弹出的下拉菜单中选择“顶部和嵌套的左侧框架”。
《Dreamweaver网页设计》教案
《Dreamweaver网页设计》教案一、教案简介二、教学目标1. 掌握Dreamweaver的界面结构和基本操作。
2. 学会使用Dreamweaver制作和管理网页布局。
3. 掌握在Dreamweaver中插入和编辑各种网页元素，如文本、图片、等。
4. 学会使用CSS样式表美化网页。
5. 掌握在Dreamweaver中进行网页代码编辑和调试。
三、教学内容1. Dreamweaver的安装和界面介绍。
2. 网页制作的基本流程和规范。
3. 文本的插入、编辑和格式设置。
4. 图片的插入、编辑和优化。
5. 的创建和管理。
四、教学方法采用讲解、演示、实践相结合的教学方法。
教师先进行理论知识讲解和操作演示，学生跟随实践，巩固所学知识。
在实践过程中，教师会提供指导和解答疑问。
五、教学环境1. 计算机房，每台计算机安装有Dreamweaver软件。
2. 投影仪或白板，用于展示操作过程。
3. 教学PPT或教案文档。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 实践操作：评估学生在实践环节中制作网页的质量和完成情况。
3. 作业和练习：布置相关作业和练习题，评估学生的理解和掌握程度。
4. 期末考核：进行期末考核，包括理论知识和实践操作，以评估学生整体学习效果。
七、教学资源1. Dreamweaver软件：确保每台计算机都安装有Dreamweaver软件，以便学生实践操作。
2. 教学PPT或教案文档：提供清晰的教学内容和操作步骤，方便学生理解和跟随。
3. 网页设计素材：提供一些图片、字体等网页设计素材，供学生自由使用。
4. 网络资源：提供一些优秀的网页设计参考案例和教程，供学生学习和参考。
八、教学进度安排1. 教案一：Dreamweaver的安装和界面介绍（1课时）2. 教案二：网页制作的基本流程和规范（1课时）3. 教案三：文本的插入、编辑和格式设置（1课时）4. 教案四：图片的插入、编辑和优化（1课时）5. 教案五：的创建和管理（1课时）6. 实践环节：学生自主制作网页（4课时）7. 作业和练习：布置相关作业和练习题，学生进行理论知识巩固（1课时）8. 教学评估：进行课堂参与度、实践操作、作业和练习的评估（1课时）9. 期末考核：进行期末考核，包括理论知识和实践操作（2课时）九、教学注意事项1. 确保学生已经掌握基本的计算机操作技能，如文本编辑、图片浏览等。
教学设计表单电子教案
让学生从身体和日常生活中发现的大量轴对称现象中找出规律自由的创作轴对称图形。学生自主创作。（因为是发挥了各自的想象力和创造力的作品学生选用的方法各不相同。）小组交流创作心得。作品展示
能理解技术课程的目标是着力培养技术的理解、使用、改进及决策能力，而且，对于提高学生对设计过程的参与程度比较重视，更加注意激发和保持学生对技术问题的兴趣，引导学生从多角度思考，用多种技术思想和方法去分析问题，生成解决问题的多个方案
课件播放通过网络查找到的各种轴对称式的建筑。
（三）综合实
践，学以致用。
整合起来，有利于培养学生的学生的动手操作能力和实践概括能力。把学生的作品作为教学资源有了充分利用。能让学生感受到成功的喜悦和学会欣赏轴对称图形的美。
为了让学生直观感知轴对称图形的特点，出示一组生活中的图片让学生仔细观察这些图形有什么特点。学生通过仔细观察能够很直观的感知出图形的两侧分别对应相同。2、抽象概念。（1）出示剪纸录像。
学生学情分析
通过几位专家的讲解及例案分析，对比以往的教学，我觉得现在教师的职责不再是将教学过程设计为“灌”和“填”的流程了，取而代之的是越来越多地，在课堂教学中应如何激励学生思考，教师必须集中更多的时间和精力从事那些有效果有创造性的活动，想方设法地激发学生潜在的能力，让学生自觉地参与到学习过程中，充分地活动起来，让学习通过自身的活动，充实教学内容，丰富教学形式，真正体现了在乐中学、趣中学、动中学、做中学，让学生真正成为学习主人，让每一堂课都充满活力。
教学策略设计
教学环节
具体目标师生活动信技术手段的运用一）“玩”对称，激趣引入
从“贴耳朵游戏”引入，有利于让学生利用已有的生活经验进行判断，初步感知对称为新课的学习做了良好的铺
公开课《表单网页》教案
江苏省张家港职业教育中心校公开课简案创作任务三、讲练结合，完成任务布置任务一：插入表单、表格及各项目。
布置任务二：在对应的栏目里插入相应的表单域，并修改表单域的属性布置任务三：自行创作表单网页的主题。
根据自己的主题，设计表单网页布置任务四：美化自己的表单网页。
演示说明巡视并及时指出学生操作过程中的问题。
创建表单网页学生反馈练习，插入表单，利用表格进行网页的布局，完成任务。
评价四、作品评价每组选出优秀的学生作品，广播演示，分析学生所运用的表单域。
演示学生作品并点评欣赏同学作品并进行一些评价，积极问答问题。
小结与反思五、小结总结本课知识，设下疑问：1．有一些表单域在这节课里没有使用，它们具有什么用途？2．表单的信息怎样才能收集起来呢？梳理所学知识，设下疑问，激发学生兴趣，为下一节课做好铺垫。
回顾本课所学知识，积极思考。
效果图如下：教学反思：“小步子教学”把每个局部的知识嚼得很细然后喂给学生，生怕他们噎着了，殊不知，当学生真正面对“食物”的时候，他们却不知从何下手！而项目教学法要求学生必须先站在系统的高度分析整个项目，将大项目分解实施完成，很好的解决了这个问题。
项目教学法是师生同学共同实施的一个完整的项目工作而进行的教学活动。
教学实施采取小组合作形式，按“项目展示—分析讨论—操作实施—成果展示与评价—巩固提高”这六个环节进行，由学生自己主动完成知识的建构，取得了好的教学效果。
在本节课项目教学实施过程中，以下几个问题尚需改进：1、合理分组，评价多样化。
要进一步发挥小组间成员协作及小组长的作用。
加大小组集体考核的力度，促进小组成员间的互相协作帮助，以达到共同提高，培养学生团队精神的目的。
实施项目教学的评价方式应该是多样化和多角度的，可以采取教师评价、小组评价和自我评价，也可以对小组成员进行捆绑评价，不管如何，评价以积极鼓励为主。
2、教学项目的设计要尽可能自然有机结合多项知识点，难易程度要针对学生的实际水平、被学生所喜爱。
教师资格证面试《制作表单网页》教案
教师资格证面试《制作表单网页》教案一、教学目标1.知识与技能(1)学生知道表单网页的作用和构成要素，能够使用FrontPage 软件制作简单的表单网页。
2.过程与方法(1)学生通过观察与探索，听老师对表单网页的讲解，知道表单网页的用途和基本构成要素;(2)学生能够利用计算机，进行简单表单网页制作的基本操作。
3.情感态度与价值观学生在解决问题的过程中，能够选择合适的软件和方法来解决生活中和工作中的问题，形成实事求是的态度，逐步养成将科学技术应用于日常生活、社会实践的意识。
二、教学重难点【教学重点】制作表单。
【教学难点】根据需求确定表单要素，并设置合适的控件属性。
三、教学方法任务驱动法，讲授法，合作探究。
四、教学过程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-7-3 的效果。
并设计表单的版面 矢。
教师巡视指导
师：现在的效果是否可以称之为表单呢？
学 师：对，我们还需要在特定位置插入若干 生：不可以
表单中的重要元素——控件。请大家根据
解吗？
与 师：根据本节的学习内容，完成“实践与 设计“父母在我心
创新”第一个任务
情
中”表单网页
感
第四阶段：综合实践，巩固与提高，自由创作，迁移运用
第2页共3页
教学 环节
教师活动
学生活动
设计理念
师：同学们是否听说过“留言板”这个概
实 念？在访问其它网站时是否在留言板上
引入新概念，引导 学生对新新知识
教师活动
学生活动
课堂小结本节课的学习内容。
课 师：到今天为止，我们已将“网站设计与 总结
制作”的全过程学习完毕，同学们想必对
堂 此有了一个全面的了解和把握。
但是，我们在本单元学习的网站制作技
小 术只是网站设计的初步，还有更多、更新
的网站技术等待我们去学习和掌握。
结
设计理念
以更高的视角 认识网站建设，让 学生以饱满的学 习热情，探索网站 建设的途径和方 法。
教学 环节
教师活动
学生活动
设计理念
引导学生“读一读”
导
师：经过前面六课的学习，我们已经初步 掌握了网站设计和制作的一般步骤。我们
研读材料，思考问
以格言和名言
入
的网站做得怎么样？有哪些地方需要改 题。 进呢？如果别人给我们提出意见和建议，
(人教版)小学五年级信息技术上册第12课《制作表单网页》word教案
课题：制作表单网页教课设计学科：信息技术第1单元（章、课、节）第7节年级：8第10周第1教课设计总编号：8总 1 课时备课时间课时课型新授第 1 课时使用时间知识目标：认识表单网页的功能与用途，认识表单网页从设计到公布的完好过程。
技术目标：掌握表单元件的插入方法及有关属性设置，掌握公布教课目的表单的方法。
感情目标：培育学生勤于思虑的习惯与解决问题的能力。
可以正确对待自己的弊端和他人的长处，擅长扬长避短，补己之短。
表单元件的插入重点难点教课准备教课方法板书设计表单元件的属性设置表单元件的插入表单元件的属性设置计算机教室教课设计课件任务驱动法自主研究合作沟通教学过程教课改正、反省创建情境激情导入学生阅读与思虑课本p44 页资料问题：如何才能更好的接受他人的建议和建议，使自己的网站越办越好呢？自主研究沟通分享一、在网页中插入表单学生自主研究：1、我们为何要在网页中插入表单？2、如安在网页中插入表单？3、当我们将表单插入到网页中后，应当如何对插入的控件属性进行相应的改正？4、练一练 :课本 P45 页比较“输入表单中的文字提示”挨次插入其余控件，并参照下表的要求，分别对它们进行相应的设置。
二、设置表单信息的采集方式学生自主研究表单属性对话框合作学习，释疑解难请同学们把小组内不会的问题提出来教师赐予适合指导。
实践创作，展现评论据本节课所学内容，题材不限，自由设计作品。
展现评论：有公布竹泉旅行区的、有公布大枣的、有发布小米的 ------作品内容丰富，同学们做的特别棒。
梳理总结，拓展延长生先总结，谈收获。
师再增补，同时，让学生正确认识自己学会展现自己真切的一面。
作业批改记录批阅时间：年月日评论时学校评评论状况评论人间价建议。
用表格布局网页教案
用表格布局网页教案第一章：表格布局网页概述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 教学目标理解响应式网页设计的基本概念掌握使用表格进行响应式布局的方法6.2 教学内容响应式网页设计的基本原则使用CSS媒体查询调整表格布局实现表格的响应式布局6.3 教学步骤介绍响应式网页设计的基本原则演示如何使用CSS媒体查询调整表格布局示例实现一个表格的响应式布局6.4 课后作业学生完成一个表格布局的响应式网页设计，并在不同设备上测试其表现。
作业表单3“精彩绽放”--精品教案
教学难点：能听懂、会说、会读、会写下列句型：
1.—When do you +动词短语？
---I…
2.—Do you +动词短语？
--Yes, we do.
3. When does your father/mother +动词短语？
--He/She does…
教学环节：
一.学习目标（2分钟）
2．教师借助卡通时钟拨动时间，学生按照时间顺序来学习活动。
四.点拨升华（8分钟）
（一）教师引导学生仔细观察每组图片。
（二）听录音，完成选择。
五.课堂作业（5分钟）
作业当堂清
1.英汉互译
起床上课吃午饭做游戏看电视睡觉
3.完成Think and Match.
板书设计：
When do you have classes?
专业成熟期教师：对一份教案从备课角度进行系统评价。
作业内容
四年级上册
第四单元When do you have classes?
第一课时
教学目标：1.能听懂、会说、会读、会写词汇: get up, have class, have lunch, play games, watch TV, go to bed.
--Yes, we do.
3. When does your father/mห้องสมุดไป่ตู้ther +动词短语？
--He/She does…
探究案
掌握When do you +动词短语？句型及其回答。
训练案
1.英汉互译
起床上课吃午饭做游戏看电视睡觉
2.Read and tick.
I have classes…
初中信息技术教案(全套)
的设臵方法，能够灵活应用“网页属性”对话框，设臵网页属性，如背景、背景音乐等
（4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。
2．过程与方法
（1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。
理念。
教学重、难点：
1．教学重点
(1)认识FrontPage 2003窗口结构及主要菜单的功能。
(2)掌握建立、删除网站的基本方法，网站的管理作用。
(3)掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。
(4)掌握设臵网页属性的一般方法。
60--
2．教学难点
(1)站点的作用和存储路径。
设计意图：由学生已掌握的知识入手，自然过渡，激发兴趣，活跃气氛。
2．新授
（1）FrontPage启动与窗口的组成（与Office中的其他软件作比较，如Word，比较有什么不同点？）
6种视图模式：“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可
以有针对性地查看站点内容或网站结构。
缺少。
61--
任务2新建首页，要求首页中有如下对象：
网站的标题与图片徽标。
网站的宗旨（文字介绍）。
水平线（起分隔作用）。
链接到下一页的标记（可为文字，也可为图片）。
以上内容可以类比Word中对象的插入方法来进行。
学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线等。
设计意图：在完成基本任务的前提下，鼓励学生创新；类比学习法、知识迁移学习法。
3．情感目标
通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学
《表单网 》教案
《表单网页》教案【教学目标】1．知识与技能⑴了解表单网页的概念和作用；⑵掌握表单网页的制作方法。
2．过程与方法通过阅读课本、观看演示回忆、感受表单网页的作用；在递进的操作任务中掌握表单网页制作和美化的方法。
3．情感态度与价值观体验表单网页在网站中的重要作用，激发他们对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。
【重点难点】表单网页的制作方法。
【课时安排】1课时【教学准备】网络教室、多媒体教学软件。
【教学过程】一、新课引入（5分钟）大家有QQ号或者E-mail邮箱吗？在申请QQ和E-mail时，我们要输入一些个人信息？这类采集用户信息的网页都被称为表单网单。
（阅读课本P119）展示一个简单的园艺网站来介绍家乡的盆景艺术，如皋是全国有名的盆景园艺之乡，每天有许多人通过网络了解如皋的盆景艺术，怎样才能知道他们对我们网站的意见或建议呢？（设计一个留言板网页来采集他们的意见。
）二、过程（一）认识表单网页（8分钟）表单网页是一种结构化的网页，是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。
：用于接收用户输入的单行文本信息，如姓名、地址等。
滚动文本框：可以输入多行信息的文本框，如意见、建议等。
单选按钮：提供两个或多个互斥选项，用户只能选中其中的一项。
如：性别。
：提供一个或一组选项，用户可选择其中的一个或多个选项。
下拉菜单：允许用户从下拉菜单列表中选择其中一项。
按钮：FrontPage 2000中的按钮表单域有三种类型，即“普通”、“提交”和“重置”。
“提交”用于表单提交；“重置”用于清除表单所填内容，回到初始状态；“普通”用于执行其它客户的操作。
（二）制作表单网页（15分钟）表单网页制作方法步骤：依次单击“插入”→“表单”，弹出下级菜单。
实践：制作一个“留言”功能的表单网页。
活动1 建立表单（根据提供的效果样张，完善表单网页）提示：①在“姓名”后插入一个“单行文本框”；②在“性别”后的各选项前分别插入“单选按钮”；③在“您的兴趣爱好”后的各个选项前分别插入“复选框”，可以复制；④在“您的职业”，后插入一个“下拉菜单”。
表格表单css样式设计教案
一体化课程教案编号：QD-0707-05版本号：D/0 流水号：编制：教研室批准:成振洋2011/2012 学年度第二学期计算机系（部）任课教师颜虹一体化课程网络编程基础学习任务CSS表格表单样式设计授课时数 6 授课日期2012.5.17 周次13 审批年月日教学班级10计网1学习目标学习重点及其化解方法根据教材上要求，通过本次课程学习学生要能运用CSS样式实现表格、表单的样式设计。
本次课程的学习内容应该是学生比较感兴趣的知识，我们可以从简单例子入手，到复杂的网页效果实现，再结合书本要求完成的综合实例，还可以让学生自由创作。
这样学生既理解了书上的表格表单CSS样式设计的用法，真正具备进行网页设计的能力。
学习重点：分析并制作出网页表格、表单的样式表。
学习难点及其化解方法学习难点：指导学生的自主学习和正确评价自己和他人的设计多看优秀的表单表格设计例子，例如google的日历视图等网页上实例。
教学准备➢教学设备：电脑、投影、PowerPoint软件、Dreamweaver软件➢教学准备：示例网页、素材图片、任务书教学内容（课时 6 ）：学习任务书教学任务一绘制交换颜色变化的表格【任务内容】讲解表格CSS样式表设置的方式方法【任务目的】使学生掌握表格样式，学会熟练设置表格边框、背景色、单元格间距等属性。
【学习重点】CSS样式表的灵活运用【学习难点】理解表格的各个属性、间距设置的意义【教学方式】案例分析式、任务教学【教学内容】一、制作4X5的表格，并输入相应的文字内容提示：没有特殊合并格式的表格，可以使用<table>、<tr>、<td>标签完成。
或直接用dw生成。
二、设置表格CSS样式1、设置table的样式为border-collapse:collapse;2、设置tbody、td的样式为color:#333;padding:8px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #F60;border-bottom-color: #F60;border-top-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #F60;border-left-color: #F60;border-left-width: 1px;3、设置两种颜色的表格单元格样式类分别为in\on，颜色可自行设计。
网页设计Dreamweaver教案
网页设计Dreamweaver教案第一章：Dreamweaver简介1.1 课程目标了解Dreamweaver的发展历程和版本更新掌握Dreamweaver的基本功能和操作界面熟悉Dreamweaver在网页设计中的应用场景1.2 教学内容Dreamweaver的起源和发展历程Dreamweaver的版本更新及特点Dreamweaver的操作界面及功能介绍Dreamweaver在网页设计中的应用案例1.3 教学方法讲授与示范相结合，让学生了解Dreamweaver的发展历程和版本更新实践操作，让学生掌握Dreamweaver的基本功能和操作界面案例分析，让学生熟悉Dreamweaver在网页设计中的应用场景1.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例1.5 教学评估课后作业：让学生制作一个简单的网页，巩固所学内容课堂讨论：引导学生分享自己在网页设计中使用Dreamweaver的经验和心得第二章：创建和管理网页2.1 课程目标掌握Dreamweaver的网页创建和管理功能熟悉网页编辑区的基本操作了解网页、描述和关键词的设置方法2.2 教学内容Dreamweaver的网页创建和管理功能介绍网页编辑区的基本操作网页、描述和关键词的设置方法2.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver的网页创建和管理功能实践操作，让学生熟悉网页编辑区的基本操作案例演示，让学生了解网页、描述和关键词的设置方法2.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例2.5 教学评估课后作业：让学生创建一个简单的网页，并设置网页、描述和关键词课堂讨论：引导学生分享自己在网页设计中关于网页、描述和关键词设置的经验和心得第三章：编辑和排版文本3.1 课程目标掌握Dreamweaver中文本的编辑和排版功能熟悉字体、颜色、大小和样式的设置方法了解文本对齐、行间距和段落格式的设置方法3.2 教学内容Dreamweaver中文本的编辑和排版功能介绍字体、颜色、大小和样式的设置方法文本对齐、行间距和段落格式的设置方法3.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中文本的编辑和排版功能实践操作，让学生熟悉字体、颜色、大小和样式的设置方法案例演示，让学生了解文本对齐、行间距和段落格式的设置方法3.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例3.5 教学评估课后作业：让学生编辑和排版一个文本内容丰富的网页课堂讨论：引导学生分享自己在网页设计中关于文本编辑和排版的经验和心得第四章：添加图像和媒体元素4.1 课程目标掌握Dreamweaver中图像和媒体元素的操作功能熟悉图像和媒体元素的插入、编辑和格式设置方法了解图像和媒体元素在网页设计中的应用场景4.2 教学内容Dreamweaver中图像和媒体元素的操作功能介绍图像和媒体元素的插入、编辑和格式设置方法图像和媒体元素在网页设计中的应用场景4.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中图像和媒体元素的操作功能实践操作，让学生熟悉图像和媒体元素的插入、编辑和格式设置方法案例分析，让学生了解图像和媒体元素在网页设计中的应用场景4.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例4.5 教学评估课后作业：让学生添加图像和媒体元素到一个网页中，提升网页视觉效果课堂讨论：引导学生分享自己在网页设计中关于图像和媒体元素应用的经验和心得第五章：创建和应用超5.1 课程目标掌握Dreamweaver中超的创建和应用功能熟悉超的类型和创建方法了解超的目标设置和命名规则5.2 教学内容-第六章：表格和布局6.1 课程目标掌握Dreamweaver中表格的创建和编辑功能熟悉表格的布局和样式设置方法了解表格在网页设计中的应用场景6.2 教学内容Dreamweaver中表格的创建和编辑功能介绍表格的布局和样式设置方法表格在网页设计中的应用场景6.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中表格的创建和编辑功能实践操作，让学生熟悉表格的布局和样式设置方法案例分析，让学生了解表格在网页设计中的应用场景6.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例6.5 教学评估课后作业：让学生创建一个表格布局的网页，展示信息列表课堂讨论：引导学生分享自己在网页设计中关于表格布局的经验和心得第七章：表单和动画7.1 课程目标掌握Dreamweaver中表单的创建和编辑功能熟悉表单元素和属性的设置方法了解动画在网页设计中的应用场景和创建方法7.2 教学内容Dreamweaver中表单的创建和编辑功能介绍表单元素和属性的设置方法动画在网页设计中的应用场景和创建方法7.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中表单的创建和编辑功能实践操作，让学生熟悉表单元素和属性的设置方法案例分析，让学生了解动画在网页设计中的应用场景和创建方法7.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例7.5 教学评估课后作业：让学生创建一个包含表单和动画的网页，实现用户互动课堂讨论：引导学生分享自己在网页设计中关于表单和动画应用的经验和心得第八章：CSS样式和模板8.1 课程目标掌握Dreamweaver中CSS样式的创建和应用功能熟悉CSS选择器和属性的设置方法了解模板在网页设计中的应用场景和创建方法8.2 教学内容Dreamweaver中CSS样式的创建和应用功能介绍CSS选择器和属性的设置方法模板在网页设计中的应用场景和创建方法8.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中CSS样式的创建和应用功能实践操作，让学生熟悉CSS选择器和属性的设置方法案例分析，让学生了解模板在网页设计中的应用场景和创建方法8.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例8.5 教学评估课后作业：让学生创建一个CSS样式和模板应用的网页，提升网页美观度课堂讨论：引导学生分享自己在网页设计中关于CSS样式和模板应用的经验和心得第九章：网站发布和管理9.1 课程目标掌握Dreamweaver中网站的发布和管理功能熟悉FTP协议和网站方法了解网站维护和优化的基本方法9.2 教学内容Dreamweaver中网站的发布和管理功能介绍FTP协议和网站方法网站维护和优化的基本方法9.3 教学方法讲授与示范相结合，让学生掌握Dreamweaver中网站的发布和管理功能实践操作，让学生熟悉FTP协议和网站方法案例分析，让学生了解网站维护和优化的基本方法9.4 教学资源PowerPoint课件Dreamweaver软件网页设计案例9.5 教学评估课后作业：让学生将所学网页发布到服务器，进行实际操作课堂讨论：引导学生分享自己在网站发布和管理中的经验和心得第十章：网页设计案例分析10.1 课程目标分析实际网页设计案例了解网页设计中的创新点和不足之处提高学生网页设计的能力和审美水平10.2 教学内容分析实际网页设计案例讨论网页设计中的创新点和不足之处提高学生网页设计的能力和审美水平10.3 教学方法讲授与示范相结合，让学生分析实际网页重点和难点解析1. 章节一和二：Dreamweaver简介和创建与管理网页重点解析：理解Dreamweaver的历史和发展，熟悉其操作界面和基本功能，以及如何有效地创建和管理网页。
网页制作表单教学设计教案
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、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《表单网页》教案
【教学目标】
1．知识与技能
⑴了解表单网页的概念和作用；
⑵掌握表单网页的制作方法。
2．过程与方法
通过阅读课本、观看演示回忆、感受表单网页的作用；在递进的操作任务中掌握表单网页制作和美化的方法。
3．情感态度与价值观
体验表单网页在网站中的重要作用，激发他们对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。
【重点难点】
表单网页的制作方法。
【课时安排】1课时
【教学准备】网络教室、多媒体教学软件。
【教学过程】
一、新课引入（5分钟）
大家有QQ号或者E-mail邮箱吗？在申请QQ和E-mail时，我们要输入一些个人信息？这类采集用户信息的网页都被称为表单网单。
（阅读课本P119）展示一个简单的园艺网站来介绍家乡的盆景艺术，如皋是全国有名的盆景园艺之乡，每天有许多人通过网络了解如皋的盆景艺术，怎样才能知道他们对我们网站的意见或建议呢？（设计一个留言板网页来采集他们的意见。
）
二、过程
（一）认识表单网页（8分钟）
表单网页是一种结构化的网页，是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。
：用于接收用户输入的单行文本信息，如姓名、地址等。
滚动文本框：可以输入多行信息的文本框，如意见、建议等。
单选按钮：提供两个或多个互斥选项，用户只能选中其中的一项。
如：性别。
：提供一个或一组选项，用户可选择其中的一个或多个选项。
下拉菜单：允许用户从下拉菜单列表中选择其中一项。
按钮：FrontPage 2000中的按钮表单域有三种类型，即“普通”、“提交”和“重置”。
“提交”用于表单提交；“重置”用于清除表单所填内容，回到初始状态；“普通”用于执行其它客户的操作。
（二）制作表单网页（15分钟）
表单网页制作方法步骤：依次单击“插入”→“表单”，弹出下级菜单。
实践：制作一个“留言”功能的表单网页。
活动1 建立表单（根据提供的效果样张，完善表单网页）
提示：
①在“姓名”后插入一个“单行文本框”；
②在“性别”后的各选项前分别插入“单选按钮”；
③在“您的兴趣爱好”后的各个选项前分别插入“复选框”，可以复制；
④在“您的职业”，后插入一个“下拉菜单”。
添加“工程师”和“公务员”和“其他”等菜单内容（单击“添加”按钮，添加“工程师”菜单项，重复操作）；
⑤在“您对我们的建议或要求”后插入“滚动文本框”，调整其至合适大小；
⑥修改默认的按钮名称（双击按钮）；
（三）表单网页的美化（5分钟）
活动2 在最后一行表格中插入一个名为“”的Flash动画？
提示：单击“插入”菜单中的“高级”“插件”。
思考：插入一幅GIF动画图片（.gif）和一个FLASH动画（.swf）有何不同？
活动3 为当前的表单网页添加一个名为“”的背景音乐。
提示：在网页中的任意位置右击鼠标，选择“网页属性”命令（或单击“文件”菜单，选择“属性”命令），在“常规”选项卡中操作？
保存编辑的表单网页并利用平台提交。
作品展示：（5分钟）
小结：PPT（3分钟）
二、【检测与评价】（4分钟）
1．通常可以使用（）来收集访问者的意见，统计调查访问信息。
A.表格
B.框架
C.表单
D.单元格
2.利用表单制作留言板时，若要采集访问者的性别，可以选用的表单字段有（）。
A.复选框
B.单选按钮
C.下拉菜单
D.单行文本框
3.利用表单中的字段，我们可以设计功能强大的交互式在线考试试卷。
以下（）字段可以用来采集不定项选择题的答案。
A.单行文本框
B.单选按钮
C.复选框
D.下拉菜单
4．插入FLASH动画时，使用“插入”菜单下的（）命令。
A．图片 B.组件 C.表单 D. 高级→插件
5．若要为当前网页设置背景音乐或背景图片，应下面的（）属性中进行设置。
A．图片属性 B.网页属性 C.表格属性 D. 单元格属性
【课后延伸】
表单网页提交的数据提交到哪儿去了呢？请同学们课后阅读课本P120的相关内容，也可以利用因特网搜索去解开这个奥秘，在学习本册第七章第三节时，我们会为大家解开这个奥秘。