Adobe Dreamweaver 本身已经不再提供独立的模板库下载,过去那种在 Dreamweaver 内置的“新建”页面中直接选择“网站模板”的功能已经大大简化了。

(图片来源网络,侵删)
现在的模板资源主要通过以下两种主流方式获取:
- 通过 Adobe Creative Cloud (创意云) 应用市场:这是目前最官方、最安全、最推荐的方式。
- 通过第三方模板网站:这种方式资源丰富,但需要您自行筛选和注意版权问题。
通过 Adobe Creative Cloud Market (官方推荐)
这是获取与 Dreamweaver 完美兼容模板的最佳途径,这些模板通常由 Adobe 官方或专业设计师制作,质量有保障,并且很多是免费的。
操作步骤:
-
打开 Dreamweaver:启动您的 Adobe Dreamweaver 软件。
(图片来源网络,侵删) -
创建新文件:在欢迎界面,点击 “新建” 按钮;或者在菜单栏选择 “文件” > “新建”。
-
切换到“网站模板”标签页:在弹出的“新建文档”窗口中,您会看到几个标签页,请点击 “网站模板” (Site Templates)。
-
浏览和筛选模板:
- 您会看到一个模板库,默认会展示一些精选模板。
- 点击 “浏览更多” (Browse more) 按钮,这会直接在您的默认浏览器中打开 Adobe Creative Cloud Market 的模板页面。
-
在 Creative Cloud Market 中搜索和下载:
(图片来源网络,侵删)- 中文搜索:在 Market 网站的搜索框中,您可以尝试使用中文关键词搜索,
中文模板企业官网个人博客产品展示响应式(Responsive)
- 筛选条件:您可以使用左侧的筛选器来缩小范围:
- 价格:选择“免费” (Free) 可以快速找到不花钱的优质模板。
- 类型:选择“网站” (Website)。
- 兼容性:确保选择“Dreamweaver”。
- 中文搜索:在 Market 网站的搜索框中,您可以尝试使用中文关键词搜索,
-
下载并安装模板:
- 找到您喜欢的模板后,点击模板卡片。
- 在模板详情页,点击 “下载” (Download) 或 “添加到我的项目” (Add to my projects)。
- 下载完成后,模板通常会以
.zip压缩包的形式保存在您的电脑上。 - 返回 Dreamweaver:在 Dreamweaver 的“网站模板”页面,点击 “导入” (Import) 按钮,然后找到您刚刚下载的
.zip文件。 - 导入成功后,模板就会出现在您的模板列表中,您可以直接选择并开始编辑。
通过第三方模板网站
这些网站提供了海量的免费和付费 HTML/CSS 网站模板,您下载的是静态的 HTML、CSS 和 JavaScript 文件,然后通过 Dreamweaver 打开和编辑它们。
优点:
- 资源极其丰富,选择多样。
- 很多高质量的免费模板。
缺点:
- 需要您自行判断模板质量和版权许可。
- 兼容性需要自己测试,可能与 Dreamweaver 的某些高级功能不完全契合。
- 部分模板可能需要您自己配置(如修改图片路径、文字内容等)。
推荐的第三方网站:
-
ThemeForest (Envato Market)
- 网址:
themeforest.net - 简介:全球最大的付费模板市场,质量非常高,有很多专门为 Dreamweaver 设计的模板,搜索时可以加上 "Dreamweaver" 关键词。
- 特点:付费,但物有所值,模板功能强大,文档齐全。
- 网址:
-
BootstrapZero
- 网址:
bootstrapzero.com - 简介:专注于 Bootstrap 框架的免费模板库,Bootstrap 是目前最流行的前端框架,Dreamweaver 对其支持很好。
- 特点:完全免费,基于流行框架,响应式设计。
- 网址:
-
HTML5 UP
- 网址:
html5up.net - 简介:由知名设计师 AJ 发起,提供大量设计感极强的免费 HTML5 网站,所有模板都基于
skel框架(一个轻量级的前端框架),代码干净整洁。 - 特点:设计前卫,完全免费,个人和商业项目均可使用(需遵循其许可协议)。
- 网址:
-
模板之家
- 网址:
moban之家.com(注意:域名通常为拼音) - 简介:国内老牌的模板下载站,提供大量中文的网页模板、网站源码等。
- 特点:中文资源丰富,有大量免费模板,但需要仔细甄别质量和广告。
- 网址:
-
下载吧
- 网址:
xiazai8.com - 简介:综合性的软件和资源下载站,也提供网站模板栏目。
- 特点:资源多,但同样需要仔细筛选,注意弹窗广告。
- 网址:
如何使用第三方模板:
- 下载:从上述网站下载您喜欢的模板,通常是
.zip文件。 - 解压:将
.zip文件解压到一个本地文件夹。 - 在 Dreamweaver 中打开:
- 打开 Dreamweaver,选择 “文件” > “打开”。
- 浏览到您解压后的文件夹,找到并打开
index.html文件(通常是首页)。
- 编辑:现在您就可以像编辑普通网页一样,在 Dreamweaver 的“设计”视图或“代码”视图中修改模板内容了。
使用模板时的注意事项
- 版权许可:这是最重要的一点! 在下载和使用任何模板前,请务必仔细阅读其
LICENSE.txt或README.md文件,了解该模板是用于个人项目还是商业项目,是否需要署名,以及是否可以修改。 - 响应式设计:现在的网站必须能在手机、平板和电脑上良好显示,尽量选择标注为“响应式” (Responsive) 或“移动端友好” (Mobile-Friendly) 的模板。
- 技术栈:注意模板使用的技术,如果是基于 Bootstrap、jQuery 等主流框架,那么您在网上能找到的教程和帮助会更多,Dreamweaver 的“实时视图”功能对于预览这些模板的效果非常有帮助。
- 清理代码:部分免费模板可能包含冗余代码或第三方网站的链接,在正式使用前,建议检查并清理一下代码。
| 方式 | 优点 | 缺点 | 适合人群 |
|---|---|---|---|
| Adobe Creative Cloud Market | 官方、安全、高质量、与 DW 深度集成 | 资源相对较少,部分付费 | 追求稳定、省心,希望无缝集成 DW 的用户 |
| 第三方模板网站 | 资源海量、选择多样、多有免费高质量模板 | 需自行甄别版权和质量,兼容性需自行测试 | 有一定网页基础,喜欢折腾,追求个性化设计的用户 |
给新手的建议:如果您是 Dreamweaver 的新手,强烈建议您从 Adobe Creative Cloud Market 开始,下载一个免费模板,这样能确保最佳的编辑体验,当您熟悉了 Dreamweaver 的操作后,再可以尝试使用第三方模板来拓展您的选择。
