手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamweaver CS5 工作视图 使用教程
Dreamweaver CS5 工作视图 使用教程
摘要:Dreamweaver界面具有一大批用户可自由配置的面板和工具箱,界面如下图。具体的界面名称在以后的学习过程中会逐一介绍。1.切换和拆分视图...

Dreamweaver界面具有一大批用户可自由配置的面板和工具箱,界面如下图。具体的界面名称在以后的学习过程中会逐一介绍。

Dreamweaver CS5 工作视图 使用教程1

1.切换和拆分视图

Dreamweaver分别为程序猿和设计员提供了专用的环境,还提供了一个把这两者结合在一起的复合选项。

1.1“设计”视图

“设计”视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近地显示了Web页面在浏览器中的效果。要激活“设计”视图,可以单击“文档”工具栏中的“设 计”按钮。

1.2“代码”视图

在Dreamweaver工作区中只显示HTML代码以及各种提高代码编辑效率的工具。要切换到“代码”视图,可以单击“文档”工具栏中的“代码”按钮。

1.3“拆分”视图

“拆分”视图提供了一个混合的工作界面,可以同时查看设计和代码。在其中一个窗口中所做的改动都会马上在另一个窗口中进行更新。单击“文档” 工具栏中的“拆分”按钮即可切换到“拆分视图”。

Dreamweaver CS5 工作视图 使用教程2

2.垂直拆分视图

此外Dreamweaver也提供了垂直拆分工作区的方式,方便使用宽屏幕的用户。选择“查看” > “垂直拆分' 命令即可。

Dreamweaver CS5 工作视图 使用教程3

Dreamweaver CS5 中的代码、设计、拆分视图你弄懂了吗?

【Dreamweaver CS5 工作视图 使用教程】相关文章:

Adobe dreamweaver cc 2014 破解版安装方法教程

Dreamweaver轻松制作网页转场特效

Dreamweaver导入和导出站点

Dreamweaver网页中插入Flash按钮与文本

Dreamweaver网页设计制作技巧

Dreamweaver框架保存方法

Dreamweaver8对网站文件进行检查和整理

Dreamweaver解决FROM子句语法错误

Dreamweaver CS4错误提示FROM子句语法错误

在Dreamweaver中如何改变“behaviors”的缺省事件?

精品推荐
分类导航