首页 >> 网络营销词典 >> 互联网基础知识FAQ >> Dreamweaver

Dreamweaver[编辑]


简介

Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”;2005年4月18日,全球最大的图像编辑软件供应商Adobe宣布,以换股方式收购软件公司Macromedia,Macromedia是著名的网页设计软件Dreamweaver及Flash的供应商。据悉,此项交易涉及金额高达34亿美元。根据双方达成的协议,Macromedia股东将以1:0.69的比例获得Adobe的普通股。自此开始,Dreamweaver开始属于ADOBE设计软件系列。

Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针

对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

经典版本

Macromedia Dreamweaver 8.0 简体中文版

软件大小: 60.24 M

开 发 商: Adobe

软件类别: 国外软件 / 网页制作

软件语言: 简体中文

应用平台: Win9x/WinNT/Win2000/WinXP

软件性质: 共享(收费)软件

界面面板

初识界面

安装后,它会自动在 Windows 的菜单中创建程序组。与 FrontPage 有很大的不同,它把工具栏省去了,然后增加了几个浮动的工具栏。在 Dreamwaver3.0 中,它的工具栏全是浮动工具栏,可以将工具栏缩小,也可以关闭。在专业术语里面,他们叫“浮动面板”,利用浮动面板来控制对页面的编写,而不是利用烦琐的对话框,这是 Dreamwaver3.0 编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置,这样就直接可以在文档中看到结果,避免了中间过程,提高了工作效率。但对于熟悉了微软的应用程序的用户来说,开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。

启动面板

启动面板主要用来快速启动相应的任务,或显示/隐藏相应的浮动面板。如果启动面板是竖的,那么,可以点击它右下角的一个小按钮,它就可以变成横向的了,这时,可能会发现,它的状态栏上也有这个面板上的所有选项。这也就为网页制作者提供了方便。可以直接从右下角点击相应的栏目进入想要进入的对话框。

对象面板

对象面板主要功能相当于插入菜单,主要是向网页中插入一些对象,如表格,框架,图象,层,Flash 动画等,它通过一个下拉菜单,把要插入的选项都包括在了其中,如图5。

每一个选项中都有若干个图标,只要在图表上单击一下,就可以插入想要插入的对象了。

属性面板

属性面板会随着编辑的内容而变化,这个图是文字属性面板,它里面包含了所要编辑的文字的所有内容,包括字体,颜色,大小,连接,缩进等,它的右下角还有一个向下的小三角箭头,单击它,会展开属性面板,它把一些不常用的属性也列出来。展开后,箭头会变成向上,单击它,又会使属性面板复原。属性面板很多,还有图象属性控制面板,层属性控制面板等对象的属性控制面板,用户只要选择要编辑的对象,它就会自动变化,挺方便的。用户对所有由启动面板弹出来的浮动面板在被打开后,可以重新组合,可以将经常用的面板单独地拉出来,只需要将鼠标放到想要拉的按钮上面,然后按住左键拖动就可以了,同理,把他们组合也是一样,用鼠标拖动后,放到上面就可以。

发展概述

Dreamweaver的开发者是美国的Macromedia公司,Macromedia公司总部设立在美国加州(加利福尼亚)三番市(旧金山),在全球50多个国家设有经营机构。Macromedia公司在全球拥有300万开发和设计用户以及广大的行业合作伙伴网络,其丰富的客户机软件被98%的Web应用开发人员所广泛使用,是企业、政府和教育市场客户的战略性IT提供商。

2005年4月18日,adobe公司收购Macromedia公司,Dreamweaver,Authorware等软件同归Adobe公司。Adobe Systems是一家总部位于美国加州圣何塞的电脑软件公司。公司由乔恩·沃诺克和查理斯·格什克创建于1982年12月,他们先前都曾任职于施乐公司的帕洛阿尔托研究中心,离开后组建了Adobe系统公司,使得PostScript页描述语言得到商业化应用。

Adobe 解决方案现在已成为数码成像领域的金科玉律。 与此同时,Adobe Creative Suite 代表了下一代的设计和发布平台。 Adobe 智能文档技术则推动着整个企业级文档服务领域的发展,帮助各种规模的企业优化和加速文档处理流程并进一步提高效率。

DREAMWEAVER

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点:

一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果,这一点在结构复杂一些的网页(如分帧结构、动态网页结构)中便可以体现出来;

