概览

本指南将向用户展示如何通过 Dreamweaver 定义一个本地站点，以及如何创建和编辑网络文档。通过本章节用户可以学到开发网站所需的基本技巧，同时也可以学到一些 Dreamweaver 3 新增功能的使用方法。

在本章节中，用户将要为一个虚构的公司，Scaal Coffee，创建一个经营咖啡生意的网站。

在访问 Scaal 的网站的同时，客户将能够阅读到一些有关公司的介绍，看到一些每周精选，并且可以通过浏览公司的产品网页查看公司的在线产品目录。

在制作过程中，用户将可以学到如何执行下列任务：

	定义一个本地站点
	创建文档
	使用层技术进行页面布局
	如何将层转换成表格
	给图像添加 behavior
	导入 Microsoft Word 创建 HTML 文档
	使用 HTML 样式对文本格式化
	创建站点地图
	创建链接
	应用模板
	创建跳转菜单

如果用户手中没有印刷版的 Using Dreamweaver 教程，用户会发现在浏览器中将本指南打印出来跟着学习是非常方便的。用户还可以从 Macromedia 公司的网站上 下载一个印刷版本。

注意：本指南所示范的一些功能只有 4.0 以上版本的浏览器才支持的。

 
开始熟悉 Dreamweaver

在开始之前，先看一段 Guided Tour 影像熟悉一下 Dreamweaver 的功能。

点击下边开始观看 Dreamweaver 的 Guided Tour 影像。

 
预览整个网站

接下来，观看一下整个网站，对于下边将开始的工作先有一个大致的概念。

1	启动 Dreamweaver。
2	选择 File > Open。在文件浏览对话框中找到 Dreamweaver 程序文件夹，打开 Tutorial 文件夹，然后再打开 Scaal_site 文件夹。
3	在 Scaal_site 文件夹中选取 scaal_home.html，然后点击 Open 打开。
	这时候不要对这个页面进行编辑。你将在以后创建自己的版本。
4	选择 File > Preview in Browser，选取浏览器。(使用 4.0 以上版本的浏览器)
5	移动游标到左边三个项目上 (Our Story，Products，和 This Week)，注意三个项目会加亮表示它们是有效链接。
	点击链接看一下链接的网页。要返回主页，点击 Scaal 的标志就可以了。这个标志会放在每个页面的最上边。
6	看完后关闭浏览器。
7	退出 Dreamweaver。

 
本指南的文件是如何安排的

所有本指南中要用到的不管是完整的还是不完整的 HTML 文件都在 Tutorial 文件夹中的 Scaal_site 文件夹中放着。图像和其它有关文件则放在 Scaal_site 文件夹中的子文件夹。(通向 Scaal_site 文件夹的完整路径根据用户安装 Dreamweaver 3.0 程序的不同而有所不同)

每个文件都有一个与其内容相符的名字 — 例如，完整的 Scaal 全部产品的网页名字是 products_index.html。那些未完成的文件 — 这也是用户将要处理的文件 — 则名字和完成后的网页名字差不多，只是这些文件用 DW3_ 打头；比如 products_index.html 文件的未完成版本的名字是 DW3_products_index.html。