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

第十五讲　HTML语言（一） 授课日期 班级名称 授课地点 教学课题 第十五讲　HTML语言（一） 课时 2学时 教学目的 （1）掌握Dreamweaver CS3的HTML源代码编辑功能。掌握快速标签编辑器、标签选择器和标签编辑器的使用方法。 （2）掌握HTML文档的基本结构和头部标记的使用 知识目标 （1）Dreamweaver CS3的HTML源代码编辑功能。快速标签编辑器、标签选择器和标签编辑器的使用。 （2）HTML文档的基本结构和头部标记的使用 能力目标 熟悉简单的HTML文件的结构 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 HTML语法规则及头部标记的含义及使用 难点 头部标记的含义及使用 课型 讲授型＋操作型 教学方法 边讲、边练、讲练结合 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 表单中的跳转菜单有何作用？ 2 2．新课引入 前面各讲都是通过Dreamweaver CS3提供的可视化设计环境来创建和编辑网页的，但是对于一个希望深入掌握网页制作、对代码严格控制的网页设计人员来讲，了解和掌握HTML语言是非常必要的。Dreamweaver CS3是一种非常优秀的可视化网页制作软件，它也提供了丰富的源代码控件功能，可以让网页制作者随时查看、编辑HTML源代码，Dreamweaver CS3的快速标签编辑器很好地协调了可视化操作和HTML源代码编写二者之间的关系。 3 3．项目展示 展示一颜色设置的HTML实例 5 4．知识技能目标说明 要编写HTML文件，首先要掌握HTML文件的基本结构和常用HTML标记的使用 5 详细讲解各知识点 45 问题探讨 5 课堂实践 15 疑难解析 5 9.课堂小结 本讲主要要求掌握Dreamweaver CS3的HTML源代码编辑功能和HTML头部标记含义及其应用。 3 作业布置 2 总计 90 新授内容 HTML语言的特点 HTML语言的语法结构 （1）HTML基本结构 （2）HTML语言的语法规则 （3）HTML标记的类型 Dreamweaver CS3的HTML源代码编辑功能 Dreamweaver CS3的三种视图模式 利用代码视图制作HTML网页 Dreamweaver CS3的代码编辑工具 HTML标记 HTML版本信息 HTML头部标记 标题标记、元信息标记Meta、关键字、说明、刷新、基址标记 课堂实践 （1）打开“课堂实践”网站文件夹“12HTML语言”中的网页文档“12.html”， 切换到代码视图。 （2）设置网页的标题为：世界之窗。 （3）设置网页搜索关键字为：长沙、旅游、世界之窗。 （4）查看HTML版本信息。 要求以上操作都必须手工编写代码完成，不能通过属性面板设置。 疑难解析 问题1：在HTML代码中输入了多个换行符，为何在浏览器中没有效果？ 作业 课后评析