第8章网页设计基础 ■掌握HTML文档结构。 ■了解并掌握HTML的基本语法 ▣初步掌握基本标记的使用。 ■能够使用FrontPage制作网页 ■能够将制作的网页发布到Internet.上
1 第8章 网页设计基础 ◼ 掌握HTML文档结构。 ◼ 了解并掌握HTML的基本语法 ◼ 初步掌握基本标记的使用。 ◼ 能够使用FrontPage制作网页 ◼ 能够将制作的网页发布到Internet上
8.1概述(1) ·网页的基本概念 ■是一个文本文件，以html或htm作为扩展名 ■通过html标记将文字、图片等信息组织在一起 ·在浏览器上呈现出一幅幅图片 ·网页的基本组成 ■文字 ■图像 ■超级链接
2 8.1 概述(1) ◼ 网页的基本概念 ◼ 是一个文本文件，以html或htm作为扩展名 ◼ 通过html标记将文字、图片等信息组织在一起 ◼ 在浏览器上呈现出一幅幅图片 ◼ 网页的基本组成 ◼ 文字 ◼ 图像 ◼ 超级链接
8.1概述(2) ▣网页制作方法 ■利用HTML语言所定义的标记及其属性来编写 一个文本文件。用htm或html作为文件的扩 展名。 ■网页制作软件 ■文本编辑工具（记事本、EditPlus)i ■专业网页制作软件，FrontPage、Dreamweaver 等 ■一些图像处理软件，如PhotoShop等. 3
3 8.1 概述(2) ◼ 网页制作方法 ◼ 利用HTML语言所定义的标记及其属性来编写 一个文本文件。用htm或html作为文件的扩 展名。 ◼ 网页制作软件 ◼ 文本编辑工具(记事本、EditPlus); ◼ 专业网页制作软件，FrontPage、Dreamweaver 等; ◼ 一些图像处理软件，如PhotoShop等
8.2.1HTML语言概述(1) HTL(Hypertext Markup Language,超文本标 记语言)，专门用来编写网页。 HTL描述文件结构格式的方法是利用一些指令符号， 来标记表示出各种文件效果，再由浏览器来解读 HTML的指令符号，将文件格式效果展现出来， HTML一种标记式的语言。 在HTML里，图形、声音必须用其它软件制作，再用 HTL的标记编排在网页的原始文件里，然后浏览器 才能解读这些原始文件，并在屏幕上展示其效果
4 8.2.1 HTML语言概述(1) ◼ HTML（Hypertext Markup Language，超文本标 记语言），专门用来编写网页。 ◼ HTML描述文件结构格式的方法是利用一些指令符号， 来标记表示出各种文件效果，再由浏览器来解读 HTML的指令符号，将文件格式效果展现出来， HTML一种标记式的语言。 ◼ 在HTML里，图形、声音必须用其它软件制作，再用 HTML的标记编排在网页的原始文件里，然后浏览器 才能解读这些原始文件，并在屏幕上展示其效果
8.2.1HTML语言概述(2) 网页标题 正文部分
5 8.2.1 HTML语言概述(2) 网页标题 正文部分
第一个HTML例子 简单的网页制作 这是我的第一个网页 6
6 第一个HTML例子 简单的网页制作 这是我的第一个网页
第一个HTML例子浏览效果 径简单的网页制作-■icrosoft工.，□回☒ 文件您) 编辑但) 查看) 收藏A)工具(” 后退 )搜索 地址如) Noname1.html 转到链接》 这是我的第一个网页 图完毕 Q我的电脑
7 第一个HTML例子浏览效果
8.2.1HTML语言概述(3) ■ HTML标签结构 ■标签是用尖括号（英文半角）括起来的控制符。 一般HTML标签都具有开始和结束控制符，如 和。也用少量没有标签 相应的结束标签，如、等。 ■大多数标签都具有属性，属性写在标签的开始 控制符中。如： 中国 ■标签书写与字母大小写无关。 86
8 8.2.1 HTML语言概述(3) ◼ HTML标签结构 ◼ 标签是用尖括号(英文半角)括起来的控制符。 一般HTML标签都具有开始和结束控制符，如 和。也用少量没有标签 相应的结束标签，如、等。 ◼ 大多数标签都具有属性，属性写在标签的开始 控制符中。如： 中国 ◼ 标签书写与字母大小写无关
8.2.1HTML语言概述(4) ■HTML文件结构 ■一般来说，整个HTML文件以开头，以 结束，中间分成两个部分：一部分是“标头 区”；一部分是“主体区”。 ■文件开始和结束标签 ·以开始，以标签结束，告诉浏览器这是一 个HTML网页文件。 ■标头区 有一对来定义，它紧跟在之后。 在此可以利用和来定义网页的标题，以及 其它的内容，如CSs,JavaScripti和等。 ■主体区 ·主体区使用和来定义，网页中的主体内容 都应用写在主体区中。 9
9 8.2.1 HTML语言概述(4) ◼ HTML文件结构 ◼ 一般来说，整个HTML文件以开头，以 结束，中间分成两个部分：一部分是“标头 区”；一部分是“主体区” 。 ◼ 文件开始和结束标签 ◼ 以开始，以标签结束，告诉浏览器这是一 个HTML网页文件。 ◼ 标头区 ◼ 有一对来定义，它紧跟在之后。 在此可以利用和来定义网页的标题，以及 其它的内容，如CSS，JavaScript和等。 ◼ 主体区 ◼ 主体区使用和来定义，网页中的主体内容 都应用写在主体区中
8.2.2HTML基本标记(1) 标记 ■常用属性： TEXT 文字的颜色 LINK 链接文字颜色 VLINK 已链接过的文字颜色 ALINK 被按下链接文字颜色 BGCOLOR 背景颜色 BACKGROUND背景图形 ■颜色表示： ,以颜色的英文名表示，如White、red、blue等 ▣以RRGGBB代表各种颜色。 RR=Red 红色，其值为00-FF GG=Green 绿色， BB=Blue 蓝色，. 8用 利用这三种颜色值的组合，可配出各种颜色。 10
10 8.2.2 HTML基本标记(1) ◼ 标记 ◼ 常用属性： TEXT 文字的颜色 LINK 链接文字颜色 VLINK 已链接过的文字颜色 ALINK 被按下链接文字颜色 BGCOLOR 背景颜色 BACKGROUND 背景图形 ◼ 颜色表示： ◼ 以颜色的英文名表示，如White、red、blue等 ◼ 以RRGGBB代表各种颜色。 RR=Red 红色，其值为00-FF GG=Green 绿色，其值为00-FF BB=Blue 蓝色，其值为00-FF 利用这三种颜色值的组合，可配出各种颜色