网页制作教程第02课.pptVIP

第2章 Dreamweaver 8基本操作 学习目标 本章要点 上机练习 习 题 学习目标 Dreamweaver 8是一款功能强大的网页编辑软件，它以其直观的图形界面大大简化了网页的设计和编辑。在具体学习使用Dreamweaver之前，首先应该掌握对网页文档操作的一些基础知识，如网页文档的创建、打开、预览和保存以及页面属性的基本设置等。另外，读者对于Dreamweaver 8的工作界面也应该有所了解，而站点的定义和本地站点的创建则需要熟练掌握，为以后的学习打下一个良好的基础。 本章要点 Dreamweaver 8的工作界面 网页文档的基本操作 页面属性的设置 站点的管理 Dreamweaver 8中文版概述 Dreamweaver 8中文版是Macromedia公司于2005年10月推出的一款集网页制作和网站管理于一身的所见即所得网页编辑器，是Macromedia Studio 8正式中文版的组成之一。 Dreamweaver 8简介 Dreamweaver在网页制作中的作用 Dreamweaver 8简介 Dreamweaver 8中文版是构建Web站点和应用程序的专业之选，它结合了功能强大的布局工具、应用程序开发工具和代码编辑支持工具等。Dreamweaver的设计和整合功能是以CSS为基础的，强大而稳定，可帮助设计人员和开发人员轻松创建和管理任何站点。 Dreamweaver 8简介 Dreamweaver 8支持ActiveX、JavaScript、Java、Flash和Shockwave，集网页设置和网络编程功能于一身，它包含了许多新增的功能，这些新增功能改善了软件的易用性，并使设计者无论处于设计环境还是编码环境都可以方便地制作网页。 Dreamweaver在网页制作中的作用 Dreamweaver是专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论直接编写HTML代码还是在可视化编辑环境中工作，Dreamweaver都提供了专业的编辑工具。 在认识Dreamweaver在网页制作中的作用之前，有必要先对页面的基本组成元素进行了解。一般来讲，网页的组成元素很多，而最基本的元素就是文本、图像以及Flash动画。 网页的组成元素 Dreamweaver在网页制作中的作用 文本 图像 Flash动画 文本 文本是组成网页的最基本元素。在Dreamweaver中可以方便地创建和编辑文本，并可插入特殊字符。 图像 要制作美观大方的页面，图像是必不可少的元素。Dreamweaver本身并不支持对图像的创建和编辑，而只能链接到相关的图像文件并在页面中显示。所以，对于图像的编辑就需借助其他图像处理软件。 Flash动画 Flash动画是近几年在网页中比较流行的动画格式，由于Flash是矢量动画，一般体积比较小，适合在互联网中传输，因此在网页中的应用也屡见不鲜。在网页中通过使用Flash动画可以使页面更具动感和趣味性，从而带动浏览者浏览页面的兴趣。 Flash动画 在Dreamweaver中也不能对Flash动画进行创建和编辑，Dreamweaver只能将所链接的动画文件显示在网页中。 使用Dreamweaver主要是对页面进行详细的布局规划，并通过CSS、行为、层等功能的运用，使网页格式更加统一，页面更具观赏性。 Dreamweaver 8的工作界面 Dreamweaver 8的工作界面是由标题栏、菜单栏、插入面板、工具栏、文档窗口、状态栏、“属性”面板和面板组等组成。 标题栏 菜单栏 插入面板 工具栏 文档窗口 状态栏 “属性”面板 面板组 Dreamweaver 8的工作界面 标题栏 标题栏位于Dreamweaver 8窗口顶部，其中显示了Dreamweaver 8的图标及当前编辑的文件路径和文件名称。 菜单栏 菜单栏位于标题栏下方，包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助等10项菜单命令。通过使用这10项命令可以完成Dreamweaver 8的所有编辑功能。 插入面板 插入面板包含用于创建和插入对象的按钮，这些按钮被组织到相应的类别中，按Ctrl+F2快捷键可以打开或隐藏插入面板。 工具栏 工具栏以按钮的方式汇集了Dreamweaver 8的常用工具，主要分为文档工具栏和“标准”工具栏，下面分别进行介绍。 文档工具栏 “标准”工具栏 文档工具栏 文档工具栏的主要作用是不使用菜单命令，仅通过快捷按钮控制文档视图显示。 文档工具栏 文档工具栏中各项说明如下： 文档工具栏 文档工具栏 文档工具栏 “标准”工具栏 “标准”工具栏默认位于文档工具栏下方，但可以随意拖动。标准工具栏主