1.3 HTML文档入门（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

2023-06-14
| 7页
| 433人阅读
| 6人下载
精品

内容正文：

课 题 模块一 HTML文档入门 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《网页设计与制作》是为了适应中等职业学校计算机课程改革的要求，从网页制作技能培训的实际出发，结合当前网页技能培训的实际出发，结合当前网页制作软件的流行版本DreamweaverCC，有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块一 HTML文档入门 学情分析 知识储备： 通过在记事本和Dreamweaver中使用HTML代码制作网页。 能力水平：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 学习目标 知识目标：通过在记事本和Dreamweaver中使用HTML代码制作网页； 能力目标：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法； 素质目标：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 学习重难点 教学重点：通过在记事本和Dreamweaver中使用HTML代码制作网页； 教学难点：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前进行实操操作，让学生大致了解网站配色方案的知识和主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 1、HTML概述 HTML（Hypertext Markup Language,超文本标记语言）是用于创建web文档的一种标记语言。自1990年首次用于网页编辑后，由于其编写制作的简易性，HTML迅速成为网页编程的主流语言，几乎所有网页都是由HTML或其他语言程序嵌套在HTML中编写而成的。 而IE浏览器中打开任意一个网页，选择“查看——源文件”命令，系统会启动记事本程序，打开该网页的源程序。 图1-16所示文本其实就是HTML源代码，可以使用任意文字编辑器编写，将其保存为htm或html格式即可。要制作HTML文档，一般有两种方法：一是使记事本之类的工具，直接输 百件；二是使用可视化的网页制作工具，根据用户操作自动生成HTML代码， 汝日Dreamweaver、FrontPage 等软件。 HTML概述 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 2、HTML文档基本结构 一个HTML文档是由一系列网页元素和标记组成的，HTML用标记规定元素的属性和它在文件中的位置。HTML文档的结构包括头部分(head)和主体部分(body)两大部分，头部分描述浏览器所需的信息，主体部分包含要说明的具体内容。 注意事项 （1）HTML文档包括三个标记：文档标记<html>......</html>，头部标记<head>......</head>和主体标记<body>......</body>。 （2）标记不区分大小写。 （3）所有的标记都用尖括号<>括起来。 <html>标记放在HTML文档的最前面，用来标识HTML文档的开始；而</html>标记恰恰相反，它放在HTML文档的最后面，用来标识HTML文档的结束。这两个标记必须成对使用。 在<head>......</head>内的内容称为文件头部，可以包含<title>......</title>、<meta>等标记，这部分信息不会在浏览器的窗口中显示出来。 在<body>......</body>内的内容称为正文主体，可以包含<p>......</p>、<img>、<hr>、<table>等标记，其内容将在浏览器窗口中显示出来。 HTML文档基本结构 （1）讲解每个特点，并结合实际操作形式和操作方法的形式进行讲授。 （2）听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 3、 HTML文档常用标记 （1）标题标记 格式：<title>网页标题</tit

资源预览图

1.3 HTML文档入门（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
1
1.3 HTML文档入门（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
2
1.3 HTML文档入门（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
3
所属专辑
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。