Dreamweaver MX 2004网页制作实例教程 作者 彭鹏 第1章 网页制作基础知识.pptVIP

Dreamweaver MX 2004网页制作实例教程 第1章 网页制作基础知识 学习要点 在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具Dreamweaver与Flash、Fireworks一起被称为网页制作三剑客。 这3个软件相辅相成，是制作网页的最佳选择。 其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好。 本章将初步介绍HTML和Dreamweaver。 1.1　初识HTML 1.1.1 什么是HTML 1．HTML的定义 超文本标记语言（Hyper Text Markup Language，HTML）是WWW的描述语言。 设计HTML语言的目的是把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前计算机上还是在网络中的其他计算机上。 只需使用鼠标在某一文档中选取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台计算机中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部（Head）和主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML是一种纯文本语言，可以使用任何文本编辑软件来编辑。 2．HTML的格式 HTML标记符的特征是：标记符内容/标记符。 两个标记符分别代表了一段描述的开始和结束，是成对出现的，去掉任何一个标记符都是错误的。 下面先来看这样一段HTML语言： html head title这里是HTML页面的标题/title /head body 这里是页面内容 /body /html 这是一段非常简单而且完整的HTML语言。 1.1.2 常见的HTML标记 1．html标记、head标记、title标记和body标记 这些标记是构成一个HTML文件最基本的标记，它们叫做框架标记。 head与/head用来标识一个文件开头，title 表示一个文件的主题，而body与/body之间标识文件的正文。 2．meta标记 meta标记有两个属性，分别是name属性和http-equiv属性，不同的属性又有不同的参数值，这些不同的参数值实现了不同的网页功能。 （1）name属性 ① keywords ② description ③ robots ④ author （2）http-equiv属性 ① expires ② pragma ③ refresh ④ set-cookie ⑤ window-target ⑥ content-type 3．script标记 script标记用于在网页中添加一个Javascript或VBscript的脚本程序，它的具体使用格式为： script 属性=属性值Javascript或VBscript脚本程序/script 4．marquee标记 marquee标记只适用于IE浏览器。 使用该标记可以达到一种“跑马灯”的效果，例如在浏览器的状态栏中滚动或卷动的文字。 5．bgsound标记 bgsound标记用来在网页中插入背景音乐，但该标签只适用于IE浏览器，它的具体使用格式为： bgsound src=url loop=*autostart=* 6．font等字体标记 font…/font标记用于设定字体大小、颜色及字型。 7．img标记 img标记主要用来向网页中插入图像，它在网页中的使用格式为： img src=* width=* height=* border=* align=* alt=* 8．applet标记 applet标记是用来在页面中插入Java脚本程序的专用标记，它后面可以附带多种属性。 该标记在网页中的具体使用格式为： applet 属性=属性值 /applet 9．isindex 标记 isindex 标记可以使某些Web服务器搜索网页内的关键字。 10．link标记 link标记用来将当前HTML文件与其他网址链接，但在网页中不会有链接按钮出现，而且必须用于head之间才能有效，它在网页中的使用格式为： li