第2章 与Deamweaver8初次见面.docVIP

第2章 与Dreamweaver8初次见面 Dreamweaver8集网页制作和网站管理于一身，利用它不仅可以轻而易举地制作出各种精彩的网页，还可以非常方便地管理网站中的文件和文件夹。本章将首先简要介绍Dreamweaver8的工作界面，然后依次介绍站点规划与创建、文档基本操作和页面总体设置等内容。 2.1熟悉Dreamweaver8工作界面： 安装Dreamweaver8后，单击桌面左下角的“开始”按钮，选择“所有程序”→“Macromedia”→“Macromedia Dreamweaver8”菜单，就可以启动Dreamweaver8了，如图2-1上图所示。 图2-1 启动Dreamweaver 8 启动Dreamweaver 8后，首先显示其起始页。通过起始页可以打开最近使用过的文档或其它文档，也可以创建新文档，如图2-1下图所示。这里我们单击“创建新项目”中的 “HTML”项，创建一个.html文档并进入Dreamweaver 8工作界面，如图2-2所示。 图2-2 Dreamweaver 8工作界面 Dreamweaver 8的工作界面由标题栏、菜单栏、插入栏、文档工具栏、文档窗口、状态栏、“属性”面板和面板组等组成，下面首先介绍各组成部分的特点，然后介绍调整Dreamweaver 8工作界面的方法。 经验之谈：双击桌面上的快捷方式图标也可以启动Dreamweaver 8。创建桌面快捷方式图标的方法是：右击图2-1中的“Macromedia Dreamweaver 8”，在弹出的快捷菜单中选择“发送到”→“桌面快捷方式”项即可。 2.1.1 标题栏和菜单栏： 标题栏位于界面顶部，左侧显示软件名称和文档标题，右侧显示程序窗口的控制按钮，包括“最小化窗口”按钮、“最大化窗口”按钮和“关闭窗口”按钮。 菜单栏位于标题栏下方，它几乎集中了Dreamweaver 8的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。要执行某些命令，可首先单击主菜单名打开其下拉菜单，然后用鼠标单击相应的菜单项。 2.1.2 插入栏： 插入栏包括各种类型的对象按钮（如图像、表格和Flash动画等），通过单击这些按钮，可将相应的对象插入到文档中。默认状态下，插入栏中显示的是网页中最常用的对象按钮组，即“常用”插入栏。单击插入栏左侧的“常用”按钮可以打开一个下拉列表，从中选择其它选项可切换至其他类型的插入栏，如布局、表单、文本等，如图2-3所示。 图2-3 改变插入栏类型 默认状态下，插入栏的显示方式被称为菜单方式。当在“常用”按钮的下拉列表中选择“显示为制表符”项后，插入栏将显示为制表符形式，如图2-4所示。 图2-4 以制表符形式显示的插入栏 如果要使插入栏重新显示为菜单方式，可以右键单击插入栏名，在弹出的快捷菜单中选择“显示为菜单”，如图2-5所示。 图2-5 改变插入栏类型 另外，插入栏中某些按钮右侧带有一个小三角符号“”，这表示该按钮具有同位按钮组，单击该三角符号“”将弹出其同位按钮组。选择某个按钮后，所选按钮将为该按钮组的当前按钮，如图2-6所示。 图2-6 打开同位按钮组 2.1.3 文档标签与文档工具栏： 1. 文档标签 文档标签位于插入栏下方，左侧显示当前打开的所有网页文档的名称，右侧显示当前文档对应的最小化，向下还原和关闭按钮。当用户打开多个网页时，通过单击文档标签可在各网页之间切换，如图2-7所示。 图2-7 文档标签 温馨提示：如果文档名后带一个“*”号，表示网页已修改但未保存。 2. 文档工具栏 文档工具栏位于文档标签下方，使用它可以切换网页视图、设置网页标题、检查浏览器支持、管理文件等。各按钮名称如图2-8所示。 图2-8 文档工具栏 下面简单介绍一下各种按钮意义。 显示代码视图：仅在文档窗口中显示代码视图，代码视图以不同的颜色显示HTML代码，方便用户区分各种标签并对代码进行编辑。 显示代码视图和设计视图：在文档窗口的一部分中显示代码视图，另一部分中显示设计视图。这样当用户在代码视图中编辑HTML源代码后，单击设计视图中的任意位置，会立刻看到相应的编辑结果。 显示设计视图：仅在文档窗口中显示设计视图。在设计视图中可以直接编辑网页中的各个对象。 文档标题：可为文档设置标题。浏览网页时，该标题将显示在浏览器的标题栏中。 检查浏览器支持：检查跨浏览器兼容性，以减少或避免由于浏览器不同而造成网页版式、链接的混乱。 验证标记：验证当前文档或整个当前站点中是否存在错误或警告。 文件管理：单击该按钮将打开一个列表，选择其中的选项可以从远程站点取回文件，或者将文件由本地站点上传至远程站点。 在浏览器中预览／调试：在浏览器中预览或调试文档，单击