dw静态网页设计全过程，dreamweaver静态网页设计

金生昨天 15

默认

摘要： dw网页制作教程启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文...

dw网页制作 教程

启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。

具体操作步骤如下：首先，在计算机C盘下创建一个“myWeb2”文件夹，如下图所示。然后打开 Dreamweaver软件，如下图所示。新建一个站点，命名为“myweb2”，跟创建在C盘里的“myweb2”一样，如下图所示。先在网上下载一张图片，再保存到C盘下的myweb2，如下图所示。

dw制作网页的基本教程新建网页文档：启动DreamWeaver软件，点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【Html文档】，点击【创建】。编辑网页内容：建立好网页文档后，可以在【body】标签内编辑网页内容。

用dreamweaver（DW）制作框架网页的步骤如下：理解框架概念框架网页由一个主文件和多个分文件组成。这些文件都是普通的网页文件，但它们在主文件的布局中被调用，并在同一界面上显示在不同的位置。创建框架集打开Dreamweaver：启动Dreamweaver软件，准备开始创建框架网页。

DW2019网页制作教程及DW网页制作基础知识 DW创建网页的基本步骤新建html文件：打开DW2019软件，点击菜单栏中的“文件”，选择“新建”。在弹出的对话框中选择“HTML”页面类型，并选择空文档。建议选择html5作为文档类型，因为它是当前的主流趋势。

1、具体操作步骤如下：首先，在计算机C盘下创建一个“myweb2”文件夹，如下图所示。然后打开Dreamweaver软件，如下图所示。新建一个站点，命名为“myweb2”，跟创建在C盘里的“myweb2”一样，如下图所示。先在网上下载一张图片，再保存到C盘下的myweb2，如下图所示。

2、启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。

3、规划网站阶段：选择合适的服务提供商，例如腾讯云或阿里云，确保服务质量。确定域名：选择简短易记的域名，便于用户记忆。设定网站功能：列出网站需要实现的功能目录，形成计划书。选择开发工具：决定使用 php、ASP或其他编程语言。准备资源：收集所需的文本、图片、视频等资源。

准备工作工具准备：下载并安装Dreamweaver软件，准备网页设计图作为参考。选择语言：打开软件后，选择HTML作为编辑语言。操作步骤切换设计窗口：打开页面后，选择“设计”视图，通过可视化界面布局网页，无需手动编写代码。

在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

内置多个框架和库：Dreamweaver具有丰富的内置框架和库，包括 bootstrap、jquery等。用户可以根据自己的需要选择和使用这些库，以快速搭建和制作网页。Dreamweaver网页制作的流程利用模板和样式表 Dreamweaver提供了多个常用的网页模板和样式表。

收集资源确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源。布局页面设计站点结构和收集了足够的资源之后，就可以开始布局页面了。

站点规划和设计的基本步骤决定站点目的和方向网站的行业性质（如个人、政府、商务、文化教育、娱乐）以此来考虑用色和格调；网站的内容；目的（宣传自己、商务活动、服务）。