dreamwearver 正确软件名称是 Dreamweaver，是 Adobe 旗下可视化网页制作软件，这份 dreamwearver 教程面向零基础学习者，讲解这款软件从安装新建站点编写代码预览发布全套基础操作，很多初学者搜索的时候会拼写错误写成 dreamwearver，软件支持可视化拖拽编辑和代码编辑双模式，也就是所见即所得加代码视图，适合学习 html css 网页基础，早期中职 计算机考证还有网页设计课程大量使用这款软件，虽然现在主流前端开发更多使用 vscode，但是 dreamwearver 教程依然适合新手理解网页基础结构，软件可以管理本地站点，关联网页素材图片 css 文件，不用手动管理大量文件路径，降低新手做网页的门槛，这份 dreamwearver 教程会重点讲解站点建立 页面创建 插入元素 css 样式设置 预览测试这些核心模块。

软件基础信息

dreamwearver 教程核心知识点

第一 站点概念，站点就是本地网站文件夹，所有网页图片样式文件统一放在站点目录内，软件通过站点管理文件相对路径，避免网页打开之后图片丢失。

第二 三种视图模式，代码视图可以直接写 html 代码，设计视图是可视化拖拽排版，拆分视图可以上下同时看到代码和预览效果，新手推荐优先使用拆分视图。

第三 基础网页元素，包括文字 图片 超链接 表格 表单 多媒体插入，这些都是 dreamwearver 教程里面最基础的操作内容。

第四 css 样式，软件内置 css 面板，可以新建类样式 标签样式，给网页设置字体 颜色 边距 背景，实现页面美化。

dreamwearver 教程实操步骤

第一步 安装软件，完成启动之后，在菜单栏找到站点选项，选择新建站点，填写站点名称，选择本地根文件夹，这个文件夹就是网站主目录。

第二步 新建网页文件，在站点文件面板右键新建 html 文档，保存到站点文件夹内部，命名不要使用中文和特殊符号。

第三步 切换拆分视图，在代码区域编写 html 基础标签，设计视图同步看到页面效果，输入正文文字，设置标题段落。

第四步 插入素材，通过插入菜单导入本地图片，添加文字超链接，插入表格完成基础排版。

第五步 打开 css 样式面板，新建 css 规则，设置页面字体大小 颜色 页面背景，把样式保存成独立 css 文件，并且关联网页。

第六步 保存全部文件，点击实时预览，调用浏览器查看网页最终效果，检查图片链接是否正常。

第七步 测试完成之后，使用软件内置 ftp 功能，把站点文件上传到远程服务器，完成网站发布。

常见误区

很多人学习 dreamwearver 教程的时候，直接新建网页但是没有建立站点，后期图片显示空白，链接报错，核心原因就是没有统一管理文件路径，还有一部分学习者混淆拼写，把 Dreamweaver 写成 dreamwearver，搜索教程的时候容易找不到对应资源，另外要注意，新版 Dreamweaver 已经停止重大功能更新，现代前端开发不再主推这款软件，但是基础 html css 原理依然通用。

综合来说，这份 dreamwearver 教程核心就是掌握站点管理 双视图编辑 网页元素插入 css 美化 预览上传整套流程，软件最大优势就是可视化辅助新手理解网页结构，学习完这套 dreamwearver 教程之后，可以独立制作静态 html 网页，后续可以平滑过渡到现代前端编辑器。

【常见问题】

问题 1 dreamwearver 是什么软件

回答 1 dreamwearver 是拼写错误，正确名称是 Dreamweaver，dreamwearver 教程讲解的就是这款 Adobe 可视化网页制作软件，用来制作静态网页，支持代码和可视化两种编辑方式。

问题 2 学习 dreamwearver 教程必须先建立站点吗

回答 2 学习 dreamwearver 教程推荐第一步就建立站点，建立站点是 dreamwearver 教程重点内容，可以统一管理网页素材，防止图片和超链接路径出错。

问题 3 dreamwearver 教程可以用来考证吗

回答 3 dreamwearver 教程内容适配旧版网页设计相关计算机考证，很多考证题库里面网页操作题目就是 Dreamweaver，学习 dreamwearver 教程可以备考对应的网页制作操作题。

【免责申明】

本内容为软件入门教程整理，软件名称版权属于 Adobe 公司，软件版本不同界面会存在差异，教程仅作为学习参考，不代表官方操作文档。