初识html语言
一、教学目标：
1. 知识与技能
认识网页表达的实质，了解html文件的基本结构，掌握常用的网页元素的标记，并能够对网页的HTML代码进行简单的修改。
2. 过程与方法
通过对网页中文字、图片、超链接等常用网页元素的标记观察与分析，归纳html语言的特点及html文档的基本结构。
3. 情感态度与价值观
培养学生探索新知的能力。
二、教学重点与难点
1. 教学重点: HTML语言的特点及html文档的基本结构，文字、图片、超链接等网页元素的HTML标记格式。
2. 教学难点: 标记的使用和简单修改。
三、教学方法与手段
任务驱动法、观察对比法、讲授法
四、教学过程
教学环节 | 教师活动 | 学生活动 | ||||||||||||||||||||
引入新课 | 总结前面的学习，请一位同学制作从上往下滚动的字幕。 提示：打开html视图，观察代码，通过修改代码，让字幕向下滚动。 引出课题《初识html语言》 | 制作字幕 观察、思考 | ||||||||||||||||||||
Html概念 | Html的概念： HTML（HyperText Markup Lanquage），即超文本标记语言，是用来制作网页的主要语言，它用各种不同的标记符号来分别标识不同的网页元素。 在概念的基础上通过实例（字幕与段落标记）讲解html概念。 | 理解html语言的概念 感受html标记 | ||||||||||||||||||||
Html标记的格式 | 任务1：用对比观察的方法，分析和理解常用html网页元素的标记及其属性，完成表格。
总结字体、图片、超链接、网页标题这些元素的标记及其格式 提问：这些网页元素的标记在结构上有哪些特点？ 通过以上分析归纳出html标记的两种格式 1、 围堵标记 <标记>…</标记> <标记 属性名=“属性值”…>…</标记> 2、 单标记 <标记> <标记 属性名=“属性值”…> | 完成任务1 | ||||||||||||||||||||
思考、分析标记结构上的特点 理解、记忆 | ||||||||||||||||||||||
Html文档的基本结构 | 通过任务1网页代码分析html文档的基本结构 <html> 表示网页文件开始 <head> …… 文档头，文件相关属性设置 </head> <body> …… 文档体，网页的内容 </body> </html> 表示网页文件结束 | 分析html文档结构 理解、记忆 | ||||||||||||||||||||
练习与提高 | 任务2：根据要求，使用记事本修改2.htm中的的html代码，修改后浏览效果 老师巡视学生作业情况，讲解 拓展任务：使用记事本修改3.htm中的的html代码，将图片与滚动字幕结合，制作滚动的图片。 | 完成任务2 html滚动效果代码完成拓展任务 | ||||||||||||||||||||
五、教学反思
通过今天的学习，我们了解了html语言的概念，知道了html标记的两种格式，通过观察、分析了解了html文档的基本结构，学会使用记事本修改简单的网页。学习html超文本标记语言，可以给我们的网页添加一些网页制作工具所不能达到的效果。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论