Dreamweaver8概述

插入面板组
插入面板集成了所有可以在网页应用的对象 包括“插入”菜单中的选项。插入面板组其 实就是图像化了的插入指令，通过一个个的 按钮，可以很容易的加入图像、声音、多媒 体动画、表格、图层、框架、表单、Flash和 ActiveX等网页元素。
文档工具栏
“文档”工具栏包含各种按钮，它们提供各
列 表

有序列表：前边的每一项有序号引导，OL
属性／编号列表

无序列表：没有顺序，每一项前边都以同样 的符号显示，UL/LI
属性／项目列表
标签检查器修改类型

定义列表：文本插入栏：dl，dt，dd
设置页面的头内容

鼠标左键单击插入工具栏最左边按钮旁的 下拉小三角，在弹出菜单中选择“HTML” 项，出现“文件头”按钮，点开下拉菜单
浮动面板
：窗口\工作区布局
其它面板可以统称为浮动面板，这些面板都 浮动于编辑窗口之外。在初次使用 Dreamweave 8的时候，这些面板根据功能被 分成了若干组。在窗口菜单中，选择不同的 命令可以打开基本面板组、设计面板组、代 码面板组、应用程序面板组、资源面板组和 其它面板组。

F4键：可隐藏/显示窗口内的常用面板和插入 工具箱等对象或用小三角隐藏
标题：设置标题字体的一些属性 标题／编码：网页标题 跟踪图像：设计网页的草图，作为背
景来铺在编辑网页的下面，用来引导 网页的设计
第六章 文本和列表控制
输入文本 设置文本格式 列表控制
输入文本
普通文本的添加
直接输入
从其它文档中复制
特殊字符
文本插入栏
插入＼ＨＴＭＬ\特殊字符
添加空格：通常只能输入一个空格
文本插入栏：不换行空格 Ctrl+Shift+空格
全角模式下输入空格
插入＼ＨＴＭＬ\特殊字符 编辑\首选参数\常规\允许多个连续的空格
输入文本

段落切换与强制换行
回车键：段落，在代码区生成< p>< /p>标签
Shift+回车键：强制换行，在代码区生成< br>标签
我们现在建立的是一个静态页面，所以选择不使 用服务器技术。
创建站点

在文档框设置本地站点文件夹的地址
创站点

我们将在站点建设完成后再与FTP链接，这 里选择“无”
创建站点

单击“完成”按钮，结束“站点定义“对话
框的设置。
创建站点

单击“完成”按钮，文件面板显示出刚才
建立的站点
管理站点

插入关键字：用来协助网络上的搜索
引擎寻找网页

插入META，META标记用于记录当前网页 的相关信息，如编码，作者，版权等，也可 以用来给服务器提供信息。 author—作者信息，copyright—版权声明， generator—网页编辑器

插入说明信息：帮助搜索引擎找到相
关网页
定义自动刷新：页面隔一段时间后自

插入水平线
插入\HTML\水平线 HTML插入栏 属性面板设置属性或
在标签检查器\属性设置

插入时间：插入\日期
输入文本
从外部导入文本内容
复制\粘贴或选择性粘贴 文件\导入\word文档 Word另存为web页
命令\整理word生成的HTML， 清理冗余代码
设置文本格式
属性面板 文本插入栏
一、工作区设置
Dreamweaver8
的操作环境
在首次启动Dreamweaver8时会出现一个
“工作区设置”对话框，在对话框左侧是 Dreamweaver8的设计视图，右侧是 Dreamweave 8的代码视图。 Dreamweaver8设计视图布局提供了一个 将全部元素置于一个窗口中的集成布局。 我们选择面向设计者的设计视图布局。

查看/工具栏：可以显示或隐藏各种工具栏 定制工具箱：点击左侧的常用下拉按钮，选
择显示为制表符，以标签的形式显示制表符；
点击右边的按钮，选择显示为菜单
第五章 站点的创建和管理
准备工作
创建站点
管理站点 页面设置
准备工作

利用Dreamweaver8创建和管理网站，应该从 规划站点和定义本地站点开始。

