如何學習 Dreamweaver CC 2018

在這小節中，我們將著重向同學們介紹一下如何學習 Dreamweaver CC 2018。具體我們將學習到如何入門網頁設計？，同類技術及對比同類技術優缺點？Dreamweaver CC 2018 概述，Dreamweaver CC 2018 相關知識的獲取途徑。等重要的知識，這些知識中有些將伴隨大家使用 Dreamweaver 開發設計網頁的全流程中，因此要格外關注。在學習的路上既要低頭趕車，學好每一個具體的知識細節，又要抬頭看路，了解如何學習，如何學得更好。

1. 如何入門網頁設計

關于網頁設計的基本概念想必大家已經不陌生。但有些同學似乎對入門網頁設計這一工作領域還存在一知半解的地方，今天我們就帶領大家解決這類疑惑。

1.1 良好的美感是網頁設計的基礎

可能在前端工程師眼中，不同的網頁設計風格各有千秋。但在大眾眼中，對一個網頁的美觀度理解往往不能夠做到全面甚至專業。如何在大眾美感和設計師藝術之間找到一個平衡，則是我們設計網頁過程中必須關注的問題。

這一點在學習過程中，要有意無意的培養。同學們要明白，網頁畢竟不是做完給我們自己欣賞的，而是放到服務器上給其他人使用，瀏覽信息的。從這個角度出發，我們就需要明白，大眾的視野是如何看網頁的。靜態內容的排布我們主要參考現有主流網站的設計風格，有余力的同學可以多多學習一些平面設計師的設計思想，對我們對網頁風格的原創性將會有很大提高。

1.2 合適的交互式網頁設計的靈魂

就像靈魂賦予人類生命一樣，網頁的靈魂則是我們定義的網頁交互方式。從技術角度看，JavaScript 給網頁注入了活力，實現了用戶交互的可能。同學們或許可以理解：同一種交互需求可能有多種實現方式，尤其是做過前端開發相關工作的同學更加能夠認識到這一點。

那么，如何從這多樣的實現方式中選擇最合適的，就是我們如何為我們設計的網頁選擇靈魂了。一般情況下，初學者在學習實現網頁的各種交互方式過程中應當以模仿成熟的互聯網上的現有網站的交互方式，去試著探究他們的實現機理。中高級的學習者，則應該試著去總結現有因特網網站上的交互方式，嘗試理解其設計原理。設計本身是一門順從人類意志的工作，因此，最好的學習方法其實就在我們自身，學會試著從人類的某些意愿出發，可能下一個爆款設計思路就出自你的手中！

2. 同類技術及對比同類技術優缺點

2.1 同類產品概述

正所謂貨比三家，學習也是一樣，Dreamweaver 同樣也有一些同類軟件。比較出名的主要有：微軟公司出品的 FrontPage，Visual Studio ，網景公司的 Netscape 編輯器和 Jbuilder。

2.2 同類技術優缺點分析

2.2.1 微軟的 FrontPage 和 Visial Studio

相比于 Dreamweaver 中重量級設計軟件，FrontPage 就顯得更加輕巧，因此可以把它定義為一款輕量級的網頁設計軟件，甚至可以稱作一種工具。這個軟件的優點是它可以和熟悉微軟 office 辦公套件中 word 的同學和諧相處。由于它的操作方式和 word 十分相似，大家可以在熟悉微軟 office-word 基礎上，輕松入門上手 FrontPage。它同樣具有 Dreamweaver 所見即為所得的特點，且具有強大的站點管理功能。支持 CGI 腳本，支持 CSS，提供了各種類型的模版。缺點目前來看，對云辦公的支持便捷性可能不如 Adobe 公司的 Dreamweaver，而且需要對微軟公司的相關組件支持比較好的系統才有可能更好的運行這一軟件。

而 Visual Studio 則是一款重量級的集網頁開發，設計，部署的軟件。以目前軟件行業的現狀來看，Visual Studio 已經成為了眾多前后端開發工程師的首選利器，它具備前沿的設計理念和交互方式，充分服務于一般性質的開發，也完美支持特殊種類的開發。Visual Studio（簡稱VS）的優點是顯而易見的，那就是集成化功能強大。但是這個優點有的時侯可能對于某些用戶來說會成為缺點：入門難度高，靈活運用存在一定難度。但不得不承認的是，相比 Dreamweaver ，微軟的 VS 這款產品具備更加廣的受眾面。但和 Dreamweaver 不能比擬的是：使用 Dreamweaver 你可以在 PS，AI，PR 等Creative Cloud 平臺軟件中無縫切換。但使用 VS，大概率下將享受不到這種便利。

