你如果要建一个图片网站就肯定要面临大量的图片处理。你一定不会用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个设置就可以了,分别是:图标的路径、位置以及透明度。
3. Index page 面板(图10)
主要对生成的索引网页进行设置。Index table 区用来设置缩略图所在表格的行数和列数,如果勾选了Single page,则不再设置行数,所有链接均包含在一页之内;Cell space和Cell pad 设置单元格之间的空隙;Align 和Border 设置对齐方式和边框宽度;Gallery style 区可以设置以框架结构来显示图片,在Options 当中还可设置框架的名称、位置和大小。HTML design 和Navigation links 部分比较重要,下面我们将分别进行介绍。
(1) HTML design部分
图11):首先是最上方的All pages have same layout,若勾选此项则所有的网页均使用相同的版面。下面有3个标签,分别是对版面、页面横幅、自定义HTML源码进行设置。其中页面横幅允许用户在页面最上方或最下方加入横幅,只需设置图片路径和指向即可。自定义HTML源码允许用户加入自定义网页代码。我们主要来看一下对版面的设置。Page color(网页颜色)主要用来对网页上色彩进行定义,从上往下分别是对背景、文本以及链接的3种状态的设置。Background image区可以设置背景图片。Example区显示预览效果。通过这一面板的设置,用户可以设计出相当有个性的网页。
(2) 再来看Navigation links 导航链接的设置
(图12):最上方预置了好些样式供用户调用,下面3个标签分别对索引页、图片页和选项设置。Navigation items 设置显示的链接项目,可根据需要勾选。选择某一项目后就可以设置是用文字链接还是图片链接,并且可以设置链接指向。在Options里边可以设置整个页面各个部分的字体和字号,省去了编写CSS代码的手续,真是方便到家。
4. Image page面板
该面板对生成的图片页进行设置。General 区设置缩略图的指向,有图片页,处理过的图片和原始图片可供选择;HTML design 和Navigation links 在索引页已经介绍,这里不再重复。该面板最有创意的一个功能在于Slideshow 区的设置,如果勾选Add slideshow timer 的话,将可以使网页像PowerPoint 或ACDSee 一样自动播放页面,可以设置间隔时间和整个动作完成后是重新播放、停止或返回索引页。
5. Titles 面板
该面板的功能主要是设置所有索引页和图片页的标题,以及缩略图和图片的名称、位置。在Advanced 中还可设置图片的HTML代码中ALT标签的内容等。
如果你是一个新手,不想作太多的设置的话,你只要在设置区File location 面板选择存放图片的文件夹路径后,按一下功能区的All 按钮就大功告成了!软件会自动以极快的速度处理完图片并生成网页。特别值得指出的是,在图片页的顶端生成了一排漂亮的按钮链接到索引页、前一页、后一页、最前页和最后页,以及一个可链接到所有图片页的下拉菜单,极大地方便了浏览者。
制作图片网站的软件笔者使用过不少,Arles Image Web Page Creator 可以说是功能最强大的了,相信你也一定会像笔者一样爱不释手。
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
最新文章
sorry动图在线生成 so微信头像怎么加圣诞帽
GIF动画制作教程:视频转GIF动态头像方法ps怎么把白色背景变透明 PS如何将某种颜色变微博#打码大赛#火热进行 牛人妈妈神作走红!不用软件一键去除图片水印的方法
人气排行 ps怎么把白色背景变透明 PS如何将某种颜色变不用软件一键去除图片水印的方法sorry动图在线生成 sorry动图制作地址分享PNG格式图片不显示怎么办如何制作图标文件(ICO文件)GIF动画制作教程:视频转GIF动态头像方法ACDSee去水印详细教程用好UltraEdit的模板功能
查看所有0条评论>>