Dreamweaver学前准备及功能介绍.pdfVIP

第1章Dreamweaver学前准备

Dreamweaver导论（Dreamweaver相关知识）

Dreamweaver是MACROMEDIA公司开发的集网页制作和管理于一身的所见

即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用

它可以轻而易举地制作出平台限制和浏览器限制的充满动感的网页。

简介

Dreamweaver、FLASH以及在DREAMWEAVER推出的针对专业网页图像设计的FIREWO

RKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公

司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网

(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网

页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码

编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，

但它同时也存在着致命的弱点.

DreamweaverCS4

DreamweaverCS4的界面几乎是做了一次脱胎换骨的改进，从中看到了的设计元

素，让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE2007创造了软件界面设计

的新，那么Adobe相当于取代了苹果的设计地位而紧随MS。唯一的区别就是，M

S老是抄人家苹果的（汗一个，微软的Fans别砸我），而Adobe却是实实在在的自己创造，

设计界的地位实至名归……

布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白D

W的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。

精简设计：这是我最的一个布局，它了的可视区域，同时可以把右边的菜

单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说，这的确是非常贴心的

设计。

应用程序开发增强：左上方是和数据相关的面板，包括数据库面板、数据绑定面板和行

为面板；左下方则是文件与资源相关的面板，包括文件面板、相关资源面板、代码收集器

等；右边则是设计相关面板，包括面板、CSS样式表面板、AP元素面板（用来为浮

动层定位）。应该说这是一个万金油布局，几乎适用所有的开发者，同时，它也把大部分菜

单展示在用户面前，其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。

在下方的文档面板上，DW新增加了一个实时预览功能——LiveView。它的作用是在

DW窗口中实时查看代码的效果，包括Javascript特效！

Chapter1DreamweaverPre-school

preparation

IntroductiontoDreamweaver(Dreamweaverrelated

knowledge)

DreamweaverisaWYSIWYGwebeditordevelopedbyMACROMEDIA,theUnitedStates,

whichcombineswebproductionandmanagementwebsites.Itisthefirstsetofvisualweb

developmenttoolsspeciallydevelopedforprofessionalwebdesigners.Itcaneasilycreate

dynamicwebpagesthatcrosstformrestrictionsan