正在加载图片...
Dreamweaver MX2004教案 第二周星期二第1、2节 课题HM语言教程(一) 教学目标1、了解HML基本结构:2、了解HⅠML单位和颜色表示方法:3、掌握相对与绝对链接 教学重点HM基本语法及相对和绝对链接 教学难点相对和绝对链接 HTML基础知识 、HTML定义 HTML( HyperText MarkUp lan guage)是使用特殊标记来描述文档结构和表现形式的一种语 言,由w3( World Wide Web Con sortium)所制定和更新。我们可以用任何一种文本编译起来编 辑HTML文件,因为它就是一总纯文本文件 、HML语言的基本结构 下面我们来看一小段HTML语言的代码,来了解HTML语言的基本结构 <html> < title>我的第一个网页</ title>/head <body>我的网页</body></htm1> 将这一小段代码粘贴至文本文件中,然后选择“另存为”,将文件的后缀名改为hm或 者htm1即可,然后再所在的目录下就可看到一个IE的图标,名字就是你所存的文件名称 注意:几乎每一种HTML语言的语法都是以>开头,以</>结束 教|3、HM语言的基本单位 (1)长度单位 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性,同 时也可以用来定义这些对象在页面上的位置等属性,用来描述页面上可能遇到的各种长度。 学 长度的表示方法有两种:绝对长度和相对长度。他们的单位都是像素( pixel)和百分比 (%),像素代表的是屏幕上的每个点,而百分比代表的是相对于客户区的多少。下面我们就以水 平线的宽度为例,说明这两种表示方法。 <HR>标记是在页面上建立水平线的标记。 过| width是水平线元素中的一种属性,用来表示水平线的宽度。这里wdth=500甲即表示这个 水平线的宽度是500像素; width=%50"即表示水平线占据客户区的总宽度的%50。 (2)颜色单位 和长度单位一样,颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位 程有三种表示方法:16进制颜色代码、10进制RGB码、直接颜色名称。这三种表示方法不同,但 是效果却是一样的。下面用一小段代码说明这三种颜色的表示方法。 < font COlOr=#0000ff>用16进制表示红色 < font COLOR=red>用颜色名表示红色 16进制颜色代码,语法格式:# RRGGBB。16进制颜色代码之前必须有一个“#”号,这 种颜色代码是由三部分组成的,其中前两位代表红色,中间两位代表绿色,后两位代表蓝色。 不同的取值代表不同的颜色,他们的取值范围是00-FF。 10进制RGB码,语法格式:RGB(RR,GGG,BB)。在这种表示法中,后面三个参数分别 是红色、绿色、蓝色,他们的取值范围是0--255。以上两种表达方式可以相互转换,标准是16 进制与10进制的相互转换。 直接颜色名称,可以在代码中直接写出颜色的英文名称。 以上三种表示方法的效果相同,一般16进制颜色代码的表示方法比较常用。可以根据自 己的喜好和实际情况来决定使用哪一种表示方法。Dreamweaver MX2004 教案 第二周 星期二 第 1、2 节 课 题 HTML 语言教程（一） 教学目标 1、了解 HTML 基本结构；2、了解 HTML 单位和颜色表示方法；3、掌握相对与绝对链接。 教学重点 HTML 基本语法及相对和绝对链接 教学难点 相对和绝对链接 教 学 过 程 一、HTML 基础知识 1、HTML 定义 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语 言，由 W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编 辑 HTML 文件，因为它就是一总纯文本文件。 2、HTML 语言的基本结构 下面我们来看一小段 HTML 语言的代码，来了解 HTML 语言的基本结构： <html> <head> <title>我的第一个网页</title></head> <body>我的网页</body></html> 将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm 或 者.html 即可，然后再所在的目录下就可看到一个 IE 的图标，名字就是你所存的文件名称。 注意：几乎每一种 HTML 语言的语法都是以<>开头，以</>结束。 3、HTML 语言的基本单位 （1）长度单位 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同 时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。 长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比 (%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水 平线的宽度为例，说明这两种表示方法。 <HR>标记是在页面上建立水平线的标记。 width 是水平线元素中的一种属性，用来表示水平线的宽度。这里 width="500"即表示这个 水平线的宽度是 500 像素；width="%50"即表示水平线占据客户区的总宽度的%50。 （2）颜色单位 和长度单位一样，颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位 有三种表示方法：16 进制颜色代码、10 进制 RGB 码、直接颜色名称。这三种表示方法不同，但 是效果却是一样的。下面用一小段代码说明这三种颜色的表示方法。 <font COLOR=#0000ff>用 16 进制表示红色 <font COLOR=red>用颜色名表示红色 注意： 16 进制颜色代码，语法格式： #RRGGBB 。16 进制颜色代码之前必须有一个“#”号，这 种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。 不同的取值代表不同的颜色，他们的取值范围是 00--FF。 10 进制 RGB 码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别 是红色、绿色、蓝色，他们的取值范围是 0--255。以上两种表达方式可以相互转换，标准是 16 进制与 10 进制的相互转换。 直接颜色名称，可以在代码中直接写出颜色的英文名称。 以上三种表示方法的效果相同，一般 16 进制颜色代码的表示方法比较常用。可以根据自 己的喜好和实际情况来决定使用哪一种表示方法