第8章网页设计基础.pptVIP

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