DreamweaverCS6教程
第一节Dreamweaver CS6 软件简介和安装
1、Dreamweaver CS6是由美国Adobe公司最新开发的一款网页设计、网站管理为一体的专
业软件
2、为了保护能够正常安装，安装时，请断开网络。
第二节Dreamweaver CS6软件界面和简介
一、软件界面组成
1、菜单栏
2、工作区
3、属性栏
4、浮动面板（文件、资源、CSS样式、行为等）
二、界面的切换：为满足不同开发人员的需求
三、界面的恢复：窗口——工作区——重置设计器
四、插入面板的调用
第三节网页相关知识
1、什么是网页（网页概念）
在互联网上基于HTTP协议传播信息的页面
2、什么是网站
反应同一个主题的多个网页集合
3、网页内容的组成（网页元素）
（1）文字
（2）图片（jpg,gif,png）
（3）动画（swf,gif）
（4）多媒体
（5）超链接
（6）表单
（7）网页特效
（8）其他元素 第四节网页制作方法与站点建立
1、网页的制作方法
（1）代码发：html
（2）软件制作：Dreamweaver、frontpage
2、制作网站前准备工作，建立站点。
3、站点：用来存放网站中所有元素的文件夹，为了制作方便需要将这个文件夹和制作软件
相关连接。
4、站点的建立（连接）
（1）站点——建立
（2）文件面板
（3）应用程序栏（窗口——应用程序栏）
5、站点的分类（按照网站的位置）
（1）本地站点
（2）远程站点
第五节规划本地站点目录结构
1、规划本地站点目录结构
（1）images(图片)
（2）swf（动画）
（3）css(CSS样式)
（4）script(存放网页特效)
（5）other(其他)
2、网站主页名称
（1）index.htm
（2）index.html
（3）default.htm
（4）default.html
注：主页必须放在网站的根目录下面，同时名称也有特殊的要求
湖南城市学院 信息科学与工程学院 1206602-18钱佳明整理 Dreamweaver CS6练习题
- 1 -
Dreamweaver CS6练习题
一、 填空题
(1) Dreamweaver CS6的工作窗口由五部分组成，分别是_____、_____、_____、_____和_____。
(2) 站点管理器的主要功能包括_____、_____、_____、_____和_____。
(3) 文档窗口中有3种视图方式，分别是_____、_____、_____。
(4) 在万维网上通过搜索引擎查找资料时，搜索引擎自动读取网页中标签的内容，所以万维网页中的_____非常重要，它可以间接地宣传网站，提高访问量。
(5) Dreamweaver CS6中的_____功能可同时为手机、平板电脑和计算机设计样式并将内容可视化。
(6) 利用文本属性可以方便地修改选中文本的_____、_____、_____、_____等。
(7) 文本的对齐方式是指文字相当于文档窗口 或浏览器窗口在水平位置的对齐方式。对齐方式按钮有4种，分别为：_____、_____、_____、_____。
(8) 特殊字符包括_____、_____、_____、_____等。
(9) 所谓媒体是指信息的载体，包括_____、_____、_____、_____、_____等。
(10) Web页中通常使用的图像文件有_____、_____、_____。
(11) 在浏览网页时，当用户将鼠标指针移到文字或图像上时，鼠标指针会改变形状或颜色，这就是在提示浏览者，此对象为_____。
(12) 鼠标经过图像的效果由两张大小相等的图像组成，一张成为主图像，另一张称为次图像。_____是首次载入网页时显示的图像，_____是当鼠标指针经过时更换的另一张图像。
(13) _____是网页设计中一个非常有用的工具，它不仅可以将相关数据有序地排列在一起，还可以精确地定位文字、图像等网页元素在页面中的位置，使得页面在形式上丰富多彩又条理清楚，在组织上井然有序而不显单调。
Dreamweaver CS6快捷键以及技巧
1 【文件】菜单命令快捷键 菜单命令 快捷键
新建 【Ctrl】+【N】
打开 【Ctrl】+【O】
在 Bridge 中浏览 【Ctrl】+【Alt】+【O】
在框架中打开 【Ctrl】+【Shift】+【O】
关闭 【Ctrl】+【W】
全部关闭 【Ctrl】+【Shift】+【W】
保存 【Ctrl】+【S】
另存为 【Ctrl】+【Shift】+【S】
打印代码 【Ctrl】+【P】
链接 【Shift】+【F8】
标记 【Shift】+【F6】
2 【编辑】菜单命令快捷键 菜单命令 快捷键
还原 【Ctrl】+【Z】,【Alt】+【Backspace】
重做 【Ctrl】+【Y】,【Ctrl】+【Shift】+【Z】
剪切 【Ctrl】+【X】,【Shift】+【Del】
拷贝 【Ctrl】+【C】,【Ctrl】+I【N】s
选择性粘贴 【Ctrl】+【Shift】+V
全选 【Ctrl】+【A】
选择父标签 【Ctrl】+【[】
选择子标签 【Ctrl】+【]】
查找和替换 【Ctrl】+【F】
查找所选 【Shift】+【F3】
查找下一个 【F3】
转到行 【Ctrl】+【G】
显示代码提示 【Ctrl】+【Space】
刷新代码提示 【Ctrl】+【.】
缩进代码 【Ctrl】+【Shift】+【>】
凸出代码 【Ctrl】+【Shift】+【<】
平衡大括弧 【Ctrl】+【'】
折叠所选 【Ctrl】+【Shift】+【C】
折叠外部所选 【Ctrl】+【Alt】+【C】
扩展所选 【Ctrl】+【Shift】+【E】
折叠完整标签 【Ctrl】+【Shift】+【【J】】
折叠外部完整标签 【Ctrl】+【Alt】+【【J】】
扩展全部 【Ctrl】+【Alt】+【E】
首选参数 【Ctrl】+【U】
3 【查看】菜单命令快捷键 菜单命令 快捷键
dwcs6css规则
Adobe Dreamweaver CS6 是一款网页设计软件，它提供了一种可视化的方式来创建和编辑 CSS（层叠样式表）规则。以下是在 Dreamweaver CS6
中创建和编辑 CSS 规则的一般步骤：
1. 打开 Dreamweaver CS6 并打开你要编辑的 HTML 文件。
2. 在 "CSS" 面板中，点击 "CSS Designer" 按钮以打开 CSS
Designer 面板。
3. 在 CSS Designer 面板中，你可以选择不同的 CSS 规则类型，例如 "Class"、"ID"、"Element" 等。
4. 选择你要创建或编辑的规则类型，然后点击 "Add CSS Rule" 按钮。
5. 在弹出的对话框中，你可以设置规则的名称、选择要应用规则的
HTML 元素，并设置规则的样式属性。
6. 设置样式属性时，你可以在 "Properties" 面板中选择不同的属性，并在 "Value" 字段中输入或选择属性的值。
7. 你还可以使用 "CSS Inspector" 工具来实时查看和编辑 HTML 元素的 CSS 样式。
8. 编辑完成后，点击 "Apply" 按钮将样式应用到 HTML 文件中。
需要注意的是，Dreamweaver CS6 提供了一种方便的方式来创建和编辑 CSS 规则，但它并不是一个专业的 CSS 编辑器。对于更复杂的 CSS 任务，建议使用专业的 CSS 编辑器或开发工具。
