Dreamweaver是一场噩梦?了解如何充分利用这个流行的工具

披露: 您的支持有助于保持网站的正常运行!我们会为此页面上推荐的某些服务收取推荐费.


Dreamweaver是一个网页设计应用程序,最初由Allaire Systems于1997年创建.

该软件最初旨在为在苹果专有Mac操作系统范围内工作的编码人员和网页设计人员提供更流畅,响应更快的开发环境。.

1998年,Allaire Systems被Macromedia收购,Macromedia继续将Dreamweaver开发为适用于Mac和Windows的功能全面的Web设计和开发工具包。.

在Macromedia的管理下,Dreamweaver可能会成为市场上最受欢迎的(有时是有争议的)网页设计平台之一,从而吸引新手和经验丰富的网站开发人员.

2005年,Macromedia被Adobe Systems收购,Dreamweaver迅速成为该公司进一步发展的重点.

自2005年以来,Adobe发布了该软件的各种迭代,并通过一系列旨在完善该应用程序的更新来支持,使其符合21世纪编码人员和Web设计师的需求和期望。.

Dreamweaver的最新版本比以前的版本更精简,可提供更清晰的代码和更用户友好的网页.

Adobe还扩展了Dreamweaver,使其包括响应式设计元素,使编码人员和Web设计人员可以创建与包括传统浏览器,平板电脑和智能手机在内的多个平台兼容的在线内容。.

Adobe Dreamweaver概览

Dreamweaver是一个WYSIWYG(所见即所得)网页设计应用程序.

从本质上讲,这意味着开发人员可以在浏览过程中预览其Web内容,查看其页面并观察其网站的外观并在选择的浏览器和移动平台上对用户做出响应.

Dreamweaver具有双重界面,为创建者提供了两种构建Web内容的方法。他们可以选择编写原始HTML代码,或者使用拖放功能,使用Dreamweaver的大量特殊构建的模板来创建整个页面。.

这种Web设计的拖放方法使Dreamweaver成为经验不足的Web设计人员和开发人员的最爱,因为它允许创作人员在完全可视化的介质中工作,而程序本身将设计人员的选择转换为可操作的HTML代码。.

但是,应该指出的是,同一功能是引起专业Web设计人员争议的根源,许多人声称,基于表的拖放式Web设计方法会导致代码过于混乱甚至可能过于膨胀.

尽管此投诉在Dreamweaver的最早迭代中具有一定的优点,但Adobe Systems开发和完善的最新版本(CS3,CS4和CC)在很大程度上消除了该问题。.

特征

从一开始,Dreamweaver的设计就吸引了新手Web建设者和经验丰富的编码人员。这可能是在整个创建过程中显示Web内容的方法中最明显的。 Dreamweaver以三种方式显示正在进行的工作:

  • 直接代码视图:这将显示正在编写的原始HTML代码。设计人员可以手动编写和编辑代码,或者在创建Web内容时依靠Dreamweaver将其设计选择转换为代码。.
  • 设计视图:这将提供基本的树状显示,以显示网页的基本结构,包括主要部分,div和基本组件。此部分可用于突出显示和编辑网页构建和内容的特定部分.
  • 实时查看:显示将在用户浏览器中显示的Web内容,并带有预览在静态和移动平台上显示的内容的选项.

这种方法的好处之一是,它使从头开始开发Web内容更加容易,同时允许创建者查看他们的设计选择是如何实时显示的以及可操作的代码。.

这为经验丰富的Web设计人员提供了更大的灵活性,同时使新手可以在更动手的环境中更加熟悉编码的来龙去脉.

这并不是说Dreamweaver被设计为编码或Web设计课程。它不是。但这确实使经验不足的Web建设者更容易掌握技能。.

规范和语法突出显示

与大多数Web设计应用程序和代码编辑软件一样,Dreamweaver允许用户在本地创建和编辑内容,然后使用FTP,SFTP或WebDAV协议将完成的文件上传到远程Web服务器。.

Adobe的Dreamweaver支持多种编程语言,并突出显示以下Web语言的语法:

  • 的HTML
  • 的JavaScript
  • 的CSS
  • ASP和ASP.NET
  • C#
  • Visual Basic(VB)
  • Java和JavaServer页面
  • 可扩展标记语言(XML)
  • 无线标记语言(WML).

自Adobe接手Dreamweaver的控制和开发工作以来,它已经可以多种不同的语言进行购买,包括:英语,西班牙语,法语,德语,俄语西里尔字母,日语和中文(传统和简化的方言).

入门-在线教程

Dreamweaver的WYSIWYG网页设计方法确实创建了更加用户友好的编码环境.

话虽这么说,它是一个功能丰富的应用程序,乍一看可能有些令人生畏。像任何Web开发软件一样,存在着固有的学习曲线,对于初学者来说,这种曲线可能比较陡峭.

经验丰富的Web建设者可能会发现Dreamweaver的三层用户界面使编码变得更快,更容易,但是即使他们在启动一个重要项目之前也可以从参考一些教程中受益。.

