网页制作与设计3.ppt

第3讲 Dreamweaver 基本操作 Version 3.0 * * Macromedia Dreamweaver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论用户熟悉手工编写HTML代码还是偏爱在可视化编辑环境中工作，Dreamweaver都会为用户提供有用的工具。 Dreamweaver 8还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色和标签完成），以及有关层叠样式表（CSS）、JavaScript 等的语言参考资料。 如果用户熟悉手工编写标记代码，使用Dreamweaver提供的与编码相关的工具和功能，将更加灵活。并且，借助Dreamweaver还可以使用服务器语言（例如，ASP、ASP.NET、ColdFusion标记语言、JSP和PHP）生成支持动态数据库的Web应用程序。 Dreamweaver 8简介 1．Dreamweaver 8的主工作区 Dreamweaver 8的主工作区由插入工具栏、文档工具栏、文档窗口、属性面板等部分组成。 (1) 插入工具栏 Dreamweaver 8的插入工具栏中默认显示的是“常用”类的主要功能按钮。单击“常用”按钮会弹出一个下拉菜单，其中包含了插入工具栏中的其他功能菜单。用户选择不同的分类，插入工具栏中包含的功能按钮也随之改变。 (2) 文档工具栏 文档工具栏中的按钮使用户可以在文档的不同视图间快速切换：代码视图、设计视图、和拆分视图。文档工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如图1所示。 图 1 文档工具栏的常用命令和选项 (3) 面板 Dreamweaver的三个重要功能分别是网页设计、代码编写和应用程序开发，相应的面板也是这样分类的。当然用户也可以根据自己的喜好来分配面板布局。Dreamweaver 8面板继承了以前各个版本的面板属性，同样可以方便拆除和拼接。 3．Dreamweaver 8的参数设置 在使用Dreamweaver 8之前，用户有必要对Dreamweaver的工作环境进行配置，使以后的设计工作更加有效和顺利。一般设置的参数有常规参数、新建文档参数和站点参数，这些都是开始创建站点、设计网页前需要考虑的因素。 (1) 常规参数设置 选择“编辑”→“首选参数”命令，或按〈Ctrl〉+〈U〉组合键，打开“首选参数”对话框。选择“分类”列表中的“常规”选项，对话框右侧显示出相关的属性。通常设置的属性有文档选项和一些编辑选项。 (2) 新建文档参数设置 新建文档参数设置用于建立默认的新文档类型和首选参数。选择“分类”列表中的“新建文档”选项，对话框右侧显示出相关的属性。 如果需要设置新文档参数，可以执行以下操作。 1) 设置默认文档类型 如果需要设置要打开的默认文档类型，可以在“默认文档”下拉菜单中选择在站点中创建的新页面所基于的文档。 2) 设置文档默认编码 如果要设置文档编码，可以使用“默认编码”下拉菜单。“默认编码”用于指定在创建新页面时使用的编码，以及指定在未指定任何编码的情况下打开一个文档时要使用的编码。 (3) 站点参数设置 选择“分类”列表中的“站点”选项，对话框右侧显示出相关的属性，用于为“文件”面板设置站点首选参数，如图2所示。各个参数的含义说明如下。 ? 图 2 站点参数设置 Web站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档和资源。Dreamweaver 8是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的Web站点。 创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。接下来是设置Dreamweaver站点使用户可以在站点的基本结构上工作。如果在Web服务器上已经具有一个站点，则可以使用Dreamweaver编辑该站点。 Dreamweaver站点设置 1．Dreamweaver 8站点的概念 所谓站点，可以看做是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性，例如，描述相关的主体，采用相似的设计，或者实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个网站的浏览。 严格地说，站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹组成的。设计良好的网站通常具有科学的结构，利