《中文版Dreamweaver网页制作案例教程[2021版]》教案 项目三 网页中的文本、图像与音视频.pdf

课题项目三网页中的文本、图像与音视频

课时12课时（540min）

知识技能目标：

（1）掌握在网页中添加文本、图像与音视频的方法

（2）掌握用于标记文本、图像与音视频的标签

（3）掌握文本样式与图像样式的设置方法

（4）能够使用Dreamweaver2021在网页中添加文本与特殊字符，并设置文本样式

教学目标

（5）能够使用Dreamweaver2021在网页中添加图像，并设置图像样式。

（6）能够使用Dreamweaver2021在网页中添加音视频文件

素质目标：

（1）通过在网页中添加文本、图像及音视频，明白各种事物都有其独特的作用

（2）通过制作丰富的案例，提升实操能力

教学重点：在网页中添加文本、图像与音视频的方法，用于标记文本、图像与音视频的标签，文本

式与图像样式的设置方法

教学重难点

教学难点：在网页中添加文本与特殊字符，并设置文本样式；在网页中添加图像，并设置图像样式；

在网页中添加音视频文件

教学方法案例分析法、问答法、讨论法、讲授法

教学用具电脑、投影仪、多媒体课件、教材

教学过程主要教学内容及步骤

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课

前任务

课前任务

请大家预习本节课内容，了解在网页中添加和设置文字、图像、音频、视频的方法。

【学生】完成课前任务

【教师】使用APP进行签到

考勤

【学生】班干部报请假人员及原因

【教师】组织学生扫码观看“网页文本的设计要点”视频，并讨论以下问题：

（1）网页文本的设计要点有哪些？

（2）任选一种类型的网站，简述如何设计网页中的文本。

互动导入

【学生】观看、思考、讨论、举手回答

【教师】总结学生的回答

【教师】通过学生的回答，引入新知，讲解添加文本、添加特殊字符、设置文本样式的相关知识

一、添加文本

在网页中，文本主要包括标题、段落和一些具有特殊格式的文本。使用Dreamweaver2021可以在

传授新知网页中添加不同的文本。

1．添加标题

【教师】利用多媒体展示“添加标题”图片（详见教材），并进行讲解1

使用Dreamweaver2021的“插入”面板可以在网页中添加标题，具体操作方法是，首先确定添加

标题的位置；然后在“插入”面板中单击“标题”下拉按钮，在展开的下拉列表中选择具体的标题标

签（如“H6”）；最后输入标题内容。此时，“标题”按钮自动变为对应的标题标签按钮（如“标

题∶H6”），单击该按钮会插入对应的标题标签（如h6）。

【教师】利用多媒体展示“各级标题的效果”图片（详见教材），并进行讲解

HTML5提供了6个标题标签h1～h6，分别用于标记不同级别的标题。其中，h1标签标记

的标题级别最高，h6标签标记的标题级别最低。默认情况下，这些标签标记的标题都具有字体加粗

效果，并随着标题级别的降低，字体大小依次减小。

【小贴士】

在一些网页中，标题就相当于网页内容的大