2021学年8 制作交互网页教案

这是一份2021学年8 制作交互网页教案，共4页。

本节课是苏科版初中信息技术8年级《第3章 主题网站设计》第2节网站的制作中的第5小节内容，本节课的重点内容就是利用表单元件制作交互网页。交互网页可以用来广泛征求意见，帮助网站管理人员收集信息，实现访问者与网站的相互交流，是设计主题网站过程中不可缺少的环节，因此本课内容在本章节占有很重要的地位。
本节课的内容是建立在前面几节课的教学基础之上的，学生只有学会了前面章节中网页的简单编辑和表格的使用，才能完成本节课的教学任务，因此，本节课也是对前几节课教学知识的综合运用。
■ 学情分析
学生通过前面的学习对Dreamweaver 8的软件界面已经很熟悉，并且已经了解网站设计的基本要求，已经学会建立站点，制作普通的网页，并能利用表格来布局网页。在学生已有的基础上学习交互网页的制作，对于学生来说并不难，但教师需要引导学生在理解网页的交互功能及实现方法的基础再去学习才有意义。
■ 教学目标
1、知识与技能
① 了解交互网页的概念
② 认识常用的表单元件并知道其功能
③ 掌握表单元件的插入及设置方法
2、过程与方法
① 通过填写“留言簿”网页，切身感受交互网页的功能，并且了解不同表单元件的作用。
② 通过分组探究和演示，掌握不同表单元件的插入和设置方法
3、情感态度与价值观
通过分组探究，培养学生的自主学习能力
4、行为与创新
通过留言簿网页的自主创作以及整个网页的美化完善，学生能够将所学知识技能融会贯通
■ 课时安排
1课时
■ 教学重点与难点
教学重点：1、表单元件的正确插入
2、表单元件的运用与属性设置
教学难点：1、根据实际需要选择恰当的表单元件，实现人机交互
2、单选按钮、按钮的属性设置
■ 教学方法与手段
任务驱动，自主探究，演示法
■ 课前准备
课件，网页形式学件
■ 教学过程
教学环节
教 师 活 动
学 生 活 动
设计意图
创设情境
导入新课
展示第一节课给学生看的红楼梦网站中的留言簿网页，布置本节课任务：给自己网站也设计一个留言簿网页。引出课题：制作交互网页。
认真听讲
通过任务的布置，让学生了解本节课的学习内容
体会交互网页，认识交互网页
让学生填写红楼梦网站中的留言簿网页，并思考：这个网页的作用？
介绍交互网页的作用：广泛征求意见，帮助网站管理人员收集信息，实现访问者与网站的相互交流，使网站具有了交互功能。
举例介绍交互网页在因特网中的应用实例
填写留言簿网页，思考这个网页的作用
一起对交互网页的功能和应用进行学习
通过留言簿网页的填写，让学生体会交互网页的功能，感受不同表单元件的作用。为进一步的学习打下基础。
认识表单元件
这样的交互网页可以利用Dreamweaver 8中的表单元件轻松的制作出来。认识常用的表单元件
1、文本域：供用户写入单行文本，发表见解
2、单选按钮：一组选项中只能选择一项
3、列表/菜单：为访问者提供了一个有多个项目的列表，供用户选择
4、复选框：一组选项中可以选择多项
5、文本区域：供用户写入多行文本，发表见解，内容较多时可利用滚动条查看内容
6、按钮：使用按钮，网站访问者可以提交填写好的表单，也可以重设表单来清除数据
7、文件域：网站访问者可以向网站发送文件
师生互动，认识常用的表单元件
以填写的留言簿中用到的表单元件进行学习，由感知提升到认知，便于学生理解和接受
分组探究
教师讲解演示文本域的插入和设置方法，其它的表单元件的插入和设置方法布置分组探究任务。
[第一组]做出如图所示效果
尝试单选按钮的插入和设置方法
[第二组]做出如图所示效果
尝试列表/菜单的插入和设置方法
各小组学生根据自己组的任务，按照学件的操作提示，自主学习和尝试
在教学中加入自主自学环节，希望培养学生的自主探究能力，引发学生思考，提高学习效益
分组探究
[第三组]做出如图所示效果
尝试复选框的插入和设置方法
[第四组]做出如图所示效果
尝试文本区域的插入和设置方法
[第五组]做出如图所示效果
尝试按钮的插入和设置方法
各小组学生根据自己组的任务，按照学件的操作提示，自主学习和尝试
在教学中加入自主自学环节，希望培养学生的自主探究能力，引发学生思考，提高学习效益
小组展示
各小组派一位学生代表上台演示
教师对难点问题适时讲解和补充
学生代表上台演示本小组表单元件的插入和设置方法，其它学生认真观看
通过各小组代表的展示，让学生学会所有常用表单元件的插入和设置方法
全民动员
布置[学生任务]：
1、仿照样例，给你自己的网站设计一个“留言簿”网页，了解浏览者的基本信息，征求他们对网站的意见，以便改进网页，使其更加精美，更符合浏览者的要求。
2、具体要收集的信息：
① 浏览者的基本信息：如姓名、性别、E_mail地址、年龄
② 浏览者的爱好:如电脑、天文、文学、体育、音乐、旅游、艺术、交友
③ 浏览者对网站的看法：如很好、一般、较差、很差
④ 浏览者对网站的意见
⑤
学生按照自己的喜好，设计制作一个个性化的留言簿交互网页
给学生一个自我创作的空间，也是对所学知识的综合利用
作品展示评价
师生共同评价同学的作品，并提出表扬和修改意见
评价同学作品，并发现自己作品中的不足。
有比较，才有发现；有发现，才有提高
总结
总结本课知识
回顾本课所学知识
梳理所学知识