Skip to main content

在Dreamweaver中创建Web相册

7.7 DW CSS 设计器 鼠标行为规则 (六月 2025)

7.7 DW CSS 设计器 鼠标行为规则 (六月 2025)
Anonim
01年01月

在相册中整理您想要的照片

注意: Dreamweaver相册向导要求您在计算机和Dreamweaver上安装Fireworks。

Dreamweaver相册向导会将目录中的每张照片都放入您的相册中。虽然使用你拍摄的每张照片都很好,但除非你是专业摄影师,否则很可能会有你不喜欢或不应该包含的照片。

  • 创建一个新目录,只将所需的照片放入其中。
  • 将图像大小调整到合理的网页大小是个好主意(500x500像素是一个很好的基准)。
07年02月

启动Dreamweaver Web相册向导

去吧 命令 菜单。

选择 创建网络相册…

注意: Dreamweaver相册向导要求您在计算机和Dreamweaver上安装Fireworks。

03年3月

填写相册详细信息

Dreamweaver将创建一个带有标题,子标题和描述性文本的相册。该专辑将有一个带有缩略图的首页,每个图像都有一个完整大小的页面,其中包含相册中前一个和下一个图像以及索引的链接。

  • 相册标题 这是你专辑的标题。 Dreamweaver会将其添加为 你的文件和作为<a id="menu-4"></a><h2>索引页面上的标题。</h2>
  • 副标题信息 副标题位于下方

    专辑索引页面上的标题。

  • 其他信息 最后,您可以添加有关整个相册的描述性文字。这将在索引页面上的缩略图上方显示为纯文本。
  • 源图像文件夹 这是您保存要放入图库的图像的文件夹。使用“浏览”按钮浏览到该位置。
  • 目标文件夹 这是您希望图库生效的网站上的文件夹。 Dreamweaver将创建一个图像文件夹以及此文件夹中的所有必需HTML文件。浏览到硬盘上的该文件夹。我建议将您的相册放在一个空目录中。
07年04月

填写相册详细信息 - 续

  • 缩略图大小 您可以为缩略图选择5种不同的尺寸。默认大小为100x100。我喜欢72x72,但您也可以选择36x36,144x144或200x200。
  • 显示文件名 我想留下这个检查。它告诉Dreamweaver将文件名放在索引页面中。我留下他们,以便我可以轻松编辑字幕。
  • Dreamweaver构建一个表来放置缩略图,您可以选择应该有多少列。请记住,如果您使用更大的宽度缩略图,如果您有很多列,页面可能会变得非常宽。
  • 缩略图格式和照片格式 Dreamweaver会将您的图像转换为JPEG或GIF文件,您可以选择更快的下载或更好看的图像。
  • 规模 如果在运行向导之前没有调整图像大小,那么它们可能非常大 - 对于网页来说太大了。您可以选择缩放原始图像,以便更快地加载并在网页上更容易查看。
  • 为每张照片创建导航页面 如果关闭此选项,Dreamweaver将直接链接到较大的照片。否则,它会为图像创建单独的HTML页面。

单击“确定”,Fireworks将打开并开始处理图像。如果你的相册有很多照片,这可能需要几分钟时间。

05年05月

在Dreamweaver中查看您的相册

在Dreamweaver中创建相册后,就可以像编辑任何其他网页一样编辑相册。

07年6月

更改字幕

如果选择显示文件名,Dreamweaver将包含每个文件名作为缩略图的标题。选择文件名并为照片添加真实字幕。

07年07月

在不同的浏览器中测试您的相册然后上传

Dreamweaver为相册创建了一个非常简单的基于表格的布局,并且在任何现代浏览器中它都不会看起来很糟糕。但是,在尽可能多的浏览器中测试页面总是一个好主意。

使用上传按钮上传您的相册。这将确保将所有文件,图像和缩略图上传到正确的位置。如果您没有在Dreamweaver中定义站点,则需要定义一个站点以使其正常工作。您还需要设置该站点以传输文件