Dreamweaver CS6使用Spry面板.pdf
版权申诉
5星 · 超过95%的资源 107 浏览量
2022-07-10
14:19:54
上传
评论
收藏 1.04MB PDF 举报 
Dreamweaver CS6使用Spry面板
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要：本文档主要介绍Spry面板的相关知识、插入Spry面板及属性设置的操作方法。
关键词： Dreamweaver CS6；Spry；面板
1 认识Spry面板
在 Dreamweaver CS6 中包括 Spry 选项卡式面板、Spry 可折叠面板以及 Spry 折叠式面板 3 种面
板类型，下面将分别介绍各种面板。
（1）Spry 选项卡式面板：Spry 选项卡式面板构件是一组面板，用来将内容存储到紧凑空间中。
（2）Spry 可折叠面板：Spry 可折叠面板的好处是可节省宝贵的页面空间，同时给访问者更佳的用
户体验。
（3） Spry 折叠式面板：折叠构件是类似于
面板的一组可折叠的面板，可将大量内容存储在一
个紧凑空间中，访问者通过单击该面板的选项卡来隐藏或显示折叠构件中的内容。
2 插入并设置Spry面板
在 Dreamweaver CS6 中对于不同的 Spry 面板的插入方法都基本相同，都可通过两种方法进行插
入，一种是通过菜单命令；另一种则是通过“插入”浮动面板，下面将分别对 3 种 Spry 面板的插入和
设置方法进行具体的介绍。
（1）插入并设置 Spry 选项卡式面板
在 Dreamweaver CS6 中插入 Spry 选项卡面板后，访问者可通过单击选项卡来切换存储在选项卡
式面板中的不同内容，单击某个选项卡时，对应的构件面板会打开。而插入 Spry 选项卡式面板的方法为：
在“插入”浮动面板的“Spry”分类列表中单击“Spry 选项卡式面板”按钮或选择【插入】/【Spry】/
【Spry 选项卡式面板】命令。
图 1 插入并设置 Spry 选项卡式面板
在 Dreamweaver 中插入了 Spry 选项卡式面板后，则会激活相应的属性面板，在该面板中包 括
“选项卡式面板名称”、“面板”列表及面板添加、删除按钮和面板顺序调整按钮，以及“默认面板”
下拉列表框。选中“面板”列表中面板名称，可使网页编辑区中对应面板进入编辑状态，在网页编辑区
对该面板中的内容进行编辑即可。
图 2 对该面板中的内容进行编辑
下面将对属性面板中的各参数设置进行介绍。
①“ 选 项 卡 式 面 板 ” 文 本 框 ： 主 要 是 用 于 设 置 插 入 面 板 的 名 称 ， 默 认 情 况 下 会 以
“TabledPanels1、TabledPanels2……”进行命名。
②“面板”列表：该列表中显示了所选 Spry 选项卡式面板的各个标签选项，单击其上方的 和 按
钮可以添加或删除列表中的标签选项，单击 和 按钮则可以调整列表中标签的顺序。
③“默认面板”下拉列表框：在该下拉列表框中列出了 Spry 选项卡式面板中所有的标签面 板，并且
所选择的标签面板会在编辑区中显示。
1 / 3
Dreamweaver CS6 使用 Spry 面板
资源评论
zues.7702024-01-16资源是宝藏资源，实用也是真的实用，感谢大佬分享~
