1.4 HTML文档常用标记（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

课 题 模块一 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.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 HTML文档常用标记 （8）超链接标记 格式：<a href=”目标文件的URL”target=”打开窗口的方式”>文本或图像</a> 说明：说明：为标记中的文本或图像添加超链接目标，浏览页面时，单击可打开指定的目标文件。target用于指定打开目标窗口的方式，默认情况是在当前窗口中打开，如果要在新窗口中打开目标窗口，则可将target的属性值设为"_blank' 根据链接目标的不同，可将超链接分为以下几种。 （1）内部链接：链接到本地计算机中的文件。 （2）外部链接：链接到本地站点以外的任何一个站点中的文件。 （3）E-mail链接：链接到一个电子邮件地址，单击将启动默认的E-mail程序发送邮件。 （9）表格标记 表格标记由表格标记，行标记和单元格标记三部分组成。 表格标记、行标记 单元格标记 <td rowspan="跨越行数" colspan="跨越列数" bgcolor= "背景颜色" background="背景图像" width="宽度" height="高度" align="对齐方式" >......</td> 说明：单元格边距是指单元格内容与单元格边框之间的像素数，单元格间距是指相邻单元格之间的距离 HTML文档常用标记 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 （10）表单标记 格式：<form name="表单名称" method="提交方式" action="文件"> 说明：表单标记与动态网页制作是分不开的，action："文件"是指这个表单提交后，将传送给哪个文件处理；method一"提交方式"是指将表单信息提交给服务器的方式，一般包括POST （以文件形式不限制长度提交）和GET（附加在URL地址后限制长度提交）两种。 使用<form>标记定义表单后，就要通过具体的表单对象添加信息，常见的表单对象有以下几种： （1）文本域 （2）选择域 （3）菜单域 （4）按钮域 表单标记 （1）讲解每个特点，并结合实际操作形式和操作方法的形式进行讲授。 （2）听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 （11）滚动标记 格式：<marquee behavior="方式" direction="方向" scrollamount="速度">滚动方式文本</marquee> 说明：方向(direction)包括le（左）、right（右）、up（上）和down（下）四个