资源简介

教学内容 网页的数据组织 课时 2
教学目标 1. 通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑HTML网页代码。2. 在浏览网页的过程中，能理解超链接的作用。
教学重点 掌握HTML文档的基本结构。 教学难点 理解超链接的作用。
教学准备 网络教室
教学过程
教学版块 教师活动 学生活动 设计意图
导入 观看关于网页短视频；由上一课的内容互联网应用中的数据我们来探讨下面问题：问题1：你知道网页是如何实现这些数据的呈现的？关注点：程序、代码 学生回顾上一课内容，回答问题1：代码或程序等 从丰富多彩的网页表面去探究网页这些数据组织是如何设计和呈现出来的？
一、HTML语言 用短视频来解决问题1——《什么是HTML语言》问题2：如何查看网页HTML代码？关注点：观察代码和网页内容的关联任务一：打开一个熟悉的网站，查看HTML代码浏览器工右上角菜单按钮—工具—开发人员工具（F12）问题3：哪行代码可以跟网页中某个数据联系起来？关注点：初步认识代码编写方式 学生操作打开HTML代码，查看代码和显示内容的对照，让学生试着来回答代码和网页的对应关系 从网页数据（网页呈现）看网页本质（HTML代码），让学生有一个初步的感受，代码实现的组织和架构
二、HTML标签 HTML文档的基本结构：问题4：观察HTML文档有什么特点？关注点：标签<>、成对出现认识HTML编辑器任务二：使用HTML文本编辑器制作人工智能主题网站首页index.html对比观察网页显示内容和对应的HTML代码。展示学生成果任务三：利用老师准备的图片，试着在网页中插入图片，并查看效果。教师讲解如何插入图片及35页‘教你一招’ 学生查看课本34页HTML标签，讨论其特点学生参考书本34页图7-2，仿写网站首页代码参考课本37页HTML常用标签 学生以探究和自学为主的编写HTML语言，模仿及改变不同的网页内容，达到自我欣赏的目的。
三、超链接 问题5：超链接的作用及表现状态？关注点：实现页面跳转，鼠标移动到目标后的变化和鼠标的变化，颜色或者下划线等。任务四：仿造课本36页，设置超链接：发展 历史建立超链接的标签为, href属性的作用是设置链接的位置，是标签必不可少的。 学生打开网站观察超链接的表现状态，总结回答 学生设置超链接，但并不能转到下个网页，留下任务到下节课。
板书设计 一．HTML语言二．HTML标签三．超链接的使用
教学反思

展开更多......

收起↑