设计视图和代码视图
启动Dreamweaver 4后,在界面外观方面首先感到不同的就是在菜单栏下面默认显示一个工具栏。

在Dreamweaver 4中,我们能够在设计视图(Design View)、代码视图(Code View)或组合视图中设计网页。
设计视图:就是Dreamweaver 3中所称的文档窗口(Document Window)。启动Dreamweaver 4时,默认显示设计视图,和Dreamweaver 3没有什么不同。假如要从其他视图转换为设计视图,能够单击工具栏中的设计视图按钮。
代码视图:从外观看其实就是Dreamweaver 3中HTML源码检查器的全屏显示(不用找了,Dreamweaver 4已没有HTML源码检查器)。但我要告诉您的是,Dreamweaver 4对代码编辑的支持已大大增强,代码的编辑、修改方便多了。假如您因此而成为编程高手,可不要忘记教教老弟哦〉鞴呃钢械拇胧油及磁鼻拔牡稻鸵源胧油挤绞较允荆缦峦妓尽?BR>

需要说明的是,默认是没有行号显示的。想要显示行号,在代码视图方式,单击工具栏的选项菜单按钮,从弹出的菜单中选择Line Numbers(行号)就行了。假如希望行绕排,请选择该菜单上的Word Wrap(行绕排)。
组合视图:就是同屏显示设计视图和代码视图。或说,把文档窗口分割为设计视图和代码视图。单击工具栏的代码设计组合视图按钮,显示组合视图,如下图所示。

在组合视图方式下设计,能够同时观察“台前幕后”。您能够在设计视图中进行可视化设计,相应的代码实时在代码视图中反映出来,这对于新手学习HTML来说是多么的美妙。您也能够在代码视图中直接输入代码,实现一些可视化设计不能实现的功能,结果也在设计视图中实时显示出来。这对于专业网页设计人员,无疑是个梦寐以求强功能。拖动一下右边的滚动条,就能够查看整页内容。您也能够拖动中间的分隔条,改变两个视图的大小。例如,当您主要在设计窗口进行可视化设计时,能够把设计视图适当扩大。
在这种组合视图方式中,能够很方便地在代码编辑和可视化设计之间跳转,在哪个视图中进行设计,都会得到一致的结果
文章整理:西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!




