【基础教程_Dreamweaver8.0】在网页设计与开发的早期阶段，Dreamweaver 8.0 是一款非常受欢迎的工具，它为初学者和有经验的开发者提供了强大的功能。尽管现在有许多更先进的软件和在线工具，但 Dreamweaver 8.0 依然具有一定的学习价值，尤其是在理解网页结构、HTML 和 CSS 的基本概念方面。

本教程旨在帮助用户了解 Dreamweaver 8.0 的基本操作，掌握如何创建和编辑网页，以及如何通过简单的代码实现页面布局。无论你是刚开始接触网页设计，还是希望回顾基础知识，这篇教程都能为你提供实用的帮助。

一、Dreamweaver 8.0 简介

Dreamweaver 8.0 是 Adobe（原 Macromedia）推出的一款集网页设计、编码与管理于一体的软件。它支持多种网页语言，如 HTML、CSS、JavaScript 和 PHP，同时提供可视化编辑界面，使得用户无需深入编程即可完成网页制作。

该版本引入了更多对动态内容的支持，例如与数据库的连接、服务器端脚本的集成等，使其更适合中小型网站的开发需求。

二、安装与启动

在开始使用 Dreamweaver 8.0 之前，首先需要确保系统满足其运行要求。一般情况下，建议使用 Windows XP 或更高版本的操作系统，并安装适当的浏览器和插件。

安装完成后，双击桌面图标或从开始菜单中选择 Dreamweaver 8.0 启动程序。首次启动时，软件会提示你设置默认的工作目录，建议将此路径设置为一个专门用于网页开发的文件夹，以便于管理和查找项目文件。

三、创建新网页

1. 新建文档

在 Dreamweaver 中，点击“文件”菜单中的“新建”，选择“HTML 文档”或“空白页”。你可以根据需要选择不同的模板，也可以直接创建空白页面。

2. 选择视图模式

Dreamweaver 提供了多种视图模式，包括“设计视图”、“代码视图”和“实时视图”。对于初学者来说，“设计视图”更加直观，可以直接拖放元素；而“代码视图”则适合熟悉 HTML 和 CSS 的用户进行手动编写。

3. 保存文件

在创建好页面后，务必及时保存。点击“文件”→“保存”或使用快捷键 Ctrl+S。建议将文件命名为有意义的名称，例如 “index.html”。

四、基本页面布局

在 Dreamweaver 8.0 中，可以通过拖拽方式添加文本、图像、表格、表单等元素。此外，还可以使用“插入”菜单中的选项来快速插入各种网页组件。

- 文本输入：直接在设计视图中点击页面空白处，输入文字即可。

- 图片插入：选择“插入”→“图像”，浏览本地计算机中的图片文件并插入到页面中。

- 表格使用：表格是构建网页布局的重要工具。可以通过“插入”→“表格”来创建表格，并调整行数和列数。

五、使用 CSS 控制样式

虽然 Dreamweaver 8.0 提供了内置的样式管理器，但为了更好的控制页面外观，建议直接使用 CSS 进行样式定义。

1. 内联样式：在 HTML 标签中直接添加 style 属性，适用于简单样式。

2. 内部样式表：在 HTML 文件的 `` 部分添加 `