HTML基础课程标准.docVIP

HTML基础课程标准 课程编码： 课程类别： 适用专业： 授课单位： 学时：72 编写执笔人及编写日期： 审定负责人及审定日期： 1、课程定位和课程设计 1.1 课程的性质 HTML是一种超文本标示语言，是的描述语言。html 是在 sgml 定义下的一个描述性语言，或可说 html 是 sgml 的一个应用程式，html 不是程式语言，它只是标示语言。学生网站开发与维护的实际工作能力为目标，学生具备制作网页网站的知识和技能，形成解决实际应用问题的能力，为以后的课打下基础。HTML文件的编写方法，本课采用Macromedia Dreamweaver 8，要求能熟练操作。 教学难点：要求能熟练操作 Macromedia Dreamweaver 8 教学内容： 1.1 编译器 需要在编辑器中键入源代码 示例：DreamWeaver Macromedia Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站、网页和强大的 Web 应用程序。 演示：切换到DreamWeaver的代码视图。清空代码开始编写，并浏览显示。 向学员说明，由于不同的HTML标签DreamWeaver采用不同的颜色显示，方便编写，因此推荐采用DreamWeaver编写工具。 HTML 文档结构 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY /H1 欢迎来到 HTML 世界/H1 /BODY /HTML HTML 网页 头部部分 主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 向学员解释： 1)HTML网页的标签讲究配对，HTML开始，/HTML结束 2）HTML网页和人一样，由头部HEAD和主体BODY两部分组成 1.2 HTML标签 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY BGCOLOR = lavender H1欢迎来到 HTML 世界/H1 /BODY /HTML BODY BGCOLOR = “green” 标签 标识 BODY 元素 属性 提供有关元素的附加信息 值 分配给属性的内容 向学员解释： 标签一般由两部分组成：标签和属性， 例如： BODY bgcolor=“green” …. /BODY BODY就是标签， bgcolor=“green”就是属性，属性可选，还可以多个。 第二次课 HTML基本标记 教学目的：掌握HTML头部标记 head 掌握标题标记 title 掌握元信息标记 meta 掌握页面的主体标记 body 掌握页面的注释标记 教学重点：重点掌握主体标记body及其属性 教学难点： 教学内容： 2.1 HEAD 标签 HEAD标签一般包括标题、基础信息、元信息等。 head是开始标记，/head是结束标记，它们成对出现。 语法： head头部信息/head TITLE标签一般用来说明页面的用途，它显示在浏览器的标题栏上。 标题信息设置在head与/head之间。 语法： title标题/title 2.2 META 标签 http-equiv 属性可用来代替 META 标签中的 name 属性 META http-equiv = expires content = Wed, 14 Sep 2011 GMT 表示有效期：格林尼治标准时间 2011 年 9 月 14 日，星期三 14:25:27 一旦网页过期，必须到服务器上重新传输。 META http-equiv=refresh content=“2 表示每隔2秒，自动刷新网页 演示：自动刷新的例子 自动刷新的例子：网页代码详见TG4-Source文件夹中的用例。 向学员说明：网页中的其他代码是JavaScript，后续章节会讲解。 在网页中设置关键字从而实现在有哪些信誉好的足球投注网站引擎如百度、Google中检索信息。 为了便于有哪些信誉好的足球投注网站引擎的查找，还可设置网页的说明。 META name = “description” content = “页面说明 META name = “keywords” content = “关键字 2.3 BODY 标签 BODY标签包括要在浏览器中显示处理的所有信息。包括网页的背景设置、字体属性设置和链接设置等。 语法为： body bgcolor=“背景颜色” body backgro