无论您是高级Web建设者还是初级设计师,以下教程都应提供对该应用程序的全面概述,以及使用最新版本的Dreamweaver可以完成的工作.

  • Dreamweaver CC入门:Dreamweaver中的入门课程,面向具有基本计算机技能的学生,本教程由一系列视频讲座构成,涵盖构建互联网就绪Web内容的各个方面.
  • Adobe Dreamweaver教程:该系列视频教程由Bring Your Own Laptop主持,主要面向初学者。该系列仅专注于在Web内容的设计和实现中使用Dreamweaver CC.
  • 初学者Adobe Dreamweaver:Adobe在Dreamweaver中自己的初学者课程涵盖网站设计和内容创建的各个方面。 9个小时以上的视频教程系列包括该软件的基本概述,并引导学生从最初的准备工作到最终的出版。关于SEO的附加部分使Web建设者可以深入了解如何优化其内容以获得更好的在线性能.
  • Dreamweaver —编辑网页简介(PDF):此免费教程来自萨克拉曼多的加利福尼亚州立大学。易于理解的指南为学生提供了对该软件的基本理解,重点是格式,样式和使用多媒体内容.
  • WordPress主题和Dreamweaver –最佳在线资源和教程的集合,这些资源和教程使用Dreamweaver来创建和编辑WordPress主题.

高级教程

虽然Dreamweaver软件确实使初学者更容易尝试Web建设,但是当用户对应用程序有更多了解并更深入地了解其可用功能时,可以获得更好的结果。.

一旦掌握了基础知识,即可使用高级教程来帮助用户更充分地利用Dreamweaver提供的功能.

  • 使用Adobe Dreamweaver(PDF)创建可访问的网页:此免费文档对Dreamweaver进行了更深入的介绍,重点在于Web标准和公认的设计实践的重要性。要求学生学习网页设计的最佳实践以及结构和功能对外观的重要性.
  • Dreamweaver CS6教程(PDF):此可下载的文档提供了Dreamweaver的基本介绍,并附带了针对初学者的入门课程。重点放在视觉设计和建立响应式网站的重要性上.
  • Adobe Dreamweaver CC:这实际上是由Adobe系统创建和托管的一系列教程。每节课的设计都是基于学生在上一个视频中学到的内容,目的是使他们从初学者到中级和专家级.

图书

多年来,有关Dreamweaver及其各种迭代的文献很多。自然,当前可用的某些书将比其他书更具启发性.

但是,最好的选择应该为Dreamweaver应用程序提供扎实的介绍,并为读者提供一些有关编码和常规Web设计的宝贵见解。.

Dreamweaver的许多迭代仍在积极使用中,因此以下列表将包括专门针对该软件特定版本的书籍。.

  • Dreamweaver CC:McFarland和Grover撰写的《失踪手册》:印刷版和数字版均可,它是Dreamweaver上功能最全面的书籍之一.
  • Dreamweaver CC:Negrino和Smith编写的Visual QuickStart Guide:这本书是针对Dreamweaver的最新版本(于2015年发行)。该软件是针对该软件的一般介绍和学习者手册,面向初学者和中级网站建设者.
  • Janine Warner的Dreamweaver CC for Dummies:虽然不是市场上最全面的书,但它可能是普通读者最易读的书.
  • Jim Maivald在书中的Adobe Dreamweaver CC课堂:这是Dreamweaver应用程序的深入指南,该最新版本包括Adobe使用Creative Cloud功能来提供软件最新迭代的更新和增强功能的详细信息。最适合中级和高级网页设计师.
  • Ruvalcaba和Boehm撰写的Murach的Dreamweaver CC 2014:这本书的重点在于强调了解网页设计的原理以及如何创建可在多个平台上正常工作的网页内容。非常适合高级编码人员和网站开发人员.

摘要

Adobe的Dreamweaver已成为市场上最受欢迎的Web构建应用程序之一,这在很大程度上要归功于它对新手和经验丰富的设计师都具有吸引力.

作为一个编码工具和网页设计平台,它可以提供很多服务,特别是对于那些愿意花一些时间和精力来全面探索该软件及其最终潜力的人.

此处收集的资源应为入门的Web建设者提供Dreamweaver的基本介绍,并为希望在继续开发其Web建设人才的同时更全面地探索应用程序的更高级的编码人员和设计师提供指导。.

此处收集的资源应为入门的Web建设者提供Dreamweaver的基本介绍,并为希望在继续开发其Web建设人才的同时更全面地探索应用程序的更高级的编码人员和设计师提供指导。.

进一步阅读和资源

我们有更多与编码和网站开发有关的指南,教程和信息图:

  • 撰写优质的HTML:这是编写格式正确的HTML和使用HTML验证程序软件的扎实介绍.
  • CSS3 —简介,指南和资源:这是开始学习网页布局的好地方.

初学者HTML —最终指南

如果您真的想学习HTML,我们写了一本篇长的文章《初学者HTML —终极指南》.

这确实是最终指南;它会带您从一开始就精通.

初学者HTML-终极指南
初学者HTML —最终指南

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map