跳到主要内容

资产管理 - Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

资产面板为用户提供了一个集中位置，用于控制和管理与网站相关的所有图像、视频、脚本及其他文件。此外，资产面板允许用户通过使用文件夹和收藏夹来预览、筛选、定位和组织资产。以下视频教程将重点介绍如何使用这些功能管理图像。

资产面板类别​

  • 图像 存储以 .gif、.jpeg 或 .png 格式的图像文件。
  • 颜色 列出文档和样式表中使用的颜色，包括文本、背景和链接的颜色。
  • 脚本 存储 JavaScript 或 VBScript 文件。在 HTML 文件中（而非独立的 JavaScript 或 VBScript 文件），脚本不会显示在资产面板中。
  • ShockWave 列出任何版本的 Adobe Shockwave 文件。
  • Flash 存储任何版本的 Adobe Flash 文件。资产面板显示 .swf 文件（由 Flash 创建的压缩文件），但不显示 .fla（Flash 源文件）。
  • 库 列出在多个页面中使用的设计元素。修改库项目时，所有包含该项目的页面都会更新。
  • 模板 存储用于多个页面的所有母版页面布局。修改模板将自动修改所有关联的页面。
  • 影片 存储并列出 QuickTime 或 .mpeg 文件。
  • 网址 包含当前站点文档中的外部链接，包括 FTP、gopher、HTTP、HTTPS、JavaScript、电子邮件（mailto）和本地文件（file://）链接。

管理图像​

资产面板中显示图像的两个副本，一份保存在图像目录，另一份保存在已完成文件目录。
图像可以按以下几类进行排序：

  • 图像名称
  • 图像尺寸
  • 文件大小
  • 文件类型
  • 文件路径

另一种管理图像的方法是利用收藏夹功能。将文件或图像添加到收藏夹不会移动物理文件，但会使用户更容易访问和定位该文件。

从资产面板插入图像​

从资产面板插入图像的方法：

  1. 单击图像文件图标一次。
  2. 将图像文件直接拖放到所需的页面位置。
  3. 在提示时提供替代文本或长描述（longdesc）或详细描述。
  4. 点击确定。
  5. 点击图像并进行相应的格式设置。

收藏夹​

要在站点图像和收藏夹之间切换，请使用图像缩略图预览区上方的单选按钮。

添加文件到收藏夹​

  1. 选择一个文件并右键单击。
  2. 在弹出菜单中选择 添加到收藏夹。

另一种添加文件到收藏夹的方法是选择文件后点击右下角的收藏夹图标。该图标显示为带有粗体加号的紫色丝带。

编辑图像​

  1. 点击文件以选择。
  2. 点击右下角的 编辑 按钮（图标像一支笔和一张纸）。

将打开您选择的图像编辑程序。
也可以通过双击文件图标来编辑文件。单击图标则允许用户查看文件图像的缩略图。
从收藏夹中移除文件

  1. 选择文件。
  2. 点击 从收藏夹移除 按钮（显示为带有粗体减号的紫色丝带）。

收藏夹中的附加功能​

Dreamweaver 为使用收藏夹功能时的资源组织提供了优化功能，例如为文件设置昵称和将收藏文件添加到自定义文件夹。

昵称​

昵称是收藏夹功能中的一个特性，允许用户更改文件的显示名称，而不影响文件的实际信息。
创建文件昵称的方法：

  1. 单击文件名一次。
  2. 在对话框中输入昵称。
  3. 按 回车 键或点击面板其他位置以确认更改。

自定义文件夹​

用户还可以创建自定义文件夹，更好地组织收藏夹中的文件。收藏夹中的文件夹仅用于组织，不会改变文件的实际路径。
在收藏夹中创建文件夹的方法：

  1. 点击右下角的 创建文件夹 图标（显示为橙色文件夹）。
  2. 命名文件夹。
  3. 按 回车 键或点击面板其他位置以确认更改。

创建新文件夹后，用户可以选择所需的图像和文件，通过拖放进行整理。

入门教程​

  • 什么是 Dreamweaver CS5？
    1. 定义新站点
    1. 创建新文档
    1. 为文本添加结构
  • 4. 管理资产
    1. 在页面上放置图像
    1. 创建链接
    1. 理解样式表（CSS）
    1. 从属性检查器控制 CSS
    1. 使用实时视图和 CSS 检查器

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

您可以访问 Adobe 官网或 Dreamweaver 学习门户，了解更多关于 Dreamweaver 的信息。