发布时间 : 星期三 文章中文版+Dreamweaver+CS6网页设计教程_IT168文库更新完毕开始阅读
第1章 Dreamweaver CS6简介
(3) 选择Photoshop程序文件，然后单击“打开”按钮退出对话框，此时在“编辑器”列表框中出现所加载的Photoshop程序。
(4) 选择Photoshop程序名称，单击“编辑器”列表框上方的“设为主要”按钮，将Photoshop设置为默认的主要编辑器。完成后，在Photoshop名称后面出现“主要”字样。
(5) 如果要删除“编辑器”列表框中没用的编辑器，则选择编辑器名称后，单击“编辑器”列表上方的按钮即可。
1.5.3 编辑快捷键
Dreamweaver CS6为菜单命令、文档编辑、代码编辑、站点管理等操作设置了易用的快捷键。如果用户需要，则可以更改或添加自己的快捷键。
编辑快捷键示例：为“查看”|“代码”菜单命令添加快捷键，即按Backspace键，将Dreamweaver切换到“代码”视图。
编辑快捷键的具体操作步骤如下。
(1) 依次选择“编辑”|“快捷键”菜单命令，打开“快捷键”对话框，如图1-31所示。
图1-31 “快捷键”对话框
(2) 在“当前设置”下拉列表框中选择默认的Dreamweaver Standard选项，然后在“命令”下拉列表框中选择“菜单命令”选项。
(3) 在列表框中展开“查看”选项，选择其中的“代码”选项。
(4) 单击“快捷键”选项右侧的按钮，然后按Backspace键。此时在“按键”文本框中出现自动加载的快捷键符号BkSp。
(5) 单击“确定”按钮退出对话框，快捷键设置完毕。
同理，可以为切换设计视图添加快捷键，以便在两种视图间进行切换。
1.5.4 设置页面属性
对于页面的基本属性，例如标题、背景颜色和图像、文本及链接的颜色、边距等，在“页面属性”对话框中均可以设置。
17
依次选择“修改”|“页面属性”菜单命令，打开“页面属性”对话框，如图1-32所示。
图1-32 “页面属性”对话框
在此对话框中主要可以进行以下设置。 1. 更改页面标题
在“标题/编码”选项界面中可以更改标题、文档类型、编码等。 2. 设置背景图像或颜色
如果要设置背景图像，则可单击“背景图像”文本框右侧的“浏览”按钮，查找并选择背景图像文件，或在其文本框中输入图像文件的路径及名称；如果要设置背景颜色，则可单击“背景颜色”色盘按钮中输入颜色的十六进制代码。
，在弹出的色盘中选择背景颜色，或者在其右侧的文本框
提示：可以同时设置“背景颜色”和“背景图像”，当页面下载时，首先显示背景色，
然后被背景图像所覆盖，背景颜色可以透过背景图像的透明像素部分显示出来。 3. 设置文本或链接颜色
在“外观”和“链接”选项界面中可分别通过使用CSS样式表定义颜色。
1.6 Dreamweaver CS6的文件操作
在Dreamweaver CS6中，用户不仅可以创建基本的HTML页面和动态的ASP、JSP页面，还可以创建模板页、CSS样式表、XSLT、库项目、JavaScript、XML以及多种专业水准的页面设计。
1.6.1 新建文档
在Dreamweaver CS6中新建文档的具体操作步骤如下。
(1) 依次选择“文件”|“新建”菜单命令，打开“新建文档”对话框，如图1-33所示。 (2) 在“空白页”选项卡内的“页面类型”列表框中选择所要创建的文档类型，然后
18
第1章 Dreamweaver CS6简介
在“布局”列表框中选择想要创建的样式，然后单击“创建”按钮即可。
图1-33 “新建文档”对话框
1.6.2 保存文档
在Dreamweaver CS6中保存文档的方法大致和其他应用程序相同，如果要将设计好的文档保存为模板，则依次选择“文件”|“另存为模板”菜单命令，打开如图1-34所示的“另存模板”对话框，进行相应的设置后，单击“保存”按钮即可将模板保存在所选择的站点内。
图1-34 “另存模板”对话框
注意：模板文件应保存在站点内，因此应首先创建一个站点。
1.6.3 打开现有文档
Dreamweaver CS6可以打开HTML文件或任何支持的动态文档类型。依次选择“文件”|“打开”菜单命令，在“打开”对话框中选择想要打开的文件，然后单击“打开”按钮即可。
有些保存为HTML格式的文件类型，诸如Microsoft Word文档，则需将其导入Dreamweaver CS6中，而不是打开该文档。导入后需使用Dreamweaver的相关命令清除无用的标签。
19
1.7 课 后 习 题
一、选择题
1. 下列( )是Dreamweaver CS6的新增功能。
A. 可响应的自适应网格版面 B. Adobe Business Catalyst 集成 C. 更新的 PhoneGap 支持 D. 以上都是 2. 以下( )不属于功能菜单。
A. 文件 B. 插入 C. 站点 D. 视图 3. 插入表格属于插入栏中的( )选项卡。
A. 常用 B. 布局 C. 表单 D. 文本 4. 在设计过程中，按( )键可以预览设计效果。 A. F2 B. F10 5. 下列( )不属于“资源”面板。
A. 图像 B. 颜色 二、填空题
1. 当鼠标指针移动到一个按钮上时，会出现一个工具提示，其中含有________。 2. 在“文档窗口”中可以在________、________和________三种视图之间进行切换。 3. 当“文档窗口”在集成工作区布局中处于________状态时，它没有标题栏。
4. 当“文档窗口”有标题栏时，标题栏显示页面标题，并在括号中显示文件的________。
5. 常见的功能面板有________、________、________和________等。
三、上机题
1. 根据书中所讲步骤安装Dreamweaver CS6。 2. 认识Dreamweaver CS6的工作窗口。 3. 熟悉Dreamweaver CS6的参数设置。 4. 熟悉Dreamweaver CS6中的文件操作。
20
C. F12 C. 模板
D. F11 D . 行为