前言
我一直对前端的一些技术比较感兴趣，之前有用过GitHub上的开源项目部署了自己的导航网站猿导航，但并没有系统的去深入学习前端的知识。现在，我要做一个功能比较完善的用于展示内容的静态网站，必须具备一定的前端开发能力（网站内容会在系列结束后发出来，纯属个人爱好）。而且，我想学习Electron相关的桌面软件开发技术，前端也是绕不过的坎。
上周我尝试边做边学，由于前端基础知识太差项目基本上没有任何进展。所以，我准备从上手比较简单的Dreamweaver开始系统的学习前端知识，这个系列是为了记录、梳理知识点。
Dreamweaver
软件介绍
Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发，2005年被Adobe公司收购。
DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。
——来自百度百科-Adobe Dreamweaver
在我看来Dreamweaver和WPF比较像，都有标记语句、可视化设计。
软件安装
我使用的是Adobe Dreamweaver 2021，新版的教程比较少，不过对我来说问题不大。
网上收集的一些Dreamweaver的免注册安装包（仅用于学习的），有需要的可以自取：
学习支持
官网上也有一些文档、视频可以参考——Adobe Dreamweaver 学习和支持。
相关资料
本系列使用的相关学习资料：
基础入门Dreamweaver教程，B站最新最完善的DW教学视频
Dreamweaver 用户指南
HTML 教程- (HTML5 标准)
CSS 教程
CSS3 教程(讲解 CSS3 中的新特性)