《Adobe Dreamweaver CS6中文版经典教程》——1.2 切换和拆分视图

简介:

本节书摘来自异步社区《Adobe Dreamweaver CS6中文版经典教程》一书中的第1 章,第1.2节,作者:【美】Adobe公司 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 切换和拆分视图

Dreamweaver分别为编码员和设计人员提供了专用的环境,还提供了一个把这两者混合在一起的复合选项。

1.2.1 “设计”视图
“设计”视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近(但并非完美)地描绘了Web页面在浏览器中的样子。要激活“设计”视图,可以单击“文档”工具栏中的“设计”按钮,如图1.2所示。


9707daa25ebd3099432443391cecc7040de3d5e3

1.2.2 “代码”视图
“代码”视图在Dreamweaver工作区中只着重显示HTML代码以及各种提高代码编辑效率的工具。要访问“代码”视图,可以单击“文档”工具栏中的“代码”按钮,如图1.3所示。


d2f42d08cf70ac9e502fedee78cc06274c58a1da

1.2.3 “拆分”视图
“拆分”视图提供了一个复合工作区,它允许同时访问设计和代码。在其中一个窗口中所做的更改都会即时在另一个窗口中进行更新。要访问“拆分”视图,可以单击“文档”工具栏中的“拆分”按钮,如图1.4所示。为了利用新的平板式显示器的扩展宽度,Dreamweaver默认垂直拆分工作区。


4dc9d006ef3d2bef42dadebde99e2e126a72636a

你也可以禁用垂直拆分,水平拆分屏幕。要禁用这一功能,可以选择“查看”>“垂直拆分”,如图1.5所示。


8b2cbb84edb42c3458dd136efebb5ff37ae396b3
相关文章
|
Web App开发
Dreamweaver CS6破解教程[序列号+破解补丁
Adobe Dreamweaver CS6中文简体版下载地址:Dreamweaver CS6中文简体版下载[带破解] 该教程将不断更新,最新版请猛击:http://www.itxueyuan.org/view/6317.html 破解之前的准备 1) 序列号这里为大家生成了两个,可以通过软件验证:1325-0949-2080-9819-3777-32301325-0160-5283-9851-2671-89512) 破解补丁安装时会用到,请大家提前下载好(安装时需要断网)。
2178 0
|
SQL 移动开发 数据可视化
前端必知词汇:Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级开发者,可以无需编写任何代码就能快速创建Web页面。
575 0