Dreamweaver4.0工作界面
2008-05-01 23:57:53.0
正式开始使用Dreamweaver之前我们先来熟悉一下Dreamweaver的操作界面。 
一、工具条:这是Dreamweaver4.0新增加的功能。启动Dreamweaver 4最先看到的就是这个工具条。可以通过菜单View--〉Toolbar来显示和关闭工具栏

1、 代码视图:按下此按钮以后就可以直接编辑和察看HTML源代码。这个相当于以前版本的HTML代码编辑窗口。2、代码与设计视图。按下这个按钮以后就可以同屏显示源代码和页面的效果。这个对于网页制作者来说是极其方便的。可以一边修改代码。一边就可以看到设计的改变。而无需再在窗口间来回切换。
3、设计视图:就是以前的Dreamweaver网页编辑窗口
4、、 网页标题(Title)。
5 、 文件状态(File Status)。文件状态按钮用来修改文件的状态。
6、 浏览器中预览/调试(Preview/Debug in browser)。在浏览器中预览页面和在浏览器中调试Javascript脚本。
7、 刷新(refresh)。可以刷新文件列表和页面。
8、 参考书(Reference)。这是Dreamweaver为专业网页设计师提供的一个详细的参考手册(包括HTML、CSS、Javascript)。
9、 代码导航:点击代码导航按钮来移动文档里定义的JavaScript 函数,
10、 显示选项(View Options)。
(1)代码显示模式下的选项菜单按钮,可以选择Word Wrap(自动换行), Line Numbers(行数), Highlight Invalid HTML(高亮HTML中的错误), Syntax Coloring(显示语法的颜色), Auto Indent(自动缩进)和顶端的Design View(设计显示)。
(2)点击设计显示模式下的选项菜单按钮,可以隐藏所有的可视化帮助或锁定可视化帮助,如表格边框,层边框,帧框架边框,图片映射,不可见元素,表头,标尺,网格,以及图片的轨迹。
二、文档窗口
 文档窗口是编辑网页的区域,其内容与在浏览器中的运行结果相似但又有所差异。窗口上方标题栏、菜单栏
 下方的状态栏中有一些标记如:文档大小、下载时间

通过这些标记可以快速选择网页中的对象,状态栏的右边有一些图标(小型启动面板),单击图标可以打开相应的操作面板或窗口。


文章评论
[以下网友留言只代表其个人观点,不代表中华网的观点或立场]
发表评论
昵 称:
主 页:
内 容:
表 情: