HTML 库

HTML 库导出功能可将 Microsoft Expression Media 目录输出为 HTML 格式的 Web 库。HTML 库看起来可能与 Expression Media 中显示的目录非常相似。该库可以包含缩略图图像的索引,当您在浏览器中单击该索引时将显示图像的较大视图或者播放影片或音频文件。您可以使用此选项来创建自己作品的展示网站。

Expression Media 还包括可用于快速生成动态 Web 库的 Silverlight 模板,这些模板可通过利用跨平台、富媒体 Silverlight 体验的创造性动态布局来展示图像。您可以按原样使用这些模板,也可以自定义它们。

在创建库之后,您可以使用自己的 FTP 软件上载文件,也可以使用 Expression Media 上载导出的 Web 库。

Cc294599.alert_caution(zh-cn,Expression.10).gif重要事项:

Expression Media 不会对您的 FTP 登录信息进行加密;因此它不能提供安全的登录方法。要确保安全地上载,则应使用与安全上载技术(如 SFTP,即安全 FTP)兼容的第三方 FTP 程序来上载文件。如果您不确信要使用何种安全技术,请咨询 FTP 站点提供商,以了解其所支持的安全技术。

HTML 库

Cc294599.c2c794d6-6939-4eba-a572-4f954c527eb7(zh-cn,Expression.10).png

Expression Media 可创建 Web 照片库所需的全部文件。HTML 索引页中包含缩略图图像。单击缩略图可打开完全大小的图像,并显示元数据。

Expression Media 提供了两种用于创建 HTML 库的方法:

  • 您可以使用默认主题来根据目录中的“缩略图”和“媒体”视图的“视图选项”创建网站。也可以使用随该程序提供的任一可视主题。

  • 您可以创建自己的主题。Expression Media 可对库的索引视图和媒体视图使用不同的模板,并提供可用于提取目录信息(例如字段和缩略图)的丰富词汇以及导航、日期、时间等项目的高级标签。创建主题需要掌握 HTML 编辑技巧。要了解有关如何创建主题和模板的详细信息,请参阅自定义 HTML 库

Cc294599.alert_caution(zh-cn,Expression.10).gif重要事项:

如果使用的是 Windows Vista,那么要通过 Expression Media 呈现 HTML,则不能以管理员身份运行 Expression Media。您必须是用户,或具有较少的权限。如果以管理员身份登录,则必须首先找到 Expression Media.exe 文件,然后才能更改程序权限。接下来,右键单击该文件,单击“运行身份”,然后输入除管理员用户名和密码以外的其他用户名和密码。

创建库

