Dreamweaver 8的编辑方式-站长杂谈下载

Dreamweaver 8的编辑方式

开通本站Svip会员,全站资源免费下

 Dreamweaver 8提供了三种编辑方式,设计师可以使用可视化编辑方式,也可以使用传统的代码编辑方式,甚至可以在同一窗口巾同时显水这两种窗口。在网页文档编辑过程中,设汁师可以在这三种模式之间任意切换。

  1  代码编辑模式
5 e% t8 _* K/ D  Dreamweaver 8的特色之一就是所见即所得的可视化页而编辑方式,乔页而编辑过程中,Dreamweaver会自动在后台生成相应的html源代码,要查看或修改这些源代码就必须要用到代码编辑模式。为了方便用户控制源代码,在Dreamweaver 8的界面中提供了代码视图和代码检查器两种工具

  单击文档窗口工具栏中的代码视图按钮,切换到代码视图,这是传统的代码编辑方式。用户可以在这里查看或修改当前网页文档的H1ML代码,如图1所示。

1-13062F95230493.jpg

  如果想要同时查看文档的修改情况,可以同时显示文档编辑视图和代码视图。单击文档窗口工具栏中的按钮(拆分),会同时显示两种视图方式,如图2所示。

1-13062F95313363.jpg

  在网页文档的可视化编辑模式下对文档的内容进行修改的同时,Dreamweaver会立即在代码视图界面中显示出这些变化。这种功能对于还不熟悉H1ML标记性语言的用用户来说是一个很好的学习工具。例如在网贝文档中插入一个表格,在代码视图中方刻就可以知道相应的HTML代码怎么写,甚至熟悉代码后,可以立接输入HTML代码就可以达到同样目的。

  这样用户就个必事先知道要实现某些功能的HTML代码应该怎样写,也不必记住那么多特殊标记的语法和属性。

  当用户在代码视图中输入HTML代码后,可以单击可视化编辑视图或单击工具栏的按钮,可视化编辑视图就会立即做出改变,以保持同步。对于用户输入的HTML源代码,Dreamweaver 8不会对它进行重写。如果用户输入非HIML代码或无法识别的特殊代码,Dreamweaver 8会将它们以高亮度方式显示。

  有过编程经验的读者都知道,语法着色对编进来说非常重要。语法着色可以将函数、标记和语句等分别用特殊的颜色显示,这有利于程序的编写和修改。Dreamweaver 8的HTML源代码编辑也具有语法着色的功能。

  将错误代码以高亮度显示是语法着色功能的一种。也可以对语法着也等功能进行进一步设置。在设置之前首先要确认当前的代码视图或代码检查已经打开,然后单击工具栏中的按钮,在弹出的菜单中选样相应的代码显示方式选项,如图所示。

1-13062F95445c2.jpg

  (1)自动换行:如果一行代码的长度过长,很可能越出当前的文档窗口或代码检查器窗口的长度。如果用户不愿意在代码窗口中来回水个移动,可以选择该选项,开启文本自动换行功能。

  (2)行数:在代码窗口左侧显不行号。用户在编写代码过程中,了解当前代码的行号是非常重要的。特别是在代码调试过程中,通常只知道错误的行号,还必须通过代码编辑器找到该行。

  (3)高亮度显示无效代码:对于Dreamweaver 8无法识别的HTML标记或错误的语言,Dreamweaver 8会将它们以高亮度显示。

  (4)syntax Coloring;将代码的不同部分分别以不同的颜色显示,使用户能够快速地区分不同的代码元素。

  (5)自动缩进:默认状态下,在源代码编辑过程中会采用自动缩进的刀式。用户在输入代码并按Enter后,新生成的文字行会自动同上一行文字的左对齐,有利于使源代码书写格式清新,便于阅读。

  (6)在顶部查看设计视图:将可视化编辑窗口显示在顶端:当使用两种编辑方式同时显示的界面时,此项可用,否则为灰色不可用状态。

  2  可视化编辑模式
! Y6 E  }; O' d& K& ~3 W  与代码编辑根式对应的就是可视化编辑模式,这种模式也是Dreamweaver 8所使用的主要模式。可视化编辑模式将当前编辑的网页文档以所见即所得的方式显示出来,这种编辑模式比起代码视图更加清楚、直观。

  可视化编辑模式也分为普通的可视化编辑模式和规划视图模式,规划视图模式有利于用户对整个页向排版的精确控制。在Dreamweaver 8的可视化编辑模式下。可以插入图层、创建框架文档、添加表格等网页基本元素及其他功能。


0 C# x+ E) G' X0 C0 t3 A

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部