2.2.2 Dreamweaver CS6的特点与基本操作
1．Dreamweaver CS6的特点
DreamweaverCS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面、用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种视图方式来创作、编写和修改网页，并且具有快速定位和高度的智能感知提示功能，还能够自动生成页面元素的相应HTML代码，因而对于网页设计初级人员来说，可以无须编写或很少编写代码就能快速直观地创建和编辑Web页面。
2．Dreamweaver CS6的基本操作
（1）创建一个空白网页文档
在图2-24所示的DreamweaverCS6启动界面中选择“新建”栏中的“HTML”，创建一个空白的HTML文档，如图2-25所示。
图2-24 Dreamweaver CS6的启动界面
图2-25 Dreamweaver CS6的文档操作界面
（2）设置首选参数
用户可以对Dreamweaver的操作环境进行个性化设置，方法是选择“编辑”菜单→“首选参数”命令，打开图2-26所示的对话框，按照自己的喜好和操作习惯进行相关设置。
图2-26 “首选参数”对话框
（3）打开现有HTML文档
在图2-25所示的操作界面中选择“文件”菜单→“打开”命令，弹出图2-27所示“打开”对话框，在该对话框内选中要打开的HTML文档，单击“打开”按钮即可。
图2-27 “打开”对话框
（4）Dreamweaver的视图方式和标签选择器
在图2-25中标示的视图方式有代码、拆分、设计和实时视图4种，分别让用户通过不同角度来观察和编辑网页文档。图中的标签选择器让用户能快速准确地选择目标对象及其代码，是编辑比较复杂的页面时经常用到的利器。
（5）设置文档的页面属性
新的HTML文档建好后，要先对文档的整体属性进行设置，主要包括页面的默认字体和字体大小、文字和背景颜色、边距、链接样式、页面标题等内容。用以下任何一种方法均能打开图2-28所示“页面属性”对话框。
图2-28 “页面属性”对话框
●选择“修改”菜单→“页面属性”菜单项。
●在文档设计窗口空白处右键单击，在弹出的快捷菜单中选择“页面属性”菜单项。
●单击文档设计窗口空白处，在下面的属性面板中单击“页面属性”按钮。
（6）设置文字属性
选择Dreamweaver的“窗口”菜单→“属性”项，在属性面板中可以对选定文字的格式、字体、字号、颜色以及对齐方式等属性进行设置，相应的文字属性面板如图2-29所示。有关文字样式在项目3的样式表中会有详细介绍。
图2-29 设置文字属性
（7）插入特殊字符
选择“插入”菜单→“HTML”→“特殊字符”命令，如图2-30所示，插入所需字符即可。如果要插入不常见的字符，则应该选择“其他字符”，打开“插入其他字符”对话框，再选择所需字符插入。如果在对话框中没有想要的字符，还可以借助输入法或其他的字处理软件。
图2-30 插入特殊字符
（8）保存和关闭文档
1）保存文档。Dreamweaver集编辑与运行网页于一体，在每次运行页面时如果页面编辑过而未保存（文档名称后面有个∗号），Dreamweaver则会提示是否保存。还可以通过选择“文件”菜单→“保存”，或使用组合键＜Ctrl+S＞保存文档。
2）另存文档。如果希望将文档以另外的名称保存，或者保存到其他位置，可以选择“文件”菜单→“另存为”，在对话框中选择路径并输入新文件名，再单击“保存”按钮。
3）保存全部文档。如果同时打开多个HTML及相关联的文档，可选择“文件”菜单→“保存全部”项将所有Dreamweaver窗口中正在编辑的文档保存。
4）关闭文档。选择“文件”菜单→“关闭”或“全部关闭”，即可关闭文档。如果网页尚未保存，则会弹出确认是否保存的对话框。