2.2.2 網景公司的 Netscape 編輯器

網景公司在今天大家已經很少能看到它的足跡。它的這款工具類產品，卻在當初的瀏覽器歷史上有著很出名的應用。這是一款非常復古的網頁編輯器，而且多數出現在Netscape瀏覽器中，在瀏覽器瀏覽網頁的時候，你只需要點擊編輯按鈕，就可以顯示網頁源代碼，進而實現對網頁的編輯。而且它的使用方式有些地方是和 FrontPage 很像的。Netscape 編輯器更像是一個輕量級的網頁編輯工具，如果你是初學者，從這里入門也是不錯的選擇。它的優點是操作編輯，在瀏覽器里操作，對于用戶較為友好。缺點是功能比不上大型的開發環境，應用場景受限等。

2.2.3 Jbuilder

Java 開發程序員可能用過這款網頁設計軟件，它更像是為 JSP 量身定做的一款開發工具。JSP 是一種Java 服務器端頁面，可以提供交互非常廣泛的網頁，曾經倍受 Java 開發工程師的寵愛。但近幾年已經基本拋棄了直接開發 JSP 頁面的開發模式。Jbuilder 優點就是適合 Java 程序員，對 Java 語言有著很友好的支持。缺點就是它更適合高級開發人員，有一定門檻。

3. Dreamweaver CC 2018 概述

在 Dreamweaver 簡介中，給同學們介紹過 Dreamweaver 這款產品的介紹。當時我們介紹的主要是Dreamweaver 通用功能，也就是所有的 Dreamweaver 版本都應該具備的功能。本節中我們在對Dreamweaver 概述進行介紹的時候，將著重為大家介紹Dreamweaver CC 2018 的新特性。

3.1 Dreamweaver CC 2018 新增功能

Dreamweaver CC 2018 新增功能主要包含兩個方面：一個是 Windows 下多顯示器下的支持，其次是對Git 的增強支持。

windows下多顯示器的支持

現如今，Dreamweaver 用戶可以為自己的多個顯示器提供完美的支持。新功能的智能之處在于：它會根據顯示器的大小和分辨率自動對窗口進行縮放。多顯示器支持的最大應用場景大概是：你可以把代碼頁面和文檔窗口分開兩個顯示器來顯示，這樣大大提高了 Dreamweaver 使用這的開發效率。

對 Git 支持更加完善

具體體現在你可以測試您的遠程 Git 存儲庫的鏈接，保存你的憑據，合并沖突。這對于多人協作來說無疑是一個非常讓人激動的支持。

4. 知識點獲取途徑：官網，學習網站，推薦書籍

想要學好 Dreamweaver CC 2018，長期的堅持是必要的。針對這一點，我們將給同學們介紹如何獲取 Dreamweaver 最新知識的途徑。大體上，這類知識的獲取途徑主要分為二類：網站和書籍。
推薦一些好的Dreamweaver學習的資源：

4.1 Adobe官網學習和支持頁面

在這里我們可以透過 Adobe 官方的視角，Dreamweaver 開發人員的視角去學習，了解 Dreamweaver。這里除了了解 Dreamweaver CC 201 8之外，其他版本的教程和特性也能夠很輕松的了解到。下面這張圖片就是網站首頁截圖：

4.2 CSDN

作為國內熱門的 IT 技術社區，CSDN 包羅萬象，你可以訪問 CSDN 首頁，輸入 Dreamweaver 并點擊搜索，即可搜索出大量好。Dreamweaver實戰經驗。左右一個技術氛圍良好的社區，在這里學習的好處是你可能更快的獲得交流反饋。

4.3 BiLiBiLi視頻彈幕網站

BiLiBiLi視頻彈幕網站 作為一家視頻網站，其學習資源也是十分豐富。同學們可以在 BiLiBiLi 首頁輸入Dreamweaver ，會得到很多體系完整，內容豐富的 Dreamweaver 視頻教程，但在這里還要友情提醒各位正在學習Dreamweaver 的同學們：由于視頻學習的局限性，并不是每一個同學都適合看視頻學習，也不要盲目認為看視頻一定比看書學習要好的多，這都是錯誤的想法。同學們應該在本小節知識點中推薦的各類學習方式中適當嘗試，持續摸索，找到屬于自己的學習方式和方法。且不要盲目跟風，難以保證效率。

5. 小結

本節知識點對 Dreamweaver 入門方法，學習方法，知識獲取方式，以及同類競品分析作出了較為細致的講解，希望同學們重點掌握的部分是：Dreamweaver 入門方法和 Dreamweaver 知識獲取方式。難點在于能夠充分理解 Dreamweaver 競品的優劣勢。