dw如何新建html

了解如何在DW（Adobe Dreamweaver）中新建HTML文件对于任何希望进行网页设计和开发的人都是非常重要的，本文将详细介绍如何在DW中创建一个新的HTML文件，并提供一些建议和技巧，以帮助您更有效地开始您的网页设计项目。

让我们从打开Adobe Dreamweaver开始，如果您尚未安装此软件，请访问Adobe官方网站下载并安装最新版本，安装完成后，启动Adobe Dreamweaver。

1、新建HTML文件

在Adobe Dreamweaver中，您可以通过以下步骤轻松创建新的HTML文件：

a. 打开Adobe Dreamweaver。

b. 单击菜单栏中的“文件”（File）。

c. 从下拉菜单中选择“新建”（New）。

d. 在弹出的“新建文档”对话框中，从左侧的类别列表中选择“HTML”。

e. 在右侧的选项中，您可以选择一个预设的页面模板，或者直接选择“无”以创建一个空白的HTML文件。

f. 单击“创建”（Create）按钮。

现在，您已经成功创建了一个新的HTML文件，接下来，让我们了解如何在DW中编写和编辑HTML代码。

2、编写和编辑HTML代码

在Adobe Dreamweaver中，您可以通过以下两种方式之一编写和编辑HTML代码：

a. 代码视图（Code View）：此视图允许您直接查看和编辑HTML源代码，要切换到代码视图，请单击工具栏上的“代码”（Code）按钮。

b. 设计视图（Design View）：此视图允许您通过直观的图形界面操作页面元素，而无需直接编辑代码，要切换到设计视图，请单击工具栏上的“设计”（Design））按钮。

在这两种视图中，您可以使用各种工具和功能来编写和编辑HTML代码，例如插入图像、表格、链接等，DW还提供了实时代码提示和自动完成功能，以帮助您更快地编写代码。

3、保存HTML文件

在完成HTML文件的编辑后，您需要将其保存到本地计算机，要保存文件，请执行以下操作：

a. 单击菜单栏中的“文件”（File）。

b. 选择“另存为”（Save As）。

c. 在弹出的“另存为”对话框中，选择保存位置，输入文件名，并确保文件类型为“HTML”。

d. 单击“保存”（Save）按钮。

现在，您已经成功创建并保存了一个新的HTML文件，接下来，您可以使用浏览器预览和测试您的网页。

4、预览和测试网页

在Adobe Dreamweaver中，您可以轻松地预览和测试您的网页，要预览网页，请执行以下操作：

a. 单击工具栏上的“实时视图”（Live View）按钮。

b. 或者，单击菜单栏中的“文件”（File），然后选择“预览在浏览器”（Preview in Browser）。

这将在默认浏览器中打开您的网页，使您可以查看其在实际浏览器中的显示效果，在测试过程中，请注意检查网页的布局、样式、链接等，确保它们在不同浏览器和设备上均能正常工作。

Adobe Dreamweaver为您提供了一个强大且易于使用的平台，用于创建和编辑HTML文件，通过遵循上述步骤和技巧，您将能够快速开始您的网页设计项目，并在DW中实现您的创意，祝您在网页设计之路上取得成功！