案例1电脑应用网页.ppt

第1章 Dreamweaver 8概述 1.1 【案例1】“电脑应用”网页 1.1.1 学习目标 “电脑应用”网页的显示效果如图1-1-1所示。通过制作“电脑应用”网页，可以了解HTML语言的特点，掌握各种HTML语言标记的作用和用法，达到可以使用HTML语言制作网页的水平。 1.1.2 操作过程 1.1.3 相关知识 1．HTML语言简介 HTML（Hypertext Markup Language，超文本标记语言）不是一种程序语言，而是一种描述文档结构的标记语言，它与操作系统平台的选择无关，只要有浏览器，就可以运行HTML文档，显示网页内容。 HTML语言使用一些约定的标记，对WWW上的各种信息进行标记，浏览器会自动根据这些标记在屏幕上显示出相应的内容，而标记符号不会在屏幕上显示出来。自从1990年它首次用于网页制作后，几乎所有的网页都是由HTML语言或以其他语言镶嵌在HTML语言（如JavaScript语言等）中的语言编写的。 目前，较流行的浏览器有Netscape公司的Netscape Navigator和Microsoft公司的Internet Explorer（IE）。要注意的是，不同的浏览器对同一个HTML文件的解释可能会不太一样。 使用HTML语言编写HTML语言程序（即制作网页文件）是学习制作网页的基础。虽然目前有许多“所见即所得”且操作较方便的网页制作工具，不需要直接用HTML语言编写HTML语言程序，但是在很多时候，了解一些HTML语言知识，将有利于学习网页制作工具、学习编辑修改网页知识和提高网页制作水平。 2．HTML语言设计基础 （1）HTML …/HTML：它是HTML文档中最基本的标记，不可缺少。HTML表示HTML文档的开始，/HTML表示HTML文档的结束。 （2）HEAD…/HEAD：它是网页标题标记，可以提高网页文档的可读性，向浏览器提供一个信息。它可以忽略，但一般不予忽略。 （3）TITLE…/TITLE：它是网页名称标记，是HEAD…/HEAD标记内不可缺少的标记，如果有HEAD…/HEAD标记，就一定要有TITLE…/TITLE标记。 （4）BODY…/BODY：它是网页主体内容标记，其内包含了网页的全部内容，一般不可缺少。 （5）BODY BGCOLOR=#RRGGBB：使用BODY标记中的BGCOLOR属性，可以设置网页的背景颜色。使用的格式有以下两种。 BODY BGCOLOR=RRGGBB BODY BGCOLOR=颜色的英文名称 在第1种格式中，RR、GG和BB可以分别取值为00~FF的十六进制数。RR用来表示颜色中的红色成分多少，数值越大，颜色越深。GG用来表示颜色中的绿色成分多少。BB用来表示颜色中的蓝色成分多少。红、绿、蓝三色按一定比例混合，可以得到各种颜色。 例如，RR=FF，GG=FF，BB=00，表示为黄色。如果RRGGBB取值为000000，则为黑色；如果取值为FFFFFF，则为白色；如果取值为FF8888，则为浅红色。 第2种格式是直接使用颜色的英文名称来设定网页的背景颜色。 BODY BGCOLOR=blue：用来设置网页的背景颜色为蓝色。 BODY BGCOLOR=red：用来设置网页的背景颜色为红色。 BODY BGCOLOR=white：用来设置网页的背景颜色为白色。 （6）IMG：它是图像标记，用来加载图像与GIF动画。在网页中加载GIF动画的方法与加载图像的方法一样。GIF动画文件的扩展名是.gif，文件格式是GIF89A格式。制作GIF动画的软件有很多，例如Fireworks 8和Ulead GIF Animator 5.0等。 （7）SRC：它是依附于其他标记的一个属性，依附于IMG标记时，用来导入图像与GIF动画。其格式如下。 IMG SRC=文件的目录与文件名 如果图像文件Picture1.gif在该HTML文档所在文件夹内的GIF文件夹内，则应写为IMG SRC=GIF\Picture1.gif 。如果文件的目录或文件名不正确，则在浏览器中显示网页时，图像的位置处会显示一个带“×”的小方块。 （8）BR：它是换行标记，表示以后的内容移到下一行。它是单向标记，没有/BR。 （9）PRE…/PRE或P…/P：它是保留文本原来格式的标记。它的作用是将其中的文本内容按照原来的格式显示，否则浏览器会自动取消文本中的空格。 （10）B…/B：它是粗体标记，可使其中的文字变为粗体。 3．拓展HTML标记 （1）BODY BACKGROUND=图像文件名或URL：用来设置