创建库

  1. 打开包含可在 Web 上分发的照片、插图、影片或者任何媒体文件的 Expression Media 目录。

    Expression Media 将仅导出该目录中的可见项。在创建库之前,请确保所要导出的项已显示在目录中。然后,在“生成”菜单上单击“HTML 库”。

  2. 在“主题”菜单上,选择主题类型。

  3. 单击“主题”选项卡并设置下列选项:

    • 站点标题 设置将显示在库中索引页顶部的文本。如果不希望包含标题,请将此字段保留为空。有些主题不需要站点标题。

    • 主题 从预设主题选项中进行选择,或使用“默认值”来创建网站(通过使用您在目录中为“缩略图”和“媒体”视图设置的“视图选项”)。如果选择“默认值”,请确保选择所需的索引表、缩略图和媒体大小选项。所有其他主题都具有专为最佳输出设计的预定义表和媒体大小。您可以更改这些选项;但是,编写某些主题是为了使用特定的默认值,更改这些主题会产生异常结果。如果生成的 HTML 库的外观不正确,请使用默认设置重新生成。

    • 索引表 自定义库中索引页上横向和纵向显示的缩略图的数目。

    • 缩略图 设置库中缩略图的大小和位置选项。

    • 媒体 设置库中媒体的大小和位置选项。

  4. 单击“设置”选项卡,然后根据以下描述设置选项:

    • HTML 扩展名 定义 HTML 文件的扩展名。选项包括 .htm、.html、.shtml、.asp、.php 和 .xml。

    • 输出 选择“将数字用作 HTML 文件名”设置可对媒体文件名使用数值增量(如 1、2、3)。

      选择“将字幕视为原始 HTML”设置可在“描述”注释字段中使用 HTML 代码(如 <b></b>)。

    • JPEG 质量 选择应用于缩略图和媒体图像的压缩级别。

    • 水印 导出带有可见水印的图像,该水印是叠加在主图像上的辅助图像。

      选择“为图像加框”设置可在导出的每个缩略图和媒体图像周围加上 1 个像素宽的黑色边框。

      选择嵌入注释设置可将所有 IPTC/XMP Core 注释均嵌入导出的每个图像中。

      选择保留颜色配置文件设置可将 ICC 颜色配置文件嵌入导出的每个缩略图和媒体图像中。

      选择保留 EXIF/GPS 元数据设置可将 EXIF 和 GPS 数码相机元数据嵌入导出的所有媒体图像中。

    • 影片 在媒体页上调整 QuickTime 影片的属性:

      “自动播放” 将在影片加载到浏览器中时自动播放该影片。

      “连续” 循环播放影片。

      “显示视频控制器” 开启和关闭影片的标准播放控件。

      “展台模式” 在浏览器窗口中隐藏用于保存影片和更改 QuickTime 设置的选项。

  5. 单击“服务器”选项卡并设置 FTP 选项:

    • 服务器 键入服务器的 FTP 地址(如,ftp.ourmedia.org)。Expression Media 将存储您在菜单中定义的每台服务器,以便将来以更快的速度访问。

    • 用户名称 键入 FTP 服务器的用户名。

    • 密码 键入 FTP 服务器的密码。

    • 远程目录 键入服务器上您的帐户的 Web 根文件夹的路径。如果库的文件夹不存在,确保在此路径中定义新的文件夹。

    • 跳过现有的图像文件 如果已上载库图像并且现在只是重新上载 HTML,请选中此框。

    • 预览设置 键入导出库的完整 URL。确保键入的上载文件夹名称与您在“文件夹”字段中指定的名称相同。

  6. 单击“主题字段”选项卡。一些主题包含可以在此面板中键入的变量。例如,您可能会对专业工作使用一个通用主题。此主题可能包含一些特殊主题字段,以便您能够键入客户名称、作业编号和任务详细信息。此信息随后将显示在导出的网页中。

  7. 创建库之后,需要检查最后两个选项。要使 Expression Media 上载导出的库,必须选中“上载到服务器”框。选择“完成后启动浏览器”选项以让 Expression Media 在系统默认的 Web 浏览器中打开导出的 Web 库。

  8. 定义设置后,单击“创建”。 Expression Media 创建库所需的时间因图像的数目、原始大小和导出大小而异。如果选择该选项,则在导出库后将在 Web 浏览器中打开该库。

  9. 可选。Expression Media 导出库后,您将看到一个对话框,其中显示“已完成库构建。是否要将 (X) 个文件上载到服务器?”,其中 X 是库中的文件数。如果单击“确定”,则将文件上载到服务器时,进度栏面板将显示每个文件的进度。

为 HTML 图像添加水印

Expression Media 可导出带有可视水印(叠加在主图像上的辅助图像,可提供标识图像来源的方法并保护其版权)的 HTML 图像。

Cc294599.alert_note(zh-cn,Expression.10).gif说明:

可视水印与数字水印不同,后者是通过算法实现的并且设计为不可视。

为图像加水印

  1. 启动 Adobe Photoshop 或可创建带透明背景的 .tif 文件的备用程序。Expression Media 接受 .tif、.psd、.jpg、.pict、.png、.bmp 和 .gif 格式。

    Cc294599.alert_note(zh-cn,Expression.10).gif说明:

    .jpg 格式不支持透明度。建议使用 .tif 以获得最佳效果。

  2. 创建新文件。

    在此示例中,文件的宽度为 200 像素,高度为 50 像素。将该文件设置为 RGB 格式,并将“背景内容”设置为“透明”。

  3. 单击“类型”工具,然后键入颜色设置为“黑色”的内容。

  4. 单击“保存”。选择 .tif 作为保存格式。不必保存 Alpha 通道或图层信息。

  5. 在下一个对话框中,选择所需的压缩设置,然后选择“保存透明度”。

  6. 返回到 Expression Media 的“HTML 设置”面板,并在“设置水印”对话框中单击“新建图像”按钮以选择该 .tif 文件。

水印选项

通过前面的步骤可创建一个叠加图,其中水印的颜色是不透明的(如全黑或全白)。

您可以更改水印颜色的不透明度,并通过将图层的不透明度调整为处于 50% 到 90% 之间来使其具有透明品质。要添加投影并使水印更富有情趣,请在步骤 3 后添加以下步骤:

  1. 添加“投影”滤镜。

  2. 将此滤镜的颜色设置为白色或黑色,或者您喜欢的任何颜色。

  3. 要使水印透明,请在滤镜对话框中将不透明度调整为 75%。

使用投影可确保水印清晰可见,即使将其置于图像的较暗或较亮部分也是如此。

另请参见

概念

Expression Media Reader