二、 页面原始代码的难以控制性,比如您在所见即所得编辑器中制作一张表格也要几分钟,但您要它完全符合您要求可能需要几十分钟,甚至更多时间。而相比之下,非所见则所得的网页编辑器,就不存在这个问题,因为所有的HTML代码 都在您的监控下产生,但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合,则既产生干净、准确的HTML代码,又具备则见则所得的高效率、直观性,一直是网页设计师梦想。在DREAMWEAVER之前,FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器,但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER之前,现在我无意说DREAMWEAVER已经实现网页设计师的梦想,但我觉得DREAMWEAVER正在努力向这个梦想一步步走去。

Adobe Dreamweaver CS3

dreamweaver CS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行,最优秀的所见即所得的网页编辑器,Dreamweaver可以轻而易举地制作出跨操作系统平台,跨浏览器的充满动感的网页,是目前制作Web页站点,Web页和Web应用程序开发的理想工具。

Dreamweaver,Fireworks,Flash被称为网页制作的“三剑客”,这三款工具相辅相承,是制作网页的最佳拍档之一。

Adobe Dreamweaver CS4

Dreamweaver CS4的界面几乎是做了一次脱胎换骨的改进,从中看到了更多的设计元素,让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE 2007创造了软件界面设计的新纪元,那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是,MS老是抄人家苹果的(汗一个,微软的Fans别砸我),而Adobe却是实实在在的自己创造,设计界的老大地位实至名归……

布局按钮:这个按钮似乎和下方的代码、分割、设计按钮功能重复,目前还不明白DW的意图,唯一增加的新功能是垂直分割,让代码和设计界面以垂直对比的方式呈现。

精简设计:它提供了更多的可视区域,同时可以把右边的菜单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说,这的确是非常贴心的设计。

应用程序开发增强:左上方是和数据相关的面板,包括数据库面板、数据绑定面板和行为面板;左下方则是文件与资源相关的面板,包括文件面板、相关资源面板、代码收集器等;右边则是设计相关面板,包括插入面板、CSS样式表面板、AP元素面板(用来为浮动层定位)。应该说这是一个万金油布局,几乎适用所有的开发者,同时,它也把大部分菜单展示在用户面前,其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。

在下方的文档面板上,DW新增加了一个实时预览功能——Live View。它的作用是在DW窗口中实时查看代码的效果,包括Javascript特效!

Adobe Dreamweaver CS5

2010年4月12日备受关注的Adobe新一代产品Creative Suite 5(CS5)正式发布了。其中包括新的Dreamweaver CS5。

此次Dreamweaver CS5最突出的亮点有三处:1、对CMS的支持功能;2、对CSS的校验;3、对PHP更好的支持。以至于国外一些同学对Dreamweaver CS5的体验为More WordPressy, More Firebuggy。

除此以外,CS5还内置了Webkit引擎,可以模仿Safari、Chrome浏览器预览网页效果。

PHP支持也在CS5版本中得到改善,不仅可以利用代码提示在文档中查找到自定义的函数,还可以利用此功能更好地设计CMS模板,减轻了广大模板设计者的痛苦。

除了以上三个亮点外,Dreamweaver CS5还有一些其它新特性,比如它整合了BrowserLab网络服务,可以让你在链接到网络浏览器实验室,同时使用不同浏览器检查布局,左侧是IE,右侧是Firefox。

软件优点

最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。

