1、江苏省无锡立信职教中心校教案课 题 网页标记语言 HTML-3 课 型 讲授授课日期 授课时数 2教学目标掌握、 标签用法能利用学习的标签运用到网页制作教学重点 HTML 标签作用 教学难点、 、四个标签的搭配技巧学情分析 本课涉及代码多，学生掌握有一定难度。板书设计1、HTML 标签的一般用法2、 标签用法3、表格网页的综合运用4、利用表格设计版面教学后记通过对同类型题目的多次练习，学生克服了困难，掌握了相关知识。江苏省无锡立信职教中心校备课笔记教学内容 学生活动复习回顾：1、 、 、标签用法回顾。2、 超链接标签A的常见三种使用方式。3、 网页混合运用技巧。新课讲授：再上次课的基础上，我们
2、来学习 HTML 更多的常用标记。1、IMG使用方法： 标签解说：目前常见的网页图形格式有两种就是 gif 及 jpg 两种格式。gif格式只有 256 色，不过色彩比较鲜艳干净漂亮，适合电脑美工图案。而jpg 格式的图案是全彩失真压缩，比较适合一大堆颜色的图片，如照片就较适合用 jpg 格式来呈现。 使用范例： 使用说明：在使用影像标签时有两件事值得注意一下，一是档名，二是路径。首先要注意的就是，档名是否正确以及大小写是否一致！图档名称不正确，会找不到您要的图，档名大小写不一致，如Image.gif、image.gif 、image.GIF 在自己的电脑中看都能正确的显示，但是一但传到网路上
3、去时，因为系统不一样的关系就变成三个不一样的档案了，所以，可别忽略档名大小写不一致的影响。 回顾课堂讲授主要内容，了解掌握情况。认识两种图片格式的不同点以及在什么情况下应该用什么图片。注意文件名引用时的要点实例制作：学生在首页中加入个人主页 LOGO 图片2、使用方法：标签解说：标签：定义表格标签：定义表行标签：定义表头标签：定义表元主要参数：:定义表格线的宽度:定义表格的宽度和高度:定义对齐方式:定义背景色和背景图片实例练习：1234授课小结：1、 IMG 标签和 TABLE 标签的主要用法2、 如何利用 TABLE 标签组织网页版面课后作业：利用表格组织个人主页首页版面布局。为什么要使用表格？注意区分表格各元素的区别？观察演示，注意使用方法
