Dreamweaver 8 是一款发布于2006年的非常古老的软件,您几乎不可能找到由官方或现代教育机构制作的、高清的、最新的中文视频教程。

这并不意味着没有学习资源!相反,由于其经典地位,网络上留存了大量宝贵的、由爱好者或早期开发者制作的视频教程,学习它不仅有其怀旧价值,更能帮助您理解网页开发的基础原理。
下面我将从 “去哪里找”、“学什么内容” 以及 “重要提醒” 三个方面为您详细解答。
去哪里找 Dreamweaver 8 教程视频?
您可以在以下几个平台进行搜索,建议使用关键词组合,以获得更精准的结果。
Bilibili (B站) - 最推荐
B站是寻找这类“冷门”怀旧教程的最佳平台,有很多UP主上传了早期的教学录像。

搜索关键词建议:
Dreamweaver 8 教程DW8 从零开始Dreamweaver 8 网页制作入门经典 Dreamweaver 8
推荐UP主/内容类型:
- 搜索结果中,您会找到很多系列教程,通常是逐个章节上传的,虽然画质可能不高,但内容非常系统。
- 搜索
Dreamweaver 8 教程,您可能会找到类似“第01讲:软件介绍”、“第02讲:创建站点”这样的连续视频。
YouTube (油管)
YouTube上也有大量资源,特别是英文资源,质量可能更高一些。
搜索关键词建议:

Dreamweaver 8 Tutorial for BeginnersHow to use Dreamweaver CS3 (CS3和8界面很像,可以参考)Dreamweaver 8 Full Course
优点:
- 英文教程通常更注重逻辑和细节。
- 可以找到一些将DW8与现代开发(如HTML/CSS)对比的视频,帮助您理解其优缺点。
优酷、土豆等国内早期视频网站
这些是DW8教程视频的“原产地”,因为它们在软件流行的年代非常火爆,您可以在这些网站上搜索,可能会找到一些“考古”级别的珍贵资源。
其他资源网站
一些老牌的IT技术论坛或下载站(如太平洋电脑网、华军软件园等)在早期也附带了视频教程,但现在可能需要仔细查找。
学习 Dreamweaver 8 应该学什么内容?(学习大纲)
Dreamweaver 8 的核心功能已经奠定了现代网页编辑器的基础,学习它,您需要掌握以下几个核心模块:
第一阶段:基础入门
- 软件界面认识:
- 熟悉工作区布局:菜单栏、插入栏、文档窗口、属性检查器、面板组等。
- 了解“设计视图”、“代码视图”和“拆分视图”的区别和用途。
- 站点管理:
- 这是最关键的一步! 学习如何创建和管理一个本地站点。
- 理解“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等概念。
- 学会使用文件面板管理网站文件和文件夹。
第二阶段:静态页面制作
- HTML 基础:
- 通过DW的可视化工具,理解
<p>(段落)、<h1>-<h6>(标题)、<img>(图片)、<a>(链接) 等基本HTML标签的含义。 - 学习如何插入文本、图片、设置超链接。
- 通过DW的可视化工具,理解
- CSS 样式应用:
- 学习使用“CSS样式”面板来创建和应用CSS。
- 理解“类”、“ID”、“标签”选择器的区别。
- 学习设置文本样式(字体、颜色、大小)、背景、边框等。
- 表格布局:
- 这是DW8时代的主流布局方式,学习如何插入表格、合并/拆分单元格、设置表格和单元格的属性。
- 注意:了解表格布局的局限性,现在已不推荐使用,但作为历史知识了解很有必要。
- AP Div (绝对定位层):
- 学习使用AP Div进行元素的精确定位,实现复杂的页面效果。
- 同样,这也是一种较旧的布局技术,现在常用 Flexbox 或 Grid 布局。
第三阶段:提高与进阶
- 模板和库:
- 学习创建模板,实现网站的统一风格和快速更新。
- 学习使用库项目,重复使用页脚、导航栏等常用组件。
- 表单:
- 学习创建用户注册、登录、留言等表单。
- 了解各种表单元素:文本框、密码框、单选按钮、复选框、下拉列表等。
- 行为:
学习使用“行为”面板为页面添加简单的交互效果,如弹出窗口、交换图像、显示/隐藏层等。
- 上传网站:
学习使用“文件”面板中的“上传”功能,将本地站点文件上传到远程服务器(需要您提前购买好虚拟主机并配置好FTP信息)。
重要提醒:为什么以及如何学习 Dreamweaver 8?
明确学习目标
- 怀旧/兴趣驱动:如果您只是想回忆过去,或者纯粹出于兴趣,那么学习DW8非常有意思。
- 理解历史:学习它可以帮助您理解网页开发是如何从“所见即所得”的可视化编辑时代,过渡到以代码为核心的现代开发时代的。
- 不推荐用于实际工作:绝对不要用Dreamweaver 8来开发现代商业网站,它不支持现代的HTML5、CSS3和JavaScript特性,代码不规范,安全性也存在问题。
与现代开发工具对比
- Dreamweaver 8:优点是可视化操作直观,适合初学者快速入门,理解网页的基本构成,缺点是技术老旧,生成的代码冗余,与现代Web标准脱节。
- 现代工具 (如 VS Code, Sublime Text, WebStorm):优点是轻量、强大、插件丰富、智能提示好、完美支持现代Web技术,缺点是需要一定的代码基础,没有“拖拽”功能。
学习建议
- 打好基础:通过DW8学习HTML和CSS的基本概念是很好的,但强烈建议在学习过程中,同步查看标签的源代码,理解其工作原理。
- 过渡到现代工具:当您通过DW8理解了网页的基本结构后,请尽快转向现代代码编辑器(如 Visual Studio Code,免费且强大),从“可视化编辑”过渡到“手写代码”,这才是成为一名合格前端开发者的正确路径。
您可以在 B站 和 YouTube 上找到大量的 Dreamweaver 8 中文和英文视频教程,学习它可以帮助您理解网页开发的经典流程和基础概念,但请务必认识到它的局限性,并在掌握基础后,积极转向现代的代码开发工具。
希望这份详细的指南能帮助您顺利开始学习!
