理论教育 Dreamweaver的优秀工作环境优化方法

Dreamweaver的优秀工作环境优化方法

时间:2023-06-09 理论教育 版权反馈
【摘要】:在对话框左侧是Dreamweaver 8的设计视图,右侧是Dreamweaver 8的代码视图。Dreamweaver 8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。Dreamweaver 8的工作界面主要包括标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和标签选择器等内容。如图6-2所示为Dreamweaver 8的工作界面。Dreamweaver 8工作环境的最上一行就是标题栏。图6-2Dreamweaver 8的工作界面应用提示:如果文件名后面有一个星(*)则说明文件已经被修改,尚未存盘。

Dreamweaver的优秀工作环境优化方法

1.第一次启动

第一次启动Dreamweaver 8时,系统会弹出如图6-1所示的“工作区设置”对话框,供用户选择工作界面的风格。在对话框左侧是Dreamweaver 8的设计视图,右侧是Dreamweaver 8的代码视图。Dreamweaver 8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。

图6-1 “工作区设置”对话框

2.起始页

为方便操作,Dreamweaver 8打开后首先都要显示一个起始页,这个页面包括:打开最近项目、创建新项目、从范例创建3个模块。可以勾选这个窗口下面的“不再显示此对话框”来隐藏它。

3.工作界面

工作界面犹如人的一张脸,脸部集成了人的五官,而工作界面则包含了进行网页设计的所有功能。Dreamweaver 8的工作界面主要包括标题栏菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和标签选择器等内容。如图6-2所示为Dreamweaver 8的工作界面。

1)标题栏。Dreamweaver 8工作环境的最上一行就是标题栏。启动Dreamweaver 8后,标题栏显示文字Macromedia Dreamweaver 8.0,新建或打开一个文档后,显示的内容就在原内容后面加上了文件路径、文件名。

图6-2 Dreamweaver 8的工作界面

应用提示:如果文件名后面有一个星(*)则说明文件已经被修改,尚未存盘。

【操作实例6-1】在D盘MyWeb下新建一个index的主页文件。

步骤1:启动Dreamweaver 8,进入起始页,单击“新建项目”→HTML进入Dreamweaver 8工作界面。

图6-3 最终实现标题栏效果

2)菜单栏。Dreamweaver 8共有10个菜单项,即文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助,如图6-3所示。“文件”菜单用来管理文件,包含新建、打开、保存、另存为、导入、输出打印等。“编辑”菜单用来编辑文本,包括剪切、复制、粘贴、查找、替换和参数设置等。“查看”菜单用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。“插入”菜单用来插入各种元素,例如图片、多媒体组件、表格、框架及超级链接等。“修改”菜单具有对页面元素修改的功能。“文本”菜单用来对文本操作。“命令”菜单包括所有的附加命令项。“站点”菜单位用来创建和管理站点。“窗口”菜单用来显示和隐藏控制面板以及切换文档窗口。“帮助”菜单提供联机帮助功能。(www.daowen.com)

3)插入面板组。插入面板组类似Word的工具栏,是位于菜单下部的一些常用功能按钮。如图6-4所示,插入面板组集成了所有可以在网页应用的对象。插入面板组其实就是图像化了的菜单命令,通过一个个的按钮,可以很容易地加入图像、声音、表格、框架、表单、Flash等网页元素。可以按Ctrl+F2快捷键或者单击菜单栏中的“窗口”和“插入”来显示或隐藏。在插入面板组上用鼠标右键单击“插入”按钮,可以进行相关设置。

图6-4 Dreamweaver 8的菜单栏、插入面板组、文档工具栏

4)文档工具栏。文档工具栏包含显示模式、标题设置框、常用功能按钮3部分。显示模式有:代码、拆分、设计3种;标题可以直接在文本框中输入;常用功能按钮包括验证标记、文件管理、在浏览器中预览/调试、刷新设计视图、视图选项、可视化助理等内容,最常用的是在浏览器中预览。

5)标准工具栏。标准工具栏包含来自“文件”和“编辑”菜单中的一般操作按钮,如新建、打开、保存、保存全部、剪切、复制、粘贴、撤销和重做等。单击“工具栏”和“标准”按钮即可显示或隐藏标准工具栏。

6)文档窗口。在Dreamweaver界面中,文档窗口是最主要的部分,显示当前创建和编辑的文档内容,在此进行网页制作的所有工作。可以根据实际网页制作需要选择代码、拆分、设计3种视图之一。“设计”视图是一个用于可视化的页面制作视图,所见即所得的制作方式,与在浏览器中看到的页面内容完全相同。“代码”视图是一个用于手工编写和修改代码的编码环境。“代码和设计”视图使你可以在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。

7)状态栏。文档窗口底部的状态栏提供与正创建的文档有关的其他信息。标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。单击“<body>”可以选择整个网页内容。

8)属性面板。属性面板主要用于显示和修改文档窗口中所选中元素的属性。例如,在文档窗口中选中一段文本,那么属性面板上就出现文本的相关属性;如果选择了表格,那么属性面板会相应地显示表格的相关属性。

9)浮动面板。顾名思义,浮动面板就是浮动于编辑窗口之外,方便使用者在文档和面板之间来回切换的一种工具集合。在窗口菜单中,选择不同的命令可以打开基本面板组、设计面板组、代码面板组、应用程序面板组、资源面板组和其他面板组。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