两种软件在使用以及功能上
dreamweaver8与frontpage2003的区别
- 提问者网友:记得曾经
- 2021-05-02 11:52
- 五星知识达人网友:上分大魔王
- 2021-05-02 12:43
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点:
Dreamweaver CS4
Dreamweaver CS4的界面几乎是做了一次脱胎换骨的改进,从中看到了更多的设计元素,让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE 2007创造了软件界面设计的新纪元,那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是,MS老是抄人家苹果的(汗一个,微软的Fans别砸我),而Adobe却是实实在在的自己创造,设计界的老大地位实至名归……
布局按钮:这个按钮似乎和下方的代码、分割、设计按钮功能重复,目前还不明白DW的意图,唯一增加的新功能是垂直分割,让代码和设计界面以垂直对比的方式呈现。
精简设计:这是我最喜欢的一个布局,它提供了更多的可视区域,同时可以把右边的菜单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说,这的确是非常贴心的设计。
应用程序开发增强:左上方是和数据相关的面板,包括数据库面板、数据绑定面板和行为面板;左下方则是文件与资源相关的面板,包括文件面板、相关资源面板、代码收集器等;右边则是设计相关面板,包括插入面板、CSS样式表面板、AP元素面板(用来为浮动层定位)。应该说这是一个万金油布局,几乎适用所有的开发者,同时,它也把大部分菜单展示在用户面前,其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。
在下方的文档面板上,DW新增加了一个实时预览功能——Live View。它的作用是在DW窗口中实时查看代码的效果,包括Javascript特效!
[编辑本段]优点 1.最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
2.网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
3.无可比拟的控制能力
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的基本语言和连接操作数据库,都是完全支持的。
[编辑本段]缺点 一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果,这一点在结构复杂一些的网页(如分帧结构、动态网页结构)中便可以体现出来;
二、 页面原始代码的难以控制性,比如您在所见即所得编辑器中制作一张表格也要几分钟,但您要它完全符合您要求可能需要几十分钟,甚至更多时间。而相比之下,非所见则所得的网页编辑器,就不存在这个问题,因为所有的HTML代码 都在您的监控下产生,但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合,则既产生干净、准确的HTML代码,又具备则见则所得的高效率、直观性,一直是网页设计师梦想。在DREAMWEAVER之前,FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器,但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER之前,现在我无意说DREAMWEAVER已经实现网页设计师的梦想,但我觉得DREAMWEAVER正在努力向这个梦想一步步走去。
FrontPage 2003在功能上增强了不少,下面我们一起来看看新版本中比较突出的9个新功能。
1.自定义浏览器分辨率预览检查
在设计网页时,可实时调节当前页面为在客户端显示的分辨率,以便预览当前效果。大家查看FrontPage 2003界面右下端状态上显示网页大小的区域,默认为792×533,右键单击后,弹出如图1所示菜单,在此可设置任意分辨率方便进行预览。
2.描摹图像
大家在学习书法的时候,都接触过临摹吧,描摹图像的功用与其类似,就是通过创建一个图像(一般为网页的效果图)为参照物,以便于网页的设计制作。在Dreamweaver软件的各个版本中基本上都有这个功能,现在高傲的微软也开始学习这个优点了。点击菜单栏上的“视图→描摹图像→设置”,在弹出对话框中,选择指定图像,再设置其坐标(即在设计页面上显示的位置)。最后,设置透明度,再确认即可。这个描摹图像只是显示在FrontPage 2003的设计视图中,不会在你制作完毕的页面中显示出来。
3.层功能
过去,FrontPage最欠缺的功能之一就是无法像Macromedia Dreamweaver那样使用层。而层的应用在网页制作中已经是不可或缺了。好在FrontPage 2003终于支持了此项功能。
点击菜单栏上的“插入→层”,将在当前页面中显示一个默认为“layer1”的层。用鼠标在各节点上拖曳,调节其大小,然后把光标插入点置于层中,输入所需的文字(图2)。另外,将光标定位于该层内,在其右键弹出菜单中选择“层属性”,就可在界面右侧的任务窗格上设置该层的ID,边框和底纹的样式、边距,以及定位样式与位置等参数。
4.插入交互式按钮
点击菜单栏上的“插入→交互式按钮”,弹出如图3所示对话框,在“按钮”标签页中,设置按钮的显示文字、样式以及链接。在“字体”标签页中设置其相关选项。最后,我们再切换到“图像”标签页,设置悬停图像及鼠标键按下时的图像等。
5.行为的应用
行为一直是Dreamweaver的强项,而FrontPage2003现在也有这个功能了。
点击菜单栏上的“格式→行为”,查看界面右侧的“行为”窗格,点击“插入”向下箭头按钮,在弹出菜单中可选择播放声音、弹出消息、调用脚本及弹出菜单等事件。在选择指定的插入对象后,将弹出相应的设置对话框,在其中按需操作。所有添加的行为事件,均会显示在列表中。
小知识:行为是事件和由该事件触发的动作的组合。由于行为代码是客户端的javascript代码,因此它无需服务器的支持就可触发事件。
6.使用网页重定向
在FrontPage 2003中,点击菜单栏上的“工具→中文简繁转换→插入重定向代码”,在弹出对话框中,设置简体页面网址及繁体页面网址。而后,插入的代码将通过浏览器对支持语言的检测,实现自动转向。
7.检查网页错误
点击菜单栏上的“工具→辅助功能”,在弹出对话框中设置检查范围、内容及显示对象,接着点击“检查”按钮即可。利用此项功能,就可快速找出指定网页是否有错误,并可查看问题之所在。
8.优化HTML代码
FrontPage系列过去在代码效率方面做得相当不好,经常产生大量的垃圾代码。而在FrontPage 2003中,点击菜单栏上的“工具→优化HTML”,弹出如图4所示对话框,在其中可酌情选择删除对象,包括注释性内容及空白信息等,从而删除大量垃圾代码,提高网页代码执行的效率,为网页“减肥”。
9.规划页面布局
一个成功的设计作品,大都需要事先为其规划设计布局,以便于宏观控制其内容。在Dreamweaver中,从其4.0版本开始就加入了页面规划视图来方便设计者对页面布局进行设计,如今FrontPage 2003也具有这个功能了。
点击菜单栏上的“表格→布局表格和单元格”,在程序右侧窗格中将显示相应的属性设置。我们着重查看“表格布局”下拉列表,在其中有若干布局样式可供选择。当我们选择一种合适的应用于当前页面上后,可随时在设计视图中按需自行调节其布局样式。Frontpage2003是Microsoft公司推出的!
***********************************************************************
----------------------------------------------------------------------
***********************************************************************
- 1楼网友:上分大魔王
- 2021-05-02 17:25
优点缺点各异,frontpage 更容易上手,因为有word的基础。dreamweaver 显更专业一点。总之还要看个人的习惯。我一直都用dreamweaver。
Dreamweaver和FrontPage都是比较知名的网页设计软件,可称得上是网页设计中的佼佼者。但到底谁更好些呢? FrontPage占领的是中级市场,其地位犹如字处理软件中的Word,比较重视网页的开发效率、易学易用的引导过程;而Dreamweaver主攻的是网页高级设计市场,其地位犹如出版领域的PageMaker,所强调的是更强大的网页控制、设计能力及创意的完全发挥。 Dreamweaver在功能的完善,使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作,并开发了许多独具特色的设计新概念,诸如行为(Behaviors)、时间线(Timeline)、资源库(Library)等,还支持层叠式样表(CSS)和动态网页效果(DHTML)。 而动态HTML是Dreamweaver最令人欣赏的功能,是它的最大的特色。 Dreamweaver与FrontPage比较,有几下几点优势: 1. 产生的垃圾代码少,网页可读性好,可以提高网页浏览速度; 2. 通过图层功能,可以快速制作出复杂的页面,图片定位更容易; 3. 可基本解决IE与Netscape的兼容性; 4. 设计思路广,内涵丰富,创作随意性强,可充分展现你的创意。 但Dreamwear属于专业级的,较难学,frontpage相对来说容易。
希望对你有一些帮助
- 2楼网友:夜风逐马
- 2021-05-02 15:57
- 3楼网友:深街酒徒
- 2021-05-02 14:29
- 4楼网友:孤独的牧羊人
- 2021-05-02 14:08
优点缺点各异,frontpage 更容易上手,因为有word的基础。dreamweaver 显更专业一点。总之还要看个人的习惯。我一直都用dreamweaver。
Dreamweaver和FrontPage都是比较知名的网页设计软件,可称得上是网页设计中的佼佼者。但到底谁更好些呢? FrontPage占领的是中级市场,其地位犹如字处理软件中的Word,比较重视网页的开发效率、易学易用的引导过程;而Dreamweaver主攻的是网页高级设计市场,其地位犹如出版领域的PageMaker,所强调的是更强大的网页控制、设计能力及创意的完全发挥。 Dreamweaver在功能的完善,使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作,并开发了许多独具特色的设计新概念,诸如行为(Behaviors)、时间线(Timeline)、资源库(Library)等,还支持层叠式样表(CSS)和动态网页效果(DHTML)。 而动态HTML是Dreamweaver最令人欣赏的功能,是它的最大的特色。 Dreamweaver与FrontPage比较,有几下几点优势: 1. 产生的垃圾代码少,网页可读性好,可以提高网页浏览速度; 2. 通过图层功能,可以快速制作出复杂的页面,图片定位更容易; 3. 可基本解决IE与Netscape的兼容性; 4. 设计思路广,内涵丰富,创作随意性强,可充分展现你的创意。 但Dreamwear属于专业级的,较难学,frontpage相对来说容易。
希望对你有一些帮助