资源简介

中小学教育资源及组卷应用平台
第7课 网页的数据组织 教学设计
课 题 网页的数据组织
教学目标 1. 通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑HTML网页代码。 2. 在浏览网页的过程中，能理解超链接的作用。
重难点 教学重点：掌握HTML文档的基本结构。 教学难点：理解超链接的作用。
课前准备 1. 网络教室。 2. 在线应用相关软件或平台。
课时安排 2课时
教师活动 学生活动 设计意图
一、 引入 话题引入：你知道网页是如何实现图片呈现的 超链接能链接哪些类型的文件 参与讨论 通过话题引导，激发学生学习兴趣，引出本课课题。
二、 新授 HTML语言 你知道编写网页的语言吗？ 网页设计常用的编程语言主要是HTML、CSS、JavaScript，其他还有JAVA、PHP、PYTHON、SQL、C/C++语言等。 （二）什么是HTML语言吗？ HTML(HyperText Marked Language) 即超文本标记语言，定义了网页内容的结构和内容。用HTML编写的超文本文件称为HTML文件，HTML文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTML文件中的代码，根据解释的结果呈现网页内容。 （三）查看网页代码 活动一：尝试打开 一个自己熟悉的网站，使用浏览器的“开发人员工具”查看，对比观察网页显示内容和对应的HTML代码。 HTML标签 HTML文件的基本结构 代码理解 教你一招 活动二：根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，尝试插入主题图片，并调试查看网页。 超链接 （一）什么是超链接？ 超文本链接 (Hypertext Link)简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联。在HTML文档中，链接元素可以是文本、图片等。 超链接的标签 建立超链接的标签为, href属性的作用是设置链接的位置，是标签必不可少的。 超链接的标签 （） 说说网页语言 了解HTML语言 学会查看网页代码 完成活动一 学习HTML标签 理解代码 完成活动二 认识超链接 了解网页语言 了解HTML语言 学会查看网页代码 学以致用 认识HTML文本结构 理解代码 学以致用 认识超链接
三、课堂练习 随堂练习 1. 在 一 个HTML 文档中，用来表示网页名称的标签是 和 , 表 示 网 页 主 体 内 容 的 标 签 是 和 。 2. 尝试在网页中加入背景图片。 完成随堂练习 以练习巩固本节课的内容。
四、课堂小 一、HTML语言 二、HTKL标签 三、超链接
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
21世纪教育网(www.21cnjy.com)

展开更多......

收起↑