《Dreamweaver MX 2004网页制作实例教程 教学课件 ppt 作者 彭鹏 第1章 网页制作基础知识》由会员分享，可在线阅读，更多相关《Dreamweaver MX 2004网页制作实例教程 教学课件 ppt 作者 彭鹏 第1章 网页制作基础知识（46页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver MX 2004 网页制作实例教程,第1章 网页制作基础知识,学习要点 在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具Dreamweaver与Flash、Fireworks一起被称为网页制作三剑客。,这3个软件相辅相成，是制作网页的最佳选择。 其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好。 本章将初步介绍HTML和Dreamweaver。,1.1 初识HTML,1.1.1 什么是HTML 1HTML的定义 超文本标记语言（Hyper Text Markup Language，HTML）是WWW的描述语言。,设计HTM
2、L语言的目的是把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前计算机上还是在网络中的其他计算机上。,只需使用鼠标在某一文档中选取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台计算机中。,HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。,HTML的结构包括头部（Head）和主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。,HTML是一种纯文本语言，可以使用任何文本编辑软件来编辑。,
3、2HTML的格式,HTML标记符的特征是：内容。 两个标记符分别代表了一段描述的开始和结束，是成对出现的，去掉任何一个标记符都是错误的。,下面先来看这样一段HTML语言： 这里是HTML页面的标题 这里是页面内容 这是一段非常简单而且完整的HTML语言。,1.1.2 常见的HTML标记,1标记、标记、标记和标记 这些标记是构成一个HTML文件最基本的标记，它们叫做框架标记。,与用来标识一个文件开头， 表示一个文件的主题，而与之间标识文件的正文。,2标记,标记有两个属性，分别是name属性和http-equiv属性，不同的属性又有不同的参数值，这些不同的参数值实现了不同的网页功能。,（1）nam
4、e属性, keywords description robots author,（2）http-equiv属性, expires pragma refresh set-cookie window-target content-type,3标记,标记用于在网页中添加一个Javascript或VBscript的脚本程序，它的具体使用格式为： Javascript或VBscript脚本程序,4标记,标记只适用于IE浏览器。 使用该标记可以达到一种“跑马灯”的效果，例如在浏览器的状态栏中滚动或卷动的文字。,5标记,标记用来在网页中插入背景音乐，但该标签只适用于IE浏览器，它的具体使用格式为： ,6等字
5、体标记,标记用于设定字体大小、颜色及字型。,7标记,标记主要用来向网页中插入图像，它在网页中的使用格式为： ,8标记,标记是用来在页面中插入Java脚本程序的专用标记，它后面可以附带多种属性。 该标记在网页中的具体使用格式为： ,9 标记, 标记可以使某些Web服务器搜索网页内的关键字。,10标记,标记用来将当前HTML文件与其他网址链接，但在网页中不会有链接按钮出现，而且必须用于之间才能有效，它在网页中的使用格式为： ,11标记,标记不仅可以用来在页面中插入ActiveX控件，还可以插入其他的OLE对象，如图像、文档、动画、小程序等，它的格式为： ,12标记,使用标记在页面中插入Active
6、X控件或其他对象后，有时需要向该对象或控件传递参数，这就要使用标记。,该标记没有相应的结束标志，并且该标记仅在标记中有效，它的一般格式为： ,13标记,标记用来在网页中插入各种多媒体元素，可插入的多媒体格式有MIDI、WAV、AIFF、AV等。 标记在各个插件中表现不同，它的一般格式为： ,1.2 工作平台的建立,1.2.1 在本地机建立Web服务器 1什么是Web服务 Web服务是Internet和Intranet中最重要的服务，人们通常所说的“网上冲浪”，其实就是指浏览由Web服务器提供的、容纳各种信息的Web页面。,Web服务器的主要功能如下。 （1）信息的发布 （2）充当其他网络服务的
7、平台,2IIS的安装,Web服务器有很多种，Windows平台自带的就有两种，一种是Windows 95/98安装盘中的Pensonal Web Server，另一种是在Windows NT/2000/XP安装盘中提供的IIS（Internet Information Service）。,1.2.2 安装Dreamweaver MX 2004,1Dreamweaver 的安装环境 Dreamweaver可以安装在Windows和Mac操作系统中。 下面以Windows XP为例介绍Dreamweaver的安装过程。,（1）Dreamweaver 的系统要求,操作系统为Windows 98 SE
8、、Windows NT 4.0（Service Pack 6）、Windows Me、Windows 2000、Windows XP、Windows 2003。,（2）硬件要求,CPU：300MHz 以上频率。 内存：64MB以上可用内存。 显示系统：800600分辨率，256以上色彩。,1.3 Dreamweaver操作入门,1.3.1 操作界面 1Dreamweaver工作区的设置 工作区就是使用Dreamweaver时的工作界面，有两种风格，一种是适合直观操作的设计者模式，另外一种是适合脚本编写的代码编写者模式。,第一次启动Dreamweaver时，系统会询问使用何种工作界面，如图1-1
9、2所示。,图1-12 工作区选择,2工作界面介绍,Dreamweaver MX 2004提供了一个将全部元素置于一个窗口中的集成布局。 在集成的工作区中，全部窗口和面板都被集成到一个应用程序窗口中，如图1-13所示。,图1-13 工作界面,3Dreamweaver参数的设置,在Dreamweaver中执行“编辑/首选参数（Ctrl+U）”命令可进行首选参数的设置。首选参数的界面如图1-15所示。,图1-15 首选参数的设置,1.3.2 面板组,Dreamweaver中的面板被组织到面板组中。 面板组中选定的面板显示为一个选项卡。 每个面板组都可以展开或折叠，并且可以和其他面板组停靠在一起或取消停靠。,面板组还可以停靠到集成的应用程序窗口中。 这样就能够很容易地访问所需的面板，而不会使工作区变得混乱。 面板组如图1-16所示。,图1-16 面板组,1展开/折叠 2打开/关闭 3停靠/取消停靠,