二、网页名、ID名尽量用英文、拼音加数字， 区分大小写，避免使用中文，有时不兼容 三、制作导航草图 四、文件尽量存盘，方便模拟显示

创建站点

站点\管理站点，点击“新建”按钮，选择弹
出菜单中的“站点”项。
创建站点
在文本框中，输入一个站点名字以在Dreamweaver8.0 中标识该站点。
创建站点
状态栏
“文档”窗口底部的状态栏提供与你正创建
的文档有关的其它信息。标签选择器显示环绕 当前选定内容的标签的层次结构。单击该层次
结构中的任何标签以选择该标签及其全部内容。 标签选择器、选取工具、手形工具、缩放工具
属性面板
：窗口\属性
属性面板是根据我们选择的对象来动态
显示对象的属性，属性面板的状态完全是 随当前在文档中选择的对象来确定的。
“页面属性”对话框。
外观：设置页面的一些基本属性
添加字体

链接：一些与页面的链接效果有关的设置
“链接颜色”定义超链接文本默认状态下的字体颜色 “变换图像链接”定义鼠标放在链接上时文本的颜色 “已访问链接”定义访问过的链接的颜色 “活动链接”定义活动链接的颜色
“下划线样式”可以定义链接的下划线样式。

本地站点：指本地硬盘中存放远程网站所有文 档的文件夹。

远程站点：需要不连接Internet而能对所建立
的站点进行测试、修改，可在本地计算机上创
建远程站点模拟真实的Web服务器进行测试。
规划站点

一、建立网页之前先建立网站
在本地磁盘上创建一个文件夹，将所有在制作过
程中创建和编辑的网页内容都保存在该文件夹中。
动刷新或自动跳转
激活不可见元素

查看\可视化助理\不可见元素 查看\文件头内容 单击文档头部元素的标记，在属性面板 中编辑
一些与页面的链接效果有关的设置链接颜色定义超链接文本默认状态下的字体颜色变换图像链接定义鼠标放在链接上时文本的颜色已访问链接定义访问过的链接的颜色活动链接定义活动链接的颜色下划线样式可以定义链接的下划线样式
第四章 Dreamweaver8概述
安装启动 绿色软件
网页三剑客

Dreamweaver：网页制作 Flash：动画制作 Fireworks：处理图片，GIF动画
“文档”窗口显示当前文档。可以选择下列 任一视图：
“设计”视图是一个用于可视化页面布局、可视
化编辑和快速应用程序开发的设计环境。在该视图 中，Dreamweaver 显示文档的完全可编辑的可视 化表示形式，类似于在浏览器中查看页面时看到的 内容。 “代码”视图是一个用于编写和编辑 HTML、 JavaScript、服务器语言代码以及任何其他类型代 码的手工编码环境。 “代码和设计”视图使您可以在单个窗口中同时 看到同一文档的“代码”视图和“设计”视图。
种“文档”窗口视图（如“设计”视图和 “代码”视图）的选项、各种查看选项和一 些常用操作（如在浏览器中预览）。
标准工具栏
“标准”工具栏包含来自“文件”和“编辑”
菜单中的一般操作的按钮：“新建”、“打 开”、“保存”、“保存全部”、“剪切”、 “复制”、“粘贴”、“撤消”和“重做”。
文档窗口
二、起始页

起始页：
三、工作界面
标题显示栏
启动Macromedia Dreamweave 8后，标题
栏将显示文字Macromedia Dreamweave 8.0， 新建或打开一个文档后，在后面还会显示该 文档所在的位置和文件名称。
菜单栏
Dreamweave 8的菜单共有10个，即文件、 编辑、视图、插入、修改、文本、命令、站 点、窗口和帮助。其中，编辑菜单里提供了 对Dreamweaver菜单中[首选参数]的访问。
打开站点 编辑站点 删除站点 操作站点文件
新建文件或文件夹 重命名
删除文件
编辑文件
文件面板→管理模式＼编辑模式 管理模式：建立文件，首页的设置 地图模式：仅地图＼地图和文件
拖动滚轮直接链接文件 修改网页标题

页面属性的设置：修改＼页面属性或者单击
“属性栏”中的“页面属性”按钮，打开的