Dreamweaver是一款非常受欢迎的网页设计和开发软件，由Adobe公司开发，它提供了一个可视化的设计界面，让用户可以轻松地创建和编辑HTML、CSS和JavaScript代码，本文将详细介绍如何使用Dreamweaver创建一个基本的HTML页面。
打开Dreamweaver软件，如果您尚未安装，可以从Adobe官网下载并安装，启动软件后，您将看到一个初始界面，其中包含一些预设的模板和最近打开的项目，要创建一个新的HTML文件，请点击“创建新”按钮，然后选择“HTML”作为文件类型，接下来，您可以选择一个预设模板或选择“无”以从头开始创建页面。
在新建的HTML文件中，您将看到一个分为两部分的界面：左侧是可视化的设计视图，右侧是代码编辑器，在这个例子中，我们将使用代码编辑器手动编写HTML代码。
输入以下基本的HTML结构代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个HTML页面</title>
</head>
<body>
<!-- 页面内容将放在这里 -->
</body>
</html>
接下来，我们将添加一些基本的页面元素，在<body>标签内部，输入以下代码：
<h1>欢迎来到我的网站</h1>
<p>这是一个段落示例，您可以在这里输入任何文本。</p>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<a href="https://www.example.com">这是一个链接</a>
这段代码创建了一个包含标题、段落、无序列表和链接的基本页面，您可以根据需要修改这些元素的内容。
在完成页面内容的编写后，您可以在设计视图中预览页面效果，如果对页面效果满意，可以保存文件，然后通过浏览器打开已保存的HTML文件，查看实际效果。
常见问题与解答：
Q1: 如何在Dreamweaver中创建一个新的CSS文件？
A1: 在Dreamweaver中，右键点击项目面板中的文件夹，选择“新建文件”，然后从下拉菜单中选择“CSS”。
Q2: 如何将CSS文件链接到HTML文件？
A2: 在HTML文件的<head>部分，添加一个<link>标签，如下所示：
<link rel="stylesheet" href="your-stylesheet.css">
将your-stylesheet.css替换为您的CSS文件名。
Q3: 如何在Dreamweaver中预览我的HTML页面在不同设备上的效果？
A3: 在设计视图的顶部，有一个名为“视觉辅助”的工具栏，点击“移动设备”图标，可以切换到不同设备的预览模式，您还可以通过菜单栏中的“文件”>“预览在”选项，选择不同的浏览器进行预览。