如何學習 Dreamweaver CC 2018

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

1. 如何入門網(wǎng)頁設(shè)計

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

1.1 良好的美感是網(wǎng)頁設(shè)計的基礎(chǔ)

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

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

1.2 合適的交互式網(wǎng)頁設(shè)計的靈魂

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

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

2. 同類技術(shù)及對比同類技術(shù)優(yōu)缺點

2.1 同類產(chǎn)品概述

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

2.2 同類技術(shù)優(yōu)缺點分析

2.2.1 微軟的 FrontPage 和 Visial Studio

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

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

2.2.2 網(wǎng)景公司的 Netscape 編輯器

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

2.2.3 Jbuilder

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

3. Dreamweaver CC 2018 概述

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

3.1 Dreamweaver CC 2018 新增功能

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

windows下多顯示器的支持

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

對 Git 支持更加完善

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

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

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

4.1 Adobe官網(wǎng)學習和支持頁面

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

4.2 CSDN

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

4.3 BiLiBiLi視頻彈幕網(wǎng)站

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

5. 小結(jié)

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