如何學(xué)習(xí) Dreamweaver CC 2018

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

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

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

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

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

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

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

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

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

2. 同類技術(shù)及對(duì)比同類技術(shù)優(yōu)缺點(diǎn)

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

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

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

2.2.1 微軟的 FrontPage 和 Visial Studio

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

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

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

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

2.2.3 Jbuilder

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

3. Dreamweaver CC 2018 概述

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

3.1 Dreamweaver CC 2018 新增功能

Dreamweaver CC 2018 新增功能主要包含兩個(gè)方面：一個(gè)是 Windows 下多顯示器下的支持，其次是對(duì)Git 的增強(qiáng)支持。

windows下多顯示器的支持

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

對(duì) Git 支持更加完善

具體體現(xiàn)在你可以測(cè)試您的遠(yuǎn)程 Git 存儲(chǔ)庫(kù)的鏈接，保存你的憑據(jù)，合并沖突。這對(duì)于多人協(xié)作來說無(wú)疑是一個(gè)非常讓人激動(dòng)的支持。

4. 知識(shí)點(diǎn)獲取途徑：官網(wǎng)，學(xué)習(xí)網(wǎng)站，推薦書籍

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

4.1 Adobe官網(wǎng)學(xué)習(xí)和支持頁(yè)面

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

4.2 CSDN

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

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

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

5. 小結(jié)

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