网页设计 百分网手机站

Dreamweaver文档窗口使用的方法技巧

时间:2020-11-03 13:21:46 网页设计 我要投稿

Dreamweaver文档窗口使用的方法技巧

  近年来网站如雨后春笋般大批的出现在网络上,网页设计制作也变得越来越重要。下面,小编为大家搜索整理了Dreamweaver文档窗口使用的方法技巧,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!

  “设计”视图 一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 显示文档的'完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。

  “代码”视图 一个用于编写和编辑 HTML、JavaScript、服务器语言代码(如 PHP 或 ColdFusion 标记语言 (CFML))以及任何其它类型代码的手工编码环境。

  拆分“代码”视图 “代码”视图的一种拆分版本,使您可以通过滚动以同时对文档的不同部分进行操作。

  代码和“设计”视图 使您可以在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。

  “实时”视图 与“设计”视图类似,“实时”视图更逼真地显示文档在浏览器中的表示形式,并使您能够像在浏览器中那样与文档交互。“实时”视图不可编辑。不过,您可以在“代码”视图中进行编辑,然后刷新“实时”视图来查看所做的更改。

  实时“代码”视图 仅当在“实时”视图中查看文档时可用。“实时代码”视图显示浏览器用于执行该页面的实际代码,当您在“实时”视图中与该页面进行交互时,它可以动态变化。“实时代码”视图不可编辑。

  当“文档”窗口处于最大化状态(默认值)时,“文档”窗口顶部会显示选项卡,上面显示了所有打开的文档的文件名。如果您尚未保存已做的更改,则 Dreamweaver 会在文件名后显示一个星号。

  若要切换到某个文档,请单击它的选项卡。

  Dreamweaver 还会在文档的选项卡下(如果在单独窗口中查看文档,则在文档标题栏下)显示“相关文件”工具栏。相关文档指与当前文件关联的文档,例如 CSS 文件或 JavaScript 文件。若要在“文档”窗口中打开这些相关文件之一,请在“相关文件”工具栏中单击其文件名。

  【相关阅读】

  Dreamweaver制作可折叠式面板的技巧

  一。创建一文章,在菜单栏找到插入记录如下。

  OK我们的面板菜单就完成了。

【Dreamweaver文档窗口使用的方法技巧】相关文章:

1.Dreamweaver窗口如何布局的方法

2.Dreamweaver空格使用技巧

3.Dreamweaver的技巧方法

4.Dreamweaver的使用方法参考

5.Dreamweaver框架的使用技巧归纳

6.使用Word文档的小技巧

7.Dreamweaver站点地图的使用技巧大全

8.Dreamweaver便捷技巧方法推荐

9.Dreamweaver使用教程