2016网页设计与制作DreamWeaver教案：第十六讲 HTML语言（二）.docVIP

第十六讲　HTML语言（二） 授课日期 班级名称 授课地点 教学课题 第十六讲　HTML语言（二） 课时 2学时 教学目的 （1）掌握HTML主体标记的含义及其应用。 （2）掌握HTML文字与段落标记的含义及其应用。 （3）掌握HTML图像标记的含义及其应用。 知识目标 （1）主体标记的含义及其应用。 （2）文字与段落标记的含义及其应用。 （3）图像标记的含义及其应用。 能力目标 编辑简单的HTML文件 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 文字与段落、图像标记的含义及其应用 难点 主体标记的含义及其应用 课型 讲授型＋操作型 教学方法 边讲、边练、讲练结合 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 HTML文件的基本结构包括哪几部分？ 2 2．新课引入 上节中我们学习了HTML文件的基本结构，HTML文件中的代码有何含义呢？应怎样编写呢？ 3 3．项目展示 展示一HTML实例 5 4．知识技能目标说明 要编写HTML文件，首先要掌握常用HTML标记的使用 5 详细讲解各知识点 45 问题探讨 5 课堂实践 15 疑难解析 5 9．课堂小结 本讲的学习主要要求掌握HTML主体标记、文字与段落标记、图像标记等常用的HTML标记含义及其应用。 3 作业布置 2 总计 90 新授内容 1．HTML主体标记 （1）文字颜色属性 （2）背景颜色属性 （3）背景图像属性 （4）链接文字颜色属性 （5）边距属性 2．文字与段落标记 （1）文字内容 （2）标题字标记 （3）字体标记 （4）字型设置标记 （5）段落标记 （6）文本堆砌方式标记 （7）强制换行标记 （8）预排格式标记 （9）文本缩进标记 （10）列表标记 （11）水平线标记 （12）注释符号 3．图像标记 课堂实践 操作要求 （1）在“课堂实践”网站文件夹“12HTML语言”中新建网页文档“12_2.html”，切换到代码视图。 （2）在body与/body之间添加代码: fontface=宋体color=blueb“网页设计与制作”学习网站/b/font 保存网页文档且浏览其效果。 （3）插入一宽度90%、高度为2、蓝色居中显示的水平线；设置网页背景颜色为#CCFFFF： （4）修改前面输入的HTML代码，设置文字居中显示，颜色为“#FF0000”； 要求以上操作都必须手工编写代码完成，不能通过属性面板设置。 疑难解析 问题1：如何插入有颜色的水平线 问题2：怎样在网页中输入上下标？ 课外拓 展实践 作业 课后评析