• 慕课网首页
  • 免费课
  • 实战课
  • 体系课
  • 慕课教程
  • 专栏
  • 手记
  • 企业服务
  • 猿问

我的购物车

已加入门课程

购物车里空空如也

快去这里选购你中意的课程

实战课

体系课

我的订单中心
去购物车
  • 登录 / 注册
抱歉,未找到你想要查询的结果
全部开发者教程

Dreamweaver 教程

Dreamweaver 软件基础
Dreamweaver 简介 Dreamweaver 的安装与卸载 Dreamweaver 的操作环境 如何学习 Dreamweaver CC 2018
使用 Dreamweaver 丰富和美化网页
使用 Dreamweaver 创建站点 从 HTML 角度给网页添加多媒体信息 网页 CSS 初级知识入门 HTML <head> 标签中的讯息 CSS 进阶知识学习 网页设计中的 CSS 小技巧 CSS 美化网页进阶 网页元素定位的设置 定义网页结构的方法 常见的文字滚动效果实现 介绍几种常见的页面元素 网页文本设置深入探究 Adobe Edge WebFonts学习 如何向网页中插入图片?
网页结构设计
网页中使用表格 网页中灵活运用多媒体元素 网页中常用的两种动画添加方式 使用 DW 在网页中插入表单 网页中的表单的进阶使用
网页交互基础
表单中的选择功能 网页标题和 IFrame
  • 前端开发

    JavaScript

    JavaScript 入门教程

    本教程带你从初级到高级全面掌握 Javascript 的使用方法

    TypeScript 入门教程

    这是一个很好的简单课程,只需2小时你就可以学习TypeScript基础知识。

    Vue 入门教程

    本教程带您从零开始学习 Vue 框架的使用,让您轻松应对 Vue 项目的开发。

    Ajax 入门教程

    本教程涵盖Ajax的实现原理,及Ajax封装,最后是框架实现方法。

    ES6-10 入门教程

    对比 ES5 进行学习 ES6+,理解 ES6+ 语法背后的思想

    Yarn 入门教程

    Yarn得相关基础知识和高级进阶

    ECharts 入门教程

    从零开始学习 ECharts ,掌握 ECharts 核心内容

    HTML & CSS

    CSS3 入门教程

    本课程从盒模型、文字、颜色、过渡、动画、布局、伪类等方面介绍 CSS3 的使用。

    雪碧图入门教程

    本文详细介绍了雪碧图的由来历史以及各种使用方式

    移动端布局教程

    由于移动互联网的兴起,移动端项目占据了很大一部分比重,本章将详细讲解几种常见布局

    Html5 入门教程

    最新一代的HTML标准,增加了许多实用的特性

    Sass 入门教程

    前端项目中 Sass 的快速入门教程

    HTML 入门教程

    从零讲解 HTML,掌握基础 HTML 知识内容

    canvas 入门教程

    本教程带你从初级到高级全面掌握canvas的使用方法

    uni-app 入门教程

    从零开始学习 uni-app 框架,轻松上手应用开发

  • 服务端相关

    服务器

    Nginx 入门教程

    本教程使您掌握 Nginx 安装、配置、核心模块的详解、实际使用的能力。

    HTTP 入门教程

    从协议原理开始到 Web 服务器以及 Web 安全一网打尽

    Docker 入门教程

    从 Docker 的基础概念开始,从实际问题入手带你学习 Docker

    Shell 入门教程

    本教程由浅入深,系统性的讲解Linux Shell脚本编程。

    Linux 入门教程

    本教程从安装 Linux 开始,囊括 Linux 基础命令操作以及进阶系统管理

    开发工具

    Gradle 入门教程

    本教程使您掌握实际使用gradle进行项目构建、测试、打包、发布的能力。

    Vim 编辑器教程

    课程主要讲解Vim的安装配置,四种模式、基本操作,以及包管理工具和寄存器等内容。

    RESTful 规范教程

    本教程从什么是 REST 开始带你领略 Web 开发中无处不在的规范

    Dreamweaver 教程

    DW 是一款同时具有网页制作和网页管理功能的网站开发工具,可以快速进行网站建设

    Markdown 入门教程

    本课程涵盖 Markdown 的基本及扩展语法。

    Maven 入门教程

    从最基础的安装 Maven 开始到 Maven 在开发中的实际应用

    Eclipse 编辑器教程

    本教程从Eclipse安装开始带你轻松掌握Eclipse常用开发技巧

    GitHub 入门教程

    本教程带你轻松掌握最实用的 GitHub 知识

    Android Studio 编辑器教程

    Android Studio 编程技巧一网打尽

    PyCharm 编辑器教程

    工作经常用到的 PyCharm 编辑器使用技巧一网打尽

    Sublime Text 使用教程

    花里胡哨展示sublime编辑器的各种功能

    Postman 教程

    Postman 由Google 开发用来做接口请求测试,前后端开发人员都可以使用

    Git入门教程

    从入门到精通。

    热门服务端语言

    C 语言入门教程

    本教程从语法基础、进阶知识等各方面详解 C 语言。

    Go 入门教程

    本教程从 Go 语言的基本语法掌握到进阶编程实践

    Kotlin 教程

    从 Kotlin 的基础语法到高级特性一网打尽

    Ruby 入门教程

    本教程从 Ruby 的各种对象开始学习到 Ruby 的实际使用

    ThinkPHP 入门教程

    本教程主要讲解 ThinkPHP 框架如何上手开发应用

  • Java

    基础应用

    Java 入门教程

    深入浅出讲解 Java 语言基础知识,带你入门 Java 语言

    Android 入门教程

    为你解析最实用的 Android 技术,让你平滑上手,顺利进阶,为开发保驾护航

    算法入门教程

    分析讲解常见算法的思想及使用

    数据结构入门教程

    通俗易懂的带你了解 Java 数据结构

    Lambda 表达式教程

    本教程展现了Lambda表达式的基础语法以及在程序中的应用

    Java 并发原理入门教程

    本教程为Java并发原理入门教程,在Java程序开发中占据着举足轻重的地位

    设计模式入门教程

    带你分析最常见的九个设计模式

    Java并发工具

    本课程简洁明了展示最基本的并发工具类相关概念及应用方法。

    JVM 入门教程

    JVM 入门教程,对JVM结构进行分模块讲解,简单易懂。

    RabbitMQ 入门教程

    超系统的RabbitMQ基础知识课程,你还在等什么?

    网络编程入门教程

    Java 网络编程核心要点详解

    后端通用面试教程

    带你系统梳理后端高频面试题,轻松丰富你的校招&社招阶段

    框架应用

    Spring Boot 入门教程

    循序渐进讲解 Spring Boot 企业级应用开发

    Spring 入门教程

    通俗易懂 渐进式讲解 Spring 企业级开发应用

    Hibernate 入门教程

    由浅入深讲解 Hibernate 企业级 JDBC 应用框架

    MyBatis 入门教程

    本教程整理出“百分之二十”的知识,帮你办到“百分之八十”事情

    Spring MVC 入门教程

    通俗易懂讲解 Spring MVC 框架应用

    Swagger 入门教程

    本课程以图文并茂的方式带你学习 Swagger 核心知识和应用剖析

    Zookeeper 入门教程

    由浅入深的 学习 ZooKeeper 的基本使用以及高级使用

    Netty 教程

    由浅入深的讲解 Netty 的核心知识体系,快速上手使用和理解 Netty

    Spring Security

    本课程涵盖了 Spring Security 框架的基本原理和集成方法

    微服务

    Spring Cloud Hystrix

    系统介绍 Hystrix 支持特性与实际应用场景实战

  • Python

    基础应用

    Python 入门语法教程

    本教程带你从 Python 的基础语法开始学习 Python。

    Python 原生爬虫教程

    本教程从爬虫基础知识到进阶技巧到实际应用。

    Python 进阶应用教程

    本教程涵盖 Python 的面向对象、标准库解析、异常处理直至最后的领域应用

    Python 算法入门教程

    用 Python 代码实现常用算法并汲取算法核心思想。

    进阶方向应用

    Django 入门教程

    从 Web 基础到 Django 框架的实际开发应用

    Flask 框架教程

    Flask 框架快速入门实现一个 TodoList 功能

    NumPy 入门教程

    本教程从基础的数据类型开始到 NumPy 的高级应用一网打尽

    Scrapy 入门教程

    从爬虫基础开始到使用 Scrapy 框架抓取各大网站数据

    TensorFlow 入门教程

    通过本教程对 TensorFlow 框架快速入门

    Python 办公自动化教程

    本教程带你使用Python快速操作Excel、Word、PPT,处理各种文件

    Pandas 入门教程

    本教程从基础的数据类型开始到 Pandas 的高级应用一-网打尽

  • 数据库

    MySQL

    MySQL 入门教程

    本教程主要讲解 MySQL 增删改查等基础操作

    SQL 入门教程

    本教程讲解使用 SQL 访问和处理数据系统中的数据的方法。

    MySQL 进阶教程

    那些你还不理解的 MySQL 高阶特性一网打尽

