Adobe 已经停止了对 Dreamweaver CS6 及更早版本的支持,您能找到的“简单模板”主要分为以下几类:

(图片来源网络,侵删)
- 为旧版 Dreamweaver (如 CS6) 设计的
.dwt文件:这是最传统的模板格式,但可能与新版 Dreamweaver 的兼容性不佳。 - 通用的 HTML/CSS 网站模板:这些模板是静态的 HTML/CSS/JS 文件,您可以直接在新版 Dreamweaver 中打开和编辑它们,这是目前最推荐的方式。
- 新版 Dreamweaver 的“ starter template” (入门模板):Dreamweaver CC 自带了一些基础的响应式模板,无需下载。
新版 Dreamweaver (CC) 自带模板 (无需下载)
如果您使用的是 Dreamweaver CC 或更新的版本,它已经内置了一些非常棒的、现代的入门模板,这些模板是响应式的,使用了 Bootstrap 框架,非常适合快速开始。
如何使用:
- 打开 Dreamweaver。
- 在欢迎界面,点击 “新建”。
- 在左侧选择 “网站文件” 选项卡。
- 在模板库中,您会看到多个预置的模板,如:
- Web (HTML5):提供多种布局的响应式网页模板。
- Bootstrap:基于 Bootstrap 框架的模板。
- 选择一个您喜欢的模板,点击右下角的 “创建” 即可。
这是最简单、最官方、最安全的方式,强烈推荐首先尝试。
可靠的通用 HTML/CSS 模板下载网站
如果您想寻找更多样化的设计,可以从以下网站下载通用的 HTML/CSS 模板,然后在 Dreamweaver 中打开它们进行修改,这些模板通常结构清晰,非常适合初学者。

(图片来源网络,侵删)
这些网站的模板都非常“简单”,代码干净,易于理解。
Start Bootstrap
- 网址: https://startbootstrap.com/
- 特点: 模板质量极高,基于 Bootstrap 框架,完全响应式,设计现代且专业,非常适合个人作品集、企业官网等,代码注释清晰,非常适合学习。
- 推荐模板:
- Grayscale: 一个单页滚动式、带背景图片的模板,非常酷。
- Resume: 简洁的个人简历模板。
- Agency: 适合设计公司或创意机构的模板。
Templatemo
- 网址: https://templatemo.com/
- 特点: 拥有海量免费模板,种类繁多,从博客、企业官网到电商、摄影作品集应有尽有,模板通常基于 Bootstrap 和其他框架。
- 优点: 数量多,选择广,很多都设计精美。
- 注意: 部分高级模板需要付费,但免费模板已经足够强大。
Colorlib
- 网址: https://colorlib.com/wp/templates/
- 特点: 提供大量高质量的免费 WordPress 主题,但同时它们也提供纯 HTML 版本,这些模板设计感强,布局灵活。
- 推荐: 在网站上寻找 "HTML Website Templates" 分类。
HTML5 UP
- 网址: https://html5up.net/
- 特点: 由著名设计师 AJ 发起,模板风格独特,充满设计感和艺术气息,所有模板都基于
skel框架(一个轻量级的响应式框架),代码非常干净,注释详细,是学习前端布局的好材料。 - 推荐模板:
- Hyperspace: 未来科技感的单页模板。
- Striped: 简洁大方的企业模板。
BootstrapMade
- 网址: https://bootstrapmade.com/
- 特点: 与 StartBootstrap 类似,专注于提供高质量的 Bootstrap 模板,网站分类清晰,查找方便。
- 优点: 网站无广告,下载直接,模板质量稳定。
旧版 Dreamweaver (.dwt) 模板资源 (谨慎使用)
如果您坚持要找 .dwt 格式的模板,可以尝试以下网站,但请注意兼容性问题。
- Adobe Exchange (旧版): https://www.adobe.com/cfusion/exchange/index.cfm?event=producthome&productid=1 (此链接可能已失效或内容过时)
- 一些第三方资源网站: 在网上搜索 "Dreamweaver .dwt templates free download",可能会找到一些个人博客或小网站提供的资源。
重要警告:
- 兼容性差: 这些旧模板很可能无法在 Dreamweaver CC 中正常工作。
- 技术过时: 它们使用的是旧版的 HTML 和 CSS 技术,可能不符合现代网页标准。
- 安全性: 下载未知来源的模板可能存在安全风险。
强烈建议:放弃寻找 .dwt 文件,直接下载上面提到的通用 HTML/CSS 模板,然后在 Dreamweaver 中打开 index.html 文件进行编辑。

(图片来源网络,侵删)
总结与操作步骤
对于绝大多数用户,最佳路径是:
- 打开新版 Dreamweaver CC。
- 使用 “新建” -> “网站文件” 中的自带模板快速启动一个项目。
- 如果自带模板不满意,访问 Start Bootstrap 或 HTML5 UP 等网站。
- 下载一个你喜欢的免费 HTML/CSS 模板(通常是
.zip压缩包)。 - 解压压缩包。
- 在 Dreamweaver 中,选择 “文件” -> “打开”,解压后的文件夹中的
index.html文件。 - 现在你可以像编辑普通网页一样,使用 Dreamweaver 的“实时视图”和“代码视图”来修改模板内容了。
希望这些信息能帮助您快速开始您的网页设计项目!
