跳到主要内容

使用 Widget 浏览器（Widget） - Dreamweaver CS5.5

  • Dreamweaver CS5 & CS5.5

使用新的 Widget 浏览器，轻松添加站点功能。设置并安装 Widget 浏览器，探索 Adobe Exchange —— Adobe 基于社区的全新在线小部件资源，并查看幻灯片小部件的示例集成。
Widget 浏览器中提供的小部件是 CSS、HTML 和 JavaScript 的集成包，提供高级用户界面控件，如滑动面板、手风琴小部件，或复杂组件，如灯箱或幻灯片放映。

访问 Widget 浏览器​

访问 Widget 浏览器的方法：

  1. 转到应用程序工具栏。
  2. 找到 Widget 菜单。
  3. 选择 Widget 浏览器。

会提示您下载浏览器。此浏览器是一个独立的 Adobe Air 应用程序，可以选择是否与 Dreamweaver 一起安装。
注意： 安装 Widget 浏览器需要 Adobe ID。用户可以访问 Adobe 网站或通过安装过程创建 Adobe ID。

打包小部件​

安装 Widget 浏览器后，用户可以浏览 Adobe Exchange 查看可用的小部件。小部件也可以打包并与其他用户共享。
打包小部件的步骤：

  1. 在 Widget 浏览器中，点击 选项。
  2. 选择 启用小部件项目。
  3. 选择 小部件项目。

小部件即可被打包并上传到 Exchange！

从 Adobe Exchange 添加小部件​

从 Adobe Exchange 添加小部件到“我的小部件”：

  1. 在 Widget 浏览器中，进入 Adobe Exchange。
  2. 点击所需的小部件。弹出框会提示您输入 Adobe ID。
  3. 登录后，选定的小部件将被下载并添加到“我的小部件”。
  • 在“我的小部件”中，您可以看到小部件的评分、下载次数和许可信息。
  1. 点击右上角的 预览，预览小部件的工作效果及创建该小部件所涉及的代码。
  2. 点击右下角的 添加到我的小部件。
  3. 会提示您同意小部件的许可协议。点击 我同意 继续。
  4. 点击 转到我的小部件。

设置和查看小部件预设​

调整小部件预设的方法：

  1. 在 我的小部件 下，点击所需的小部件以打开并查看各种预设。
  2. 要为小部件创建个人预设，点击 配置。您可以切换小部件的各种设置。
  3. 完成后点击 保存预设。

嵌入小部件​

非 Dreamweaver 用户也可以在 Widget 浏览器的“我的小部件”中点击 保存小部件文件，将所有 JavaScript、CSS 和 HTML 保存为独立文件，然后集成到网站中。
在网页中嵌入小部件的方法：

  1. 点击页面，将光标定位到要插入小部件的位置。
  2. 打开 插入面板。
  3. 在 常用 类别 中，选择 Widget 图标。将出现小部件弹出菜单。
  4. 在 Widget 菜单 中，选择一个小部件和预设。
  5. 点击 确定。

小部件将被添加到页面中。

小部件编码​

查看小部件编码的方法：

  1. 切换到 代码视图。
  2. 通过小部件名称定位小部件代码，然后进行所需的页面编辑。
  3. 编辑完成后，转到 文件 > 保存 保存您的工作。
  4. 会提示是否复制依赖文件。这些文件通常是外部的 JavaScript、HTML 或 CSS，支持小部件在页面上的整体功能。点击 确定。

Dreamweaver 是 Adobe 出品的流行网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并兼容 HostGator 网络托管。

您可以通过访问 Adobe 网站或 Dreamweaver 教程学习门户了解更多关于 Dreamweaver 的信息。