首页 慕课教程 Dreamweaver 教程 Dreamweaver 教程 Dreamweaver 简介
GZQ0607 · 更新于 2020-08-25

Dreamweaver 的安装与卸载

下一节

Dreamweaver 简介

大家好,今天我们来学习一门实用而且成就感强的专题–Dreamweaver,就像它的标志图标一样,我们今后可以称它 DW。关于 DW 的知识多且细,市面上的介绍寥寥无几,而且缺少系统性。这个专题我们重点针对 DW 在网页开发的基础实战功能对DW的应用进行讲解。本文我们先介绍一下 Dreamweaver 是什么?Dreamweaver 主要优势有哪些?DW 各版本简介及推荐?DW 主干学习路线?

1. 为什么要学习 Dreamweaver?

各位同学可能被市面上的一些“误解”错误地引导,认为曾经的网页三剑客其中个别成员现在评价不是很好,所以 Dreamweaver 就可能不值得学。在这里要告诉各位同学们,这种想法完完全全是有些人误会了 Dreamweaver 。说 Dreamweaver 不值得学的人大多数是缺少对 Dreamweaver 系统学习,或者对 Dreamweaver 的印象还停留在3年或几年之前。喜欢这样讲的人还有一部分是由于他们使用了 Dreamweaver 同类型的竞品工具,但工具的好坏,时间积淀会说明一切。

