当前位置:首页 > 科技 > 正文

软网生活:免费制作HTML网络相册

如果要将照片制作成网络相册放在网页上展示,该如何操作?是不是一定要用专业的建站软件呢?其实,使用一个免费软件HTTPhotos就可以搞定了。通过这个不到1MB的小工具,我们可以简单套用模板或灵活自定义布局,生成实用的HTML5网络相册。

首先,下载并安装HTTPhotos软件(软件下载:https://us.digicamsoft.com/softhttphotos.html)。启动软件后,首先创建一个空白工程文件,点击磁盘按钮保存工程文件。然后在“Select Photos”选项卡下,点击文件夹按钮添加图片到工程文件中,之后便可在当前窗口中进行图片预览。点击窗口底部的滑块,可调节缩略图的大小(图1)。如果要改变图片的顺序,只需单击图片并拖动即可。将鼠标悬停在图片上,点击收藏图标可收藏图片,收藏的图片还可以另存为单独的相册。

软网生活:免费制作HTML网络相册

然后,对图片进行编辑处理。点击“Edit Photo”选项卡,启动到编辑窗口。通过顶部的按钮切换和旋转图片;在底部的CAPTION栏中,可为图片添加标题。通过窗口左侧的FILTERS过滤器,可选择图像效果(自上而下包括:镜像、黑白、浮雕、负片、锐度、模糊、缩放等),还可以调节亮度和对比度。通过左侧中部的比例选择框,可手动自由调整比例或选择固定比例(图2)。

软网生活:免费制作HTML网络相册

接着,调整图片库的布局,既可以直接套用现成方案,也可以在现有方案的基础上自定义个性化布局。点击“Customize Gallery”(自定义布局)选项卡,在自定义布局窗口的左侧,选择一个现成的模板类型加以套用;或者通过右侧窗格上部的选项卡,切换并自定义设置背景、文本、水印等项目,从而形成自定义的布局样式。点击底部的预览按钮,可以在网络浏览器中以当前布局进行预览(图3)。

软网生活:免费制作HTML网络相册

最后,点击“Create Gallery”选项卡,即可进入网络相册的创建环节。相册可以建在本地,只需点击“Save on Local Drive”按钮,即可创建本地相册。本地相册保存在“C:\Users\USERNAME\Documents\httphotos”(注意,USERNAME是当前用户名)文件夹中,图像以SVG格式保存,生成的网页代码是HTML5格式。

软网生活:免费制作HTML网络相册

相册创建完成后,我们可以手动将生成的HTML网络相册上传到自己的网站或FTP服务器中。此外,如果在软件中点击“Create Account”注册了Digicam云账户,用该注册账户登录之后,可将制作的相册保存在Digicam云中(图4)。

有话要说...

取消
扫码支持 支付码