《Dreamweaver CS6网页设计与制作》第2章 Dreamweaver基础知识 刘敏娜 主编

2.10.2 css的分类
在Dreamweaver中有3种样式表类型：
类样式：可以使用到任何的标签中。主要 用来设置文本或者文本块的属性。
标签：用来重定义特定标签的外观。当更 改一个HTML标签的样式时，所有使用该标 签的文本都得到了更新。
高级：可以重新定义特定标签组合的格式 或者重新定义包含特定ID属性的所有标签 的格式。
窗口的各组成要素
文档工具栏
文档工具栏上有视图切换的按钮，另外还包含文件管理功 能，上传下载，浏览器预览等功能按钮。
文档窗口
显示用户正在编辑的网页文档。
属性浮动面板
可以查看和编辑当前选定的网页元素的属性，此面板中的 内容会随着选中对象的不同而变化，比如当前选中了文字， 面板中就会显示文字相关的属性，如字体，大小，样式等。
Dreamweaver基础知识
Dreamweaver基础知识
2.1 Dreamweaver cs3简介 2.2 Dreamweaver的工作界面 2.3 站点的部署 2.4 文本的处理 2.5 建立超级链接 2.6 在网页中使用图像 2.7 在网页中使用多媒体
Dreamweaver基础知识
2.8 使用表格结构布局 2.9 使用AP Div布局页面 2.10 使用层叠样式表 2.11 使用框架布局页面 2.12 使用模板和库 2.13 使用行为 2.14 使用表单 2.15 Spry控件
2.9使用AP Div布局页面
2.9.1什么是AP 2.9.2如何创建AP Div 2.9.3 AP Div的操作 2.9.4 设置属性 2.9.5 使用面板 2.9.6 使用技巧
2.10使用层叠样式表
采用css技术可以有效的对页面的布局， 字体，颜色进行精确的控制，所以现在这 门技术越来越多的引入到网页设计中。在 Dreamweaver中可以方便的创建css样式,对 样式进行编辑。
属性浮动面板
图2.1dreamweaver工作界面
文件面板
窗口的各组成要素
菜单栏
有10个主菜单，在其中包括了Dreamweaver的所有功能， 通过菜单栏可以对对象进行任意的设置。菜单栏是按照功 能的不同进行了划分，方便用户的使用。
插入栏
插入栏以选项卡形式展示，占了屏幕很小的区域，在其中 包含了各种网页元素（图像、表格、层）插入到网页的按 钮。
3、查看面板组的“选项”菜单：单击面板 或面板组右上方的选项按钮，在列表中可 以对网页进行设置，比如有新建和打开文 件等操作。
4、重命名面板组：可以为面板组命名，操 作方法：单击面板组的选项列表，选择重 命名面板组，r为用户定制了一些常用 命令的快捷键，当然用户也可以自己设置 快捷键。方法是：点击“编辑”菜单-〉“快 捷键”，选择需要更改的命令，如“新建” 命令，单击右上角的“复制副本”按钮复 制为副本（可以为副本重命名），在副本 设置中继续选择“新建”，在“按钮”输 入框按下新设置的快捷键（在键盘上直接 输入组合键，要求必须是包含ctrl键）,单击 “确定”即可生效。
2.10.6 附加样式表
如果网页中要使用已经定义好的外部样 式表，可以通过附加方式进行设置。
2.10.7 标签
新建css规则对话框中第二种类型的css是“标 签”。这种类型是针对于Dreamweaver中的各种 标签来制定的。当选择“标签”类型后，可以在 “标签”下拉项中看到Dreamweaver中的各种标 签类型，可以选择某个标签来重定义其样式。定 义样式的操作与前面讲到类样式的操作一致。不 同在于，如果重定义了标签，此时拥有这个标签 的对象的效果会自动随着标签的变化而变化，不
2.5.1什么是超级链接
超级链接在一个网页中是非常重要的组 成部分，通过链接可以将www上的不同站 点的信息进行访问。一个超级链接就像一 个箭头一样，包括起点，终点，由起点到 终点的方向，起点是当前网页，终点是目 标网页，方向是从当前页面跳转到目标页 面。
2.5.2 如何表示超级链接
在设置超级链接时，描述目标文件（也 就是超链文件）的路径是个难点。根据情 况的不同，可以采用四种描述方式：绝对 路径、相对路径、根路径。
2.2.3管理面板和面板组
1、展开折叠面板组：在面板组的左上角的 小三角符号上单击可以折叠或展开面板。
2、拖动面板组：将光标放在需要拖动的面 板组左上角，按下左键进行拖动，可以将 面板从面板组中脱离。如果要拖回原来的 位置，需要重复拖出的方法（将光标放在 需要拖回的面板组左上角，按下左键拖动 到面板组中）。
2.10.1 css样式简介
样式是用来控制文档中某个文本区域外观 的属性格式，利用css可以一次设置多个样 式。css的英文全称是Cascading Style Sheets，也称层叠样式表。
在网页中用户可以使用css样式控制文本的 格式，比如，字体，大小，颜色，还可以 控制表格，AP Div等的显示效果。
2.10.4 如何创建css
在使用css样式之前必须新建css样式， 这样才能对网页中的内容应用此样式。在 Dreamweaver中提供了方便快捷的方法来 设置样式。
2.10.5 应用css样式
在Dreamweaver中可以也能够用制作好 的css样式，操作方法如下：在文档窗口中 选中要套用格式的对象（如文本，图像等 元素），打开css面板，选择某种样式后， 在样式面板的右上角选择按钮，从弹出的 列表中选择“套用”命令，这样可以为所 选的内容增加样式。
2.5.5 电子邮件链接
电子邮件链接是比较常见的一种超级链接。在 浏览网页时，如果单击一个电子邮件的链接时， 会显示在outlook Express中发送电子邮件信息的 窗口。在窗口中已经为用户提供了已经写好的收 件人地址 ，用户只需要添加邮件的主题，输入主 要的内容，单击“发送”按钮。
2.5.6下载链接
在同一个页面中添加锚链接。 在不同的页面上使用锚链接。
2.6在网页中使用图像
2.6.1 插入图片的方法
在设计视图中插入 从资源面板中插入
2.6.2 图片的基本设置 2.6.3 热区的操作 2.6.4 制作光标经过图像
2.6.5 制作导航条 2.6.6 插入图像占位符 2.6.7 添加背景图像 2.6.8 使用Photoshop文件
单击文档工具栏左边的3个按钮，可以在“代
码视图”，“设计视图”和“拆分”视图之间切
换。另外在工具栏中还有添加网页标题，文件管
理，在本地和远程站点间传送文档等命令。如下
图所示。
视图选项 浏览器中预览
验证 标记
图 文档工具栏
文件管理 刷新 可视化助理 检查浏览器兼容性
2.2.2窗口和面板
3、标准工具栏
2.3站点的部署
2.3.1 管理站点资源
组织站点结构 如何在Dreamweaver中管理站点
2.3.2 能力提高
项目一：为茶品文化网站建立站点
2.4文本的处理
2.4.1网页标题的设置 2.4.2文本的基本设置 2.4.3 项目列表 2.4.4 使用外部文本
2.5建立超级链接
2.5.1 什么是超级链接 2.5.2 如何表示超级链接 2.5.3 为文本添加链接 2.5.4 超链接的检查 2.5.5 电子邮件链接 2.5.6 下载链接 2.5.7 锚链接
2.2.2窗口和面板
1、欢迎界面
这是第一次启动Dreamwe aver后显示的界面。欢迎 界面分为3列。左边一列可 以打开最近使用的文档， 中间列可以创建各类新文 档，右边一列是从模板中 创建。界面下面提供了软 件的帮助信息，帮助信息 可以通过网络进行更新。
图 起始界面
2.2.2窗口和面板
2、文档工具栏
2.7在网页中使用多媒体
2.7.1 在网页中插入Flash动画 2.7.2 使用Flash文本和按钮 2.7.3 插入Flash视频和Flash Paper文件 2.7.4 使用插件添加网页元素 2.7.5 插入Flash元素—图像查看器
2.8使用表格结构布局
2.8.1 页面的布局 2.8.2 使用表格 2.8.3 选择表格 2.8.4 导入表格式数据 2.8.5 导出表格式数据 2.8.6扩展和布局模式
2.2.2窗口和面板
5、状态栏 状态栏位于窗口的底部，主要用来提供
与当前文档相关的信息。这部分包括选择 标签、选取工具、手形工具、缩放工具等。 其中的选择标签用来显示环绕当前选定内 容html标签的层次结构，单击任何标签可 以选择该标签及其全部内容。
2.2.2窗口和面板
6、使用插入栏
插入栏位于菜单栏和文档工具栏的中间位置， 它几乎覆盖了网页制作时的所有的操作。在插入 栏中包括了插入对象的按钮，这些按钮根据类型 被组织到不同的选项卡中。
2.5.3 为文本添加链接
操作方法：在设计视图中选中需要添 加超级链接的文字，属性面板中找到链接 选项，直接在文本框中输入完整的地址， 或者单击后面的黄色的文件夹图标，在本 地硬盘中找到一个文件进行链接。
2.5.4 超链接的检查
对于网站中断了的链接、链接到站点以外文 件的链接以及孤立的文件会生成一个报告。检查 链接的方法：单击文件菜单，选择“检查页”菜 单项，在级联菜单中选择“链接”选项。检测结 束后，在属性面板的下方打开一个“结果”面板， 为用户显示检测过的链接报告。如果网页中有断 掉的链接，会显示在下方，当然除了检查网页的 链接以外还可以检测整个网站的链接。这些检测 过的报告也可以被保存下来。
2.10.3 css规则的保存形式
用户自定义的css规则可以保存在外部的 css文件中，也可以保存在某个网页中（这 种形式被称为嵌入式样式表）。
外部的css样式表：多个样式保存在一个独 立的css文件中，通过链接或者导入可以被 多个网页使用。
嵌入式样式表：将css规则定义在文档头标 记中的<style>…</style>标记中。