Adobe 公司在网页设计的积淀就好比 PC 界的 MicroSoft ,汽车圈的 Tesla。所以,现在这个在我们面前的 Dreamweaver 早就已经具备了强大的功能,覆盖你的网页设计的方方面面。或许有同学会觉得,网页设计这个词和时髦的互联网公司里讲的前端/后端工程师比起来是十分老旧?不! Dreamweaver 能做目前前端工程师手下的大部分工作,而且绝对能够给你带来眼前一亮出色表现。

2. 什么是 Dreamweaver ?

我们先来看下官网对 Dreamweaver 是如何介绍的:

Adobe Dreamweaver 为网页设计软件提供了一套直观的可视界面,供您创建和编辑 HTML 网站和移动应用程序。使用专为跨平台兼容性设计的自适应网格版面创建适应性版面。在发布前使用多屏幕预览审阅设计。使用更新的“实时视图”和“多屏预览”面板高效创建和测试跨平台、跨浏览器的 HTML5 内容。利用增强的 jQuery 和 PhoneGap™ 支持构建更出色的移动应用程序。—Adobe 公司中国区官网

Tips:这里的 HTML5 主要指第五代 HTML 标准,可以理解为更高级的 HTML 语言。

看过了 DW 官网的介绍,简单说就是 Dreamweaver 能够适应各种不同的电脑系统。在 DW 使用过程中,你看到的就是你制作好的网页,不用编写 HTML 代码,不用做繁杂的代码检查,只需要发布前使用预览功能检查一下是不是自己心中理想的效果效果就可以。DW 还能帮助我们做出现在非常时髦的移动程序 — 各种APP。

DreamWearver 是 Dream (梦想)和 weaver (编织工)两个单词的组合,直译为梦想编织人。为什么叫梦想编织人?因为有了 Dreamweaver,我们不必掌握 HTML,CSS,Javascript (一些构成网页的语言)等程序开发技能就可以设计出界面美观大方,交互合理的网页。Dreamweaver 贯穿了网页设计,发布,管理的方方面面,描述为网页开发的一站式服务一点儿也不过分。

3. Dreamweaver 适合哪些人群学习?

  • 前端从业人员;
  • 网页设计人员;
  • 电商从业人员;
  • 想要提升网页制作水平,给自己的网页增色的学生群体。

以上这些群体,都是 Dreamweaver 最好的受益者,经过各自行业的打磨,目前在现实生活中占比都很高。尤其越来越火的电商,已经有专门为电商从业群体开设的 Dreamweaver 课程。电商网站精美的网页有很多都是出自 Dreamweaver 之手。

4. Dreamweaver 主要优势有哪些?

通过访问 Adobe 公司中国区官网我们可以看到目前的 DW 主要有 3 个突出优势:

4.1 快速、灵活的编码

借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。访问代码提示,用于快速了解并编辑 HTML、CSS 和其他 Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。—Adobe 公司中国区官网

这里的意思说直白就是:Dreamweaver 编写代码功能强大,而且提示代码智能,支持的格式丰富。所见即所得的一个软件,大大提升了你制作网站的成本和速度。

4.2 通过更少的步骤轻松设置网站。

利用起始模板更快地启动并运行您的网站,您可以通过自定义这些模板来构建 HTML 电子邮件、“关于”页面、博客、电子商务页面、新闻稿和作品集。—Adobe 公司中国区官网

这里的意思是说 Dreamweaver 这个软件本身提供了很多“成熟例子”供你选择使用。这些“例子”不但设计成熟,而且能适应你常见的用途,比如网页、博客、电商网站、新闻页面等。这一点好用到甚至你在刚开始学习 Dreamweaver 的时候,就能挥手间创造出市面上很成熟的页面,毕竟 Dreamweaver 自带的模版都是符合当下主流设计风格的网页。

