首页 理论教育 DreamweaverCS5浮动面板及使用方法

DreamweaverCS5浮动面板及使用方法

时间:2023-11-06 理论教育 版权反馈
【摘要】:在Dreamweaver CS5工作环境的右侧存在着许多浮动面板。启动Dreamweaver CS5后,有些浮动面板已经打开,更多的则没有显示。Dreamweaver CS5的浮动面板继承了以前版本的面板属性,可以方便地拆分和组合。单击“AP元素”面板的标签,按下鼠标左键,然后拖动到浮动面板组中“插入”面板的下方,此时,“插入”面板底端将显示一条蓝色的粗线,表示“AP元素”面板将到达的目的位置。此时,单击浮动面板组中的“AP元素”面板,即可展开面板组,如图2-22所示。

DreamweaverCS5浮动面板及使用方法

在Dreamweaver CS5工作环境的右侧存在着许多浮动面板。启动Dreamweaver CS5后,有些浮动面板已经打开,更多的则没有显示。这些面板可以自由地在界面上拖动,也可以将多个面板组合在一起,成为一个选项卡组,在默认的情况下,Dreamweaver CS5中的浮动面板都是成组排列于工作环境的右侧,并且自动排齐。

菜单栏中的“窗口”下拉菜单中单击面板名称可以打开或者关闭这些面板。例如,要打开“行为”面板可以执行“窗口”/“行为”命令。

下面简要介绍一下各个面板的功能。

●CSS样式:定义、编辑CSS样式。

●AP元素:管理页面中的AP元素,如AP元素的显示与隐藏、堆叠顺序等。

数据库:新建、修改、删除数据库的连接。

●绑定:管理数据集,添加各种变量等。

●服务器行为:利用数据集生成各种服务器端的行为。

●组件:管理预置的页面组件。

●文件:管理本地计算机的文件及站点文件。

●资源:管理站点资源,比如模板、库文件、各种媒体、脚本等。

●代码片断:收集、分类一些非常有用的小代码,以便以后反复使用。

●标签检查器:方便用户添加标签的各项属性、帮助书写代码,也可以帮助检查代码书写是否正确。

●行为:为页面元素添加、修改Dreamweaver预置的行为和事件。

●结果:提供HTML、CSS、ASP、JSP等一系列代码的参考资料、查找和替换、验证是否有代码错误、检查各种浏览器对当前文档的支持情况、检验是否存在断点链接、生成显示站点报告、记录FTP登录和操作信息,以及站点服务器的测试结果。

●历史记录:显示了从打开或者创建当前文档开始所执行的所有操作步骤,利用它可以用来撤销一个或者几个步骤,并可将选定步骤自动应用于其他页面元素,或另存为命令,以便重复使用。 注意:“历史记录”面板只有在设计视图中才能使用,在代码视图下,此面板是无效的。在代码视图中更改了文档,不会在“历史记录”面板中留下记录,当然也就无法撤销操作了。

框架:管理页面框架。

●代码检查器:在单独的编码窗口中查看、编写或编辑代码,就像在“代码”视图中工作一样。还可以查看代码中所有JavaScript或VBScript函数的列表,并跳转到其中的任意函数。(www.xing528.com)

●扩展:在Dreamweaver中添加和管理扩展功能。

扩展功能是一些可以很容易地添加到Dreamweaver中的新功能,例如用于重新设置表格格式、连接到后端数据库或者帮助用户为浏览器撰写脚本的扩展功能。如果要查找Dreamweaver最新的扩展功能,可以登录Adobe Exchange Web站点,网址为www.adobe.com/go/dreamweaver_exchange_cn/。

注意:在安装扩展功能前必须安装功能扩展管理器。功能扩展管理器是一个独立的应用程序,可用于安装和管理Adobe应用程序中的扩展功能。如果要在多用户操作系统中安装所有用户都能访问的扩展功能,必须以管理员身份(Windows)或Root身份(Mac OS X)登录。

从上面的介绍可以看出,Dreamweaver的面板综合起来功能极其强大。细心的读者可能会发现,Dreamweaver早期版本中存在的时间轴在Dreamweaver CS5中已不见踪影了。为了提升程序效能,以及更容易开发和维护系统,Dreamweaver CS5在推出新技术的同时也拿掉了一些不常使用或普通用户不用的功能,时间轴就是其中之一。

Dreamweaver CS5三个重要的功能分别是网页设计、代码编写和应用程序开发,相应的浮动面板也可以这样分类。Dreamweaver CS5的浮动面板继承了以前版本的面板属性,可以方便地拆分和组合。下面以将“AP元素”面板从“CSS样式”面板组中拆分出来,然后合并到“插入”面板组为例,详细介绍拆分和组合面板的操作方法。

(1)选择“窗口”/“AP元素”命令,打开“AP元素”面板。

(2)单击“AP元素”面板的标签,按下鼠标左键,然后拖动到合适的位置,释放鼠标。此时“AP元素”面板成为一个独立的面板,可以在工作界面上随意拖动。如图2-20所示。(3)单击“AP元素”面板的标签,按下鼠标左键,然后拖动到浮动面板组中“插入”面板的下方,此时,“插入”面板底端将显示一条蓝色的粗线,表示“AP元素”面板将到达的目的位置。释放鼠标,即可将“AP元素”面板重新排列在浮动面板中,如图2-21所示。

此时,单击浮动面板组中的“AP元素”面板,即可展开面板组,如图2-22所示。

978-7-111-34315-8-Chapter02-55.jpg

图2-20 分离出的“AP元素”面板

978-7-111-34315-8-Chapter02-56.jpg

图2-21 组合AP元素面板

978-7-111-34315-8-Chapter02-57.jpg

图2-22 展开面板组

从图中可看出,“AP元素”面板已和“插入”面板组合成一个面板,单击面板组顶端的标签,即可在“插入”面板和“AP元素”面板之间进行切换。

在实际使用中,应该根据自己的设计习惯,将常用的面板组合在一起,并放在适当的地方,以配置出最适合于个人使用的工作环境。

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

我要反馈