专业图片网站轻松建—Arles Image Web Page Creator使用指南

你如果要建一个图片网站就肯定要面临大量的图片处理。你一定不会用Photoshop 或Firework 制作缩略图，再用Dreamweaver 或FrontPage 一个一个地做链接吧？我知道你多半是用ACDSee 或Dreamweaver 这些工具做的，但是，那些繁琐的设置你受得了吗？而且，做出来的东西千篇一律，一点个性也没有！

今天我要给大家介绍一款专业级的图片网站发布工具——Arles Image Web Page Creator 。该软件的最大特点就是简单易用，又有很强的定制功能，它只要两个步骤就能生成一个既美观又实用的图片网站！同时它也给高级用户提供了非常详细的设置，最让你欢呼的是，你甚至可以轻松地给每一张图片加上你自己的图标和文字！

从Digital Dutch公司的主页（http://www.digitaldutch.com）上可以下载它的最新试用版本。它的安装界面非常友好，按照默认设置即可顺利完成软件的安装。运行软件后由于是未注册版本，会出现一个提示购买的对话框，点击I Agree 即可进入。

★  Arles Image Web Page Creator 的界面非常简洁  如下图

除去菜单栏以外，只有两个部分：功能区和设置区。我们先来熟悉一下软件的功能区（图2）。

功能区从左到右依次为：

1. Browse（浏览）：该项功能是从4.1以后的版本加入的，如果你没有装ACDSee的话，你完全可以用它作为图片浏览工具，无需再调用其他程序。其界面如图3所示，

类似于一般看图程序，相信大家使用起来不会有太大问题，这里不再介绍。

2. All：生成包括处理过的缩略图、图片以及HTML代码。

3. Thumbnails：只生成处理过的缩略图。

4. Images：只生成处理过的图片。

5. HTML：只生成处理过的HTML代码。

6. Show：调用默认浏览器或其他程序浏览所生成的网页。

★接着介绍一下设置区部分，这也是该软件最重要的部分。

1. File location 面板（图4）

主要是对文件的路径进行设置，也就是选择存放图片的文件夹。默认情况下原文件和新生成的文件是同一路径。当然你也可以把Target and source folder are same前面的勾去掉，然后选择另一路径存放生成的文件。左下区域用来设置如果生成的缩略图和图片与原来文件重名时如何处理，可以选择询问、覆盖或只加入，但一般不会出现重名的情况，选择Overwrite 即可。在Advanced 里边还可以对缩略图文件、图片和网页文件等进行更为详细的路径设置，一般选择默认路径即可。

2. Thumbnail 面板

（图5）——这里主要是对所生成的缩略图进行设置。Size 区主要是对缩略图的大小进行设置，Lock aspect ratio（锁定比例），Crop image to fit height & width（裁剪图片适应长宽比）。需要指出的是长宽为100并不代表将生成一个正方形的图片，新生成的图片仍然保持原有比例。File name 区用来设置缩略图文件名的前缀或后缀。Border 区用来设置图片的边框效果，默认为Solid（固体效果），当然你还可点击Options（参数）进行设置

（图6）。该面板可分别对生成的缩略图和图片进行设置，在图片面板中也可调出此对话框。软件提供了原始图和处理后图片的对比，非常直观。在Presets（预置）里边预设了一些样式，你可以直接调用它们，你还可以对其进行修改并将其保存，以便下次使用。Border type（边框样式）区用来设置缩略图的边框效果，从上到下分别为None 即不加边框效果，Solid 即固体效果，在图片四周生成一单色边框，Button 即按钮效果，生成的图片类似按钮形状，3D bevel 即生成一具有凹凸效果的图片，Inverted button即生成另一种按钮效果。Setting（设置）区则可以对边框的效果宽度、透明度及颜色进行更具体的设置。

在缩略图面板的Advanced 设置里边我们还可以对图片处理过程中的调整大小方式和滤镜进行调整，并可以设置缩略图的图片质量。而且软件除了JPG以外还支持最新的PNG格式，这种格式被誉为未来最有前途的一种图片格式。

3.Image 面板

（图7）——该面板主要对原有的图片进行处理，Resize 区可改变原图片的尺寸。一般来说不需要修改。Border 区的设置同缩略图面板的设置，这里不再重复。Text 区和Logo 区可以在图片上加上你自己的文字或图标，也就是给图片加上你自己的商标，这个功能是不是很棒？下面我们来看看如何分别进行这个最具个性的设置。

（1） 先来看一下加入文字的操作（图8）

窗口右边的上方为预置样式设置，其中有版权标记效果、印章效果等。下面的窗口是预览窗口，可以实时地观看效果以及文字位置等信息。窗口左边只要对显示的文字部分进行设置即可。Text 区设置你想显示的文字内容；Position 区设置文字显示的位置，可以选用它设置好的下部居中，下部居左等，也可自行设置具体的xy坐标或直接拖拽图标定位；Transparency 区设置透明度，以及是否只作为背景；Font 区设置字体、颜色，是否防锯齿；Text background 区设置文字的背景部分的效果，包括是否可见、是否与宽等距、是否圆角以及边框宽度、空白像素和颜色。

（2）相对于加入文字的设置，加入图片就没有那么详细了（图9）

它只要进行3个设置就可以了，分别是：图标的路径、位置以及透明度。