一种比较特殊的响应式网站图库编辑方法

网站的响应式技术使得网站可在任何尺寸的浏览器上浏览,例如IPAD,智能手机等,全面满足持各类先进设备海外访问者的需要。使得企业网站更专业,企业的网络形象具有更高层次。同时对网站维护也提出了较高的要求,下面讲解响应式网站图库的制作方法:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

以上是图库的效果,在一般的网站里这种表格式图库直接采用拖拽缩小图片的方式生成。但是在响应式网站里不能这么做。

首先我们用Photoshop打开一张图,在“文件”菜单下有一个“文件简介”的子菜单:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

打开后我们填写图片标题和说明以及关键词,这个关键词搜索引擎是可以识别的,所以请注意填写,如下图:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

首先将滚动棒移到下半部分,说明就是对图片的描述文字,可以显示在大图片上,关键字就是图片的关键词部分。下面的标题很重要,就是显示在图库的里的每一张小图下面的文字。如果要显示英文,这些内容填写为英文,如果要显示中文,这些内容填写为中文。对于多语言网站不同的语言版本,一张图就需要处理多次,这是比较耽误时间的地方。最后确定完成图片简介的编辑。

下面一步就是保存图片为Web格式,如下图:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

接下来注意“元数据”项选择“除相机信息外全部”,这样才能够保存刚才我们设定的内容。一般来说人图片都保存为JPG高品质模式,如下图:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

最后点击“存储”就完成了图片处理。

然后我们把处理好的图片上传。每一组图库,比如一个文章里显示的所有图片就为一组图库,我们为这一组图库设为一个文件夹,图片传上去,然后在文章里设置正确的代码就好了,无需对图库的格式进行调整。

先进到样例文章里取代码,如下图:

响应式网站图库的制作方法-外贸网站建设专家新龙制作

经以上代码粘贴到新的文章里,然后修改文件夹的名字,保存。前台就看到了图库展示出来。


 本文由新龙原创,转载请注明https://newloong.com/zh-cn/jishuzhichi/joomlawangzhanweihu/1360-xiangyingshiwangzhantuku.html,如需转载到论文或书籍撰写中请事先联系新龙,谢谢!

外贸网站建设专家—新龙,是您互联网商业应用的好伙伴!全球信赖的网页设计服务商!