Dreamweaver使用基础

《Dreamweaver使用基础》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章Dreamweaver使用基础3.1Dreamweaver桌面的基本结构3.2文档的基本操作3.3源代码的格式化和净化3.4使用历史面板3.5参数设置3.6使用帮助信息思考与练习13.1Dreamweaver桌面的基本结构启动Dreamweaver之后，会出现如图3.1所示的Dreamweaver桌面。Dreamweaver桌面由标题栏、菜单栏、工具栏、文档窗口、对象面板、属性面板和浮动面板等部分组成（见图3.1）。1.标题栏标题栏显示当前正在编辑文件的标题，括号中显示文件名。如果文件中有未保存的修改，则应在文件

2、名后显示星号（*）。标题栏的左边是窗口的最小化、最大化和关闭按钮。2图3.13注意：文件的标题和文件名是不同的概念，文件的标题是在文件的中标记的页面标题，而文件名则是文件存储在磁盘上的名称。2.菜单栏Dreamweaver提供10组菜单，完成所有Dreamweaver功能的命令，每个菜单项都有一个下拉菜单，每个下拉菜单项称为一个命令，可以单击菜单项（执行命令）完成相应的功能。提示：在文档操作中，可以随时单击鼠标右键，这时会在鼠标附近打开一个鼠标所指内容操作的菜单，称为快捷菜单。选择快捷菜

3、单中的项目，可以实现对所指对象的快速操作。3.工具栏工具栏提供常用命令的快捷操作功能，包括视图工具、页面标题工具、文件管理工具等，各项具体功能参见图3.2。4图3.254.文档窗口显示当前所编辑的HTML文件内容，根据所选视图的不同，文档窗口的内容可能是HTML源代码，称为代码视图；也可能是HTML的页面效果，称为设计视图；还可能是两种模式都存在，称为代码和设计视图。注意：文件一般指存放在磁盘上的数据的集合。文档指文件的内容，包括内容和相应的磁盘文件。不过，一般并不严格区分这两个概念。5.对象面板在HTML中，称每个控

4、制页面效果的命令为标记，在Dreamweaver中，将每一个（或一对）标记用一个按钮对应，称为对象，也称HTML对象，它与程序设计中的对象是一致的。在设计视图中插入某个对象，就相当于在HTML中加相应的标记。6Dreamweaver将HTML对象分为7类，分别为Characters（字符）、Common（普通）、Forms（表单）、Frames（框架）、Head（文件头）、Invisibles（不可见）、Special（专用）。单击对象面板上部的下拉式列表，从中选择一个类别，即可切换到该类对象的面板。Character

5、s面板提供各种特殊符号的输入功能（见图3.3），Common面板用于输入一般对象，如表格、图像等（见图3.4），其他对象面板见图3.5～图3.9。7图3.38图3.49图3.5图3.610图3.711图3.812图3.913欲在页面中插入对象，只需单击相应的对象按钮，然后再设置相应的属性即可。除对象按钮外，在对象面板的下部还有4个按钮，为LayoutCell（布局单元格）、LayoutTable（布局表格）、StandardView（标准视图）、LayoutView（布局视图），用于整个版面的布局设计。布局按钮只在La

6、youtView（布局视图）状态下有效。注意：对象面板是可以浮动的，称为浮动面板。通过拖动浮动面板的标题栏，可以将浮动面板在桌面上移动，浮动面板的位置并不局限于Dreamweaver的文档窗口内，实际上，它可以移动到Windows桌面上的任何位置。如果屏幕的分辨率足够大，通过调整浮动面板和文档窗口的位置，可以将浮动面板完全放置在文档窗口之外，这样既不影响文档的编辑，也不影响浮动面板的使用。14除对象面板外，发射台、属性面板、可停靠浮动面板也都是浮动面板。浮动面板不仅可以移动，而且其大小还可以任意调整，通过拖动浮动面板的

7、边框，就可以改变其大小。如果屏幕上浮动面板的位置变得过于混乱，甚至超出了桌面范围，不便操作，这时可以打开Windows（窗口）菜单，选择“ArrangeFloatingPalettes”（重新排列浮动面板）命令，将所有显示的浮动面板在桌面上重新排列整齐。此外还可以通过单击Windows（窗口）菜单中的相应项关闭或打开面板。技巧：使用Edit

8、preferences

9、General命令，在打开对话框中Object项后的下拉列表中，可以选择对象面板显示的方式是TextOnly（仅显示文本）、IconsOnly（仅显示图像）

10、、IconsandText（图像和文本）。156.属性面板属性面板主要用于显示在文档窗口中所选中对象的属性，并允许用户在属性面板中对对象属性进行修改，根据选中的对象不同，属性面板上的内容也不同。例如，当在文档窗口中选择文本时，属性面板如图3.10所示的文本属性面板；而在文档窗口中选择图像时，属性面板如图3.11所示的图像属性面板。