Dreamweaver还集成了程序开发语言,对ASP、.NET、PHP、JS的基本语言和连接操作数据库,都是完全支持的。

 Dreamweaver的快捷键:

 新建文档        Ctrl N

  打开一个 HTML文件   Ctrl O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中

  在框架中打开       Ctrl Shift O

  关闭           Ctrl W

  保存           Ctrl S

  另存为         Ctrl Shift S

  检查链接        Shift F8

  退出          Ctrl Q

  编辑菜单

  撤消          Ctrl Z

  重复          Ctrl Y 或 Ctrl Shift Z

  剪切          Ctrl X 或Shift Del

  拷贝          Ctrl C 或Ctrl Ins

  粘贴          Ctrl V 或Shift Ins

  清除          Delete

  全选          Ctrl A

  选择父标签       Ctrl Shift <

  选择子标签       Ctrl Shift >

  查找和替换       Ctrl F

  查找下一个       F3

  缩进代码         Ctrl Shift ]

  左缩进代码       Ctrl Shift [

  平衡大括弧       Ctrl ’

  启动外部编辑器     Ctrl E

  参数选择        Ctrl U

  页面视图

  标准视图        Ctrl Shift F6

  布局视图        Ctrl F6

  工具条         Ctrl Shift T

  查看页面元素

  可视化助理       Ctrl Shift I

  标尺          Ctrl Alt R

  显示网格        Ctrl Alt G

  靠齐到网格       Ctrl Alt Shift G

  头内容         Ctrl Shift W

  页面属性        Ctrl Shift J

  代码编辑

  切换到设计视图     Ctrl Tab

  打开快速标签编辑器   Ctrl T

  选择父标签       Ctrl Shift <

  平衡大括弧       Ctrl ’

  全选          Ctrl A

  拷贝          Ctrl C

  查找和替换       Ctrl F

  查找下一个       F3

  替换          Ctrl H

  粘贴          Ctrl V

  剪切          Ctrl X

  重复          Ctrl Y

  撤消          Ctrl Z

  切换断点        Ctrl Alt B

  向上选择一行      Shift Up

  向下选择一行      Shift Down

  选择左边字符      Shift Left

  选择右边字符      Shift Right

  向上翻页        Page Up

  向下翻页        Page Down

  向上选择一页      Shift Page Up

  向下选择一页      Shift Page Down

  选择左边单词      Ctrl Shift Left

  选择右边单词      Ctrl Shift Right

  移到行首        Home

  移到行尾        End

  移动到代码顶部     Ctrl Home

  移动到代码尾部     Ctrl End

  向上选择到代码顶部   Ctrl Shift Home

  向下选择到代码顶部   Ctrl Shift End

  编辑文本

  创建新段落       Enter

  插入换行

  Shift Enter

  插入不换行空格     Ctrl Shift Spacebar

  拷贝文本或对象到页面其他位置   Ctrl 拖动选取项目到新位置

  选取一个单词      双击

  将选定项目添加到库   Ctrl Shift B

  在设计视图和代码编辑器之间切换   Ctrl Tab

  打开和关闭[属性]检查器 Ctrl Shift J

  检查拼写         Shift F7

  格式化文本

  缩进          Ctrl ]

  左缩进         Ctrl [

  格式>无         Ctrl 0 (零)

  段落格式        Ctrl Shift P

  应用标题1到6到段落   Ctrl 1 到 6

  对齐>左对齐       Ctrl Shift Alt L

  对齐>居中        Ctrl Shift Alt C

  对齐>右对齐       Ctrl Shift Alt R

  加粗选定文本      Ctrl B

  倾斜选定文本      Ctrl I

  编辑样式表       Ctrl Shift E

  查找和替换文本

  查找          Ctrl F

  查找下一个/再查找    F3

  替换          Ctrl H

  处理表格

  选择表格(光标在表格中) Ctrl A

  移动到下一单元格    Tab

  移动到上一单元格    Shift Tab

  插入行(在当前行之前) Ctrl M

  在表格末插入一行 在最后一个单元格    Tab

  删除当前行       Ctrl Shift M

  插入列         Ctrl Shift A

  删除列         Ctrl Shift - (连字符)

  合并单元格       Ctrl Alt M

  拆分单元格       Ctrl Alt S

  更新表格布局(在“快速表格编辑”模式中强制重绘)  Ctrl Spacebar

  处理框架

  选择框架        框架中Alt 点击

  选择下一框架或框架页  Alt 右方向键

  选择上一框架或框架页  Alt 左方向键

  选择父框架       Alt 上方向键

  选择子框架或框架页   Alt 下方向键

  添加新框架到框架页   Alt 从框架边界拖动

  使用推模式添加新框架到框架页  Alt Ctrl 从框架边界拖动

  处理层

  选择层         Ctrl Shift 点击

  选择并移动层      Shift Ctrl 拖动

  从选择中添加或删除层  Shift 点击层

  以象素为单位移动所选层 上方向键

  按靠齐增量移动所选层  Shift 方向键

  以象素为单位调整层大小 Ctrl 方向键

  以靠齐增量为单位调整层大小  Ctrl Shift 方向键

  将所选层与最后所选层的顶部/底部/左边/右边对齐  Ctrl 上/下/左/右方向键

  统一所选层宽度     Ctrl Shift [

  统一所选层高度     Ctrl Shift ]

  创建层时切换嵌套设置  Ctrl 拖动

  切换网格显示      Ctrl Shift Alt G

  靠齐到网格       Ctrl Alt G

  处理时间轴,图象

  添加对象到时间轴    Ctrl Alt Shift T

  添加关键帧       Shift F9

  删除关键帧       Delete

  改变图象源文件属性   Double 点击图象

  在外部编辑器中编辑图象 Ctrl 双击图象

  管理超链接

  创建超链接(选定文本) Ctrl L

  删除超链接        Ctrl Shift L

  拖动并投放以从文档创建超链接 选取文本,图象或对象,然后Shift 拖动选择到[站点]窗口中的文件

  拖动并投放以使用[属性]检查器创建超链接 选取文本,图象或对象,然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件

  在Dreamweaver打开链接文档  Ctrl 双击链接

  检查选定链接      Shift F8

  检查整个站点中的链接  Ctrl F8

  在浏览器中定位和预览

  在主浏览器中预览    F12

  在次要浏览器中预览   Ctrl F12

  在浏览器中调试

  在主浏览器中调试    Alt F12

  在次要浏览器中调试   Ctrl Alt F12

  站点管理和FTP

  创建新文件       Ctrl Shift N

  创建新文件夹      Ctrl Shift Alt N

  打开选定        Ctrl Shift Alt O

  从远程FTP站点下载选定文件或文件夹  Ctrl Shift D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏

  将选定文件或文件夹上载到远程FTP站点  Ctrl Shift U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏

  取出          Ctrl Shift Alt D

  存回          Ctrl Shift Alt U

  查看站点地图      Alt F8

  刷新远端站点      Alt F5

  站点地图

  查看站点文件      F8

  刷新本地栏       Shift F5

  设为根         Ctrl Shift R

  链接到现存文件     Ctrl Shift K

  改变链接        Ctrl L

  删除链接        Delete

  显示/隐藏链接      Ctrl Shift Y

  显示页面标题      Ctrl Shift T

  重命名文件       F2

  放大站点地图      Ctrl (plus)

  缩小站点地图      Ctrl - (hyphen)

  播放插件

  播放插件        Ctrl Alt P

  停止插件        Ctrl Alt X

  播放所有插件      Ctrl Shift Alt P

  停止所有插件      Ctrl Shift Alt X

  处理模板

  创建新的可编辑区域   Ctrl Alt V

  插入对象

  任何对象(图象,Shockwave影片等)  文件从[资源管理器]或[站点]窗口拖动到[文档]窗口

  图象          Ctrl Alt I

  表格          Ctrl Alt T

  Flash影片        Ctrl Alt F

  Shockwave和Director影片  Ctrl Alt D

  命名锚记        Ctrl Alt A

  历史纪录面板

  打开[历史纪录]面板   Shift F10

  开始/停止录制命令    Ctrl Shift X

  播放录制好的命令    Ctrl P

  打开和关闭面板

  对象          Ctrl F2

  属性          Ctrl F3

  站点文件        F5

  站点地图        Ctrl F5

  资源          F11

  CSS样式         Shift F11

  HTML样式        Ctrl F11

  行为          Shift F3

  历史纪录        Shift F10

  时间轴         Shift F9

  代码检查器       F10

  框架          Shift F2

  层           F2

  参考          Ctrl Shift F1

  显示/隐藏浮动面板    F4

  最小化所有窗口     Shift F4

  最大化所有窗口     Alt Shift F4

  获得帮助

  使用Dreamweaver[帮助主题]   F1

  参考           Shift F1

  Dreamweaver支持中心   Ctrl F1

参考资料: Dreamweaver学习与教程:http://www.guochina.com Dreamweaver简体中文版:http://www.vipcn.com/wangluoruanjian/zhuyezhizuo/16924.html
扩展阅读: 我的主页:http://abc.wm23.com/NYI0615 我的微博:http://weibo.com/gzhxlive 我的博客:http://blog.sina.com.cn/u/1882825782
相关词条:
合作编辑:

网络营销词典内容均由网友提供,仅供参考。如发现词条内容有问题,请发邮件至info # wm23.com。

词条信息

浏览次数:44

编辑次数:1历史版本

创建者: 张奕江

最近更新:2012/10/31 4:54:11

词条分类导航

关于网络营销教学网站| 本站动态| 网站地图| 版权声明| 联系作者| 问题和建议|

版权声明:网络营销教学网站所有作品版权均归原作者所有,未经书面许可,严禁任何形式的转载/转贴、出版、篡改、汇编、编译等。