网页设计实用教程摘要.pdfVIP

  第3 章 Dreamweaver CS5 基本操作 在学习过程中，不可避免的需要应用到一些基本的操作，例如新建、打开和保存文件 等操作。为了更顺畅的学习Dreamweaver CS5 ，我们应该了解一些基本操作，对这些操作 有个基本的认识。 【本章学习目标】 掌握设置首选参数 熟悉新建、保存和关闭HTML 文档 理解设置网页的页面属性 熟悉添加文字和图像的基本操作 3.1 首选参数设置 为了使Dreamweaver CS5 更加适合工作的需要，在正式使用前需要进行一些基础设置。 如是否打开或关闭一些即时提示信息框、选择默认的网页语言版本等。 （1）启动Dreamweaver CS5 ，执行“编辑/首选参数”命令，打开如图3-1 所示的“首 选参数”对话框。 图3-1 “首选参数”对话框   第3 章 Dreamweaver CS5 基本操作 （2 ）选择分类栏中的“辅助功能”，分别单击表单对象、框架、媒体和图像前面的复 选框，将复选框中的√去掉，如图3-2 所示。 图3-2 分类栏中的“辅助功能” 这样设置可以阻止在插入表单、框架、媒体和图像时弹出属性提示框，简化操作步骤。 （3 ）如图3-3 所示，选择分类栏中的“新建文档”，根据需要设置默认文档的类型。 图3-3 分类栏中的“新建文档” 本例中选择默认文档为HTML ，默认扩展名为.html，默认编码为简体中文（GB2312 ）。 默认编码可以根据实际工作的需要进行选择，例如制作英文网页可以选择UTF-8 编码。中 文网页默认的编码为GB2312，所以这里选择GB2312 编码。 （4 ）单击“确定”按钮，完成首选参数设置。 ‐19- 中文版Dreamweaver CS5 网页设计实用教程 3.2 文档的基本操作 3.2.1 新建文档 （1）启动Dreamweaver CS5 ，显示如图3-4 所示的起始页面。 图3-4 Dreamweaver CS5 的起始页面 （2 ）单击新建栏中的“HTML ”，新建HTML 文档并进入到编辑界面。也可以单击菜 单“文件/新建”，打开图3-5 所示的“新建文档”对话框。在新建文档对话框中选择“空 白页”中的“HTML ”，单击“创建”按钮，新建HTML 文档。 图3-5 “新建文档”对话框 3.2.2 保存和关闭文档 执行“文件/保存”命令，可以保存当前文档。 第一次执行“文件/保存”命令时，会弹出如图3-6 所示的“另存为”对话框。在“另 ‐20-  第3 章 Dreamweaver CS5 基本操作 存为”对话框中设置文件的保存路径和文件名，单击“保存”按钮完成文档保存。 图3-6 “另存为”对话框 当再次保存文件时，会以现有的路径和名称覆盖保存该文件。需要将文件以不同路径 或名称保存时，可以执行“文件/另存为”命令，在弹出的“另存为”对话框中设置新的路 径和名称保存文件。执行“文件/关闭”命令，或单击Dreamweaver CS5 窗口右上角“关闭” 按钮，关闭程序。 3.2.3 打开文档 打开文档的方法有多种，下面以实例进行介绍。 （1）启动Dreamweaver CS5 程序，起始页面中显示了最近编辑过的文件，如图 3-7 所示。 （2 ）单击目标文件，即可将其打开。 也可以单击“打开”按钮或执行“文件/打开”命令，在弹出的如图3-8 所示的“打开” 对