前言
我一直對前端的一些技術比較感興趣，之前有用過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 中的新特性)