兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

Dreamweaver 8的编辑方式

[复制链接]
tuyuanma 发表于 2017-4-6 11:03:41 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


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

  1  代码编辑模式0 @8 c$ V( S& {/ v5 ]/ S, [
  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  可视化编辑模式
7 E1 G- g* H! p! M; M( c  与代码编辑根式对应的就是可视化编辑模式,这种模式也是Dreamweaver 8所使用的主要模式。可视化编辑模式将当前编辑的网页文档以所见即所得的方式显示出来,这种编辑模式比起代码视图更加清楚、直观。

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


* Y3 E1 B( z; v5 F9 |/ z- v

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-7-19 05:25
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表