第5章 网页制作工具Dreamweaver 基础精选.pptVIP

* * 5.1 Dreamweaver MX 2004简介 5.2 站点管理 5.3 制作第一个网页 5.4 超链接 5.5 使用图像 5.6 使用多媒体对象 5.7 使用表格 第5章 网页制作工具Dreamweaver MX 2004基础 利用Dreamweaver的可视化编辑功能，用户可以快速地创建页面而无需编写任何代码。在Dreamweaver内可以直接对图形编辑，把Word和Excel文档复制和粘贴到Dreamweaver中，会保留字体、颜色、CSS样式表信息。 如果用户熟悉手工编写标记代码，Dreamweaver包括许多与编码相关的工具和功能，其使用将更加灵活。并且，借助Dreamweaver还可以使用服务器语言（例如ASP、ASP.NET、ColdFusion标记语言、JSP和PHP）生成支持动态数据库的Web应用程序。 目前，Dreamweaver的最新版本是Dreamweaver MX 2004 v7.01，如果用户安装的是v7.0，一定要升级为v7.01，否则有些功能将不能使用（如时间轴）。 5.1 Dreamweaver MX 2004简介 1. 启动Dreamweaver MX 2004 安装好Dreamweaver MX 2004后，单击“开始”→“程序”→“Macromedia”→“Macromedia Dreamweaver MX 2004”命令。Dreamweaver MX 2004进行一系列初始化过程后，首先显示“工作区设置”对话框，如图5-1所示。由于要采用可视化方式设计网页，选中“设计者”单选钮，单击“确定”按钮。 5.1 Dreamweaver MX 2004简介 5.1.1 Dreamweaver MX 2004的启动和主工作区 图5-1 “工作区设置”对话框 2. Dreamweaver MX 2004的工作区 Dreamweaver MX 2004的设计工作区由插入工具栏、文档工具栏、文档窗口、属性面板和面板等部分组组成，如图5-3所示。 5.1 Dreamweaver MX 2004简介 5.1.1 Dreamweaver MX 2004的启动和主工作区 .组合面板 活动面板内容 插入工具栏 文档工具栏 文档编辑窗口 属性面板 图5-3 Dreamweaver MX 2004的工作区 1. 常规参数设置 单击“编辑”→“首选参数”命令，或按〈Ctrl〉+〈U〉组合键，打开“首选参数”对话框。选择“分类”列表中的“常规”选项，对话框右侧显示出相关的属性。其中通常设置的属性有文档工作区的切换和一些编辑选项。 5.1 Dreamweaver MX 2004简介 5.1.2 Dreamweaver MX 2004的参数设置 图5-12 常规参数设置 2. 面板参数设置 Dreamweaver中的面板被组织到面板组中。面板组中选定的面板显示为一个选项卡。每个面板组都可以展开或折叠，并且可以和其它面板组停靠在一起或取消停靠。面板组还可以停靠到集成的应用程序窗口中。这使得用户能够很容易地访问所需的面板，而不会使工作区变得混乱。 5.1 Dreamweaver MX 2004简介 5.1.2 Dreamweaver MX 2004的参数设置 图5-13 面板参数设置 3. 站点参数设置 选择“分类”列表中的“站点”选项，对话框右侧显示出相关的属性，此对话框用于为“文件”面板设置站点首选参数，如图5-14所示。 5.1 Dreamweaver MX 2004简介 5.1.2 Dreamweaver MX 2004的参数设置 图5-14 站点参数设置 基于Internet服务器的不可知特性，因此通常将存储于Internet服务器上的站点和相关文档称作远端站点。 利用Dreamweaver可以对位于Internet服务器上的站点文档直接进行编辑和管理，但这在很多时候非常不便。 既然位于Internet服务器上的站点仍是以文件和文件夹作为基本要素的磁盘组织形式，那么能不能首先在本地计算机的磁盘上构建出整个网站的框架，编辑相应的文档，然后再将之放置到Internet服务器上呢?答案是可以的，这就是本地站点的概念。 利用Dreamweaver，可以在本地计算机上创建出站点的框架，从整体上对站点全局进行把握。在站点设计完毕，可以利用各种上传工具，将本地站点上传到Internet服务器上以形成远端站点。