为什么前端开发者需要了解 Adobe 工具链？

这门课虽然归类在"后端开发"，但核心资源其实是 **Dreamweaver CC 2018** 及相关 Adobe 系列软件（如 Illustrator、Photoshop）。对于现代 Web 开发者而言，纯写代码已不够——你还需要处理设计稿还原、静态页面快速搭建、以及多端适配的视觉验收。这套资料的价值不在于让你成为设计师，而在于提供一套**可落地的工程化参考**：如何用 Dreamweaver 进行 HTML/CSS 原型验证，如何用 Illustrator 导出 SVG 矢量资源，如何用 Bridge 管理项目资产。它填补了"写代码"与"看设计"之间的工具空白。

适合什么基础？建议先看哪几块？

适合**有基本 HTML/CSS 概念、想补强前端工程能力**的开发者。不需要精通设计软件，但需要了解其输出格式与前端协作流程。

建议先看：
- **Dreamweaver CC 2018**：重点研究其代码视图与可视化编辑的切换逻辑，学习如何用组件化思维搭建响应式页面框架，这是最贴近前端开发的部分。
- **Illustrator CC 2018**：关注 SVG 导出选项与图层命名规范，理解设计资源如何转化为可复用的前端组件。
- **Bridge CC 2018**：学习批量重命名、元数据整理，建立项目资产管理的工程习惯。

其他如 After Effects、Animate 等视频动画工具，除非你有明确的动效开发需求，否则优先级较低。

学完能独立做什么？资料怎么配合练习？

学完后，你能独立完成**从设计稿到静态页面的工程化还原**：包括提取 SVG 资源、搭建响应式布局、管理项目文件结构。你可以用 Dreamweaver 快速验证 CSS 方案，用 Illustrator 优化前端可用的矢量图标，用 Bridge 自动化批量处理图片资源。

练习建议：
1. 下载一个常见电商或博客的静态设计稿（PSD/AI 格式）
2. 用 Illustrator 导出必要的 SVG 元素
3. 用 Dreamweaver 搭建 HTML 骨架，逐模块实现响应式布局
4. 用 Bridge 整理最终产出的资源文件夹结构

这套资料的精髓是**对照实践**——不要只看视频，要打开软件亲手操作每一步导出、编辑、验证的流程，才能真正建立前端与设计的协作能力。