如何学习 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 竞品的优劣势。