4.3 在各个设备上动态显示。

构建可以自动调整以适应任何屏幕尺寸的响应式网站。实时预览网站并进行编辑,确保在进行发布之前网页的外观和工作方式均符合您的需求。—Adobe 公司中国区官网

响应式网站的意思是网页可以在各种手机,平板,电脑屏幕上很好地显示。试想一下,现在社会上那么多种尺寸的手机屏幕,如果每一个都要把网页重新做一遍,那得是多大的工作量?也不符合我们使用 Dreamweaver 便捷高效的初衷。Dreamweaver 的出现恰好替我们解决了这一点,它非常智能地在各个设备上调整自己做出来的网页。也就是说,Dreamweaver 做出来的网页能够轻松在所有人的手机显示出你预定的样子,为了适应你的手机/平板/电脑它 Dreamweaver 会智能地自我调整。

4.3 总结

使用过 Adobe 公司其他明星产品的同学会感受到,Adobe 公司在创意领域一直独领风骚。DW 就是它在网页制作方面的实力证明。Dreamweaver 把原来只有代码工程师做的工作简单化,让没有基础的同学也能很快上手掌握,而且功能涵盖一应俱全。从这一点上讲,Dreamweaver 胜过了所有同类型竞品软件。

5. DW 各版本简介及推荐?

Dreamweaver 发源于 Macromedia 公司,后来被 Adobe 公司收购。

日常应用中比较常见的版本是 Dreamweaver CS6,这是一个 Dreamweaver 经典版本。因为在 2013 年之前,Adobe 公司对 Dreamweaver 的命名都是以CS 加数字作为软件名称。在 2013 年 Adobe 推出了Adobe 创意协作云平台(Creative Cloud=CC),因此之后的 Dreamweaver 都改为以 Dreamweaver CC 加发布年份来命名了。

除了Dreamweaver CS6 之外,目前主流的 Dreamweaver 版本还包括:

  • Dreamweaver CC 2015;
  • Dreamweaver CC 2017;
  • Dreamweaver CC 2018;
  • Dreamweaver CC 2019。

Tips:本教程中会使用 Dreamweaver CC 2018 版本来进行演示讲解。

6. 学习基础及主干学习路线

  1. 了解过网页开发的一般流程,有一定的 HTML,CSS,JavaScript 基础;

  2. 若想成为 Dreamweaver 高级应用者,还需了解一些 Web 开发基础。

7. 主干学习路线

按照 Dreamweaver 官网的提供的信息,可以把 Dreamweaver 的学习科学地划分为 11 个阶段,每个过程对应一系列知识点,大家可以跟着这 11 个过程来获取学习中的重点:

  1. 大致了解你能用 Dreamweaver 做哪些事情;
  2. 结合 Dreamweaver 了解网站的结构;
  3. 结合 Dreamweaver 了解web设计的几个阶段;
  4. 结合 Dreamweaver 学习如何定义一个网站;
  5. 结合 Dreamweaver 使用HTML定义一个页面结构;
  6. 结合 Dreamweaver 给你制作的的网页添加内容;
  7. 结合 Dreamweaver 用CSS 装饰你的网页;
  8. 在浏览器和移动设备上预览你的网页;
  9. 用 Dreamweaver 发布和管理你的网站;
  10. 使用 Dreamweaver 高效开发网站基础;
  11. 一些可使用的 Dreamweaver 扩展工具。
  • 划线
  • 写笔记
  • 复制

0/1000

 

下一节

Dreamweaver 的安装与卸载

我要提出意见反馈
· 最近更新于 请填写更新时间
使用手机查看
最近更新
向你推荐
更多
索引目录
Dreamweaver 简介
1. 为什么要学习 Dreamweaver?
2. 什么是 Dreamweaver ?
3. Dreamweaver 适合哪些人群学习?
4. Dreamweaver 主要优势有哪些?
4.1 快速、灵活的编码
4.2 通过更少的步骤轻松设置网站。
4.3 在各个设备上动态显示。
4.3 总结
5. DW 各版本简介及推荐?
6. 学习基础及主干学习路线
7. 主干学习路线
意见反馈 收藏教程 标记书签
使用 Ctrl+D 可将网站添加到书签
  • 企业服务
  • 网站地图
  • 网站首页
  • 关于我们
  • 联系我们
  • 讲师招募
  • 帮助中心
  • 意见反馈
  • 代码托管

Copyright© 2023 imooc.com All Rights Reserved | 京ICP备 12003892号-11 京公网安备11010802030151号

意见反馈 常见问题 APP下载
官方微信
返回顶部