当前位置: 首页 > 攻略教程 > 软件教程 > 用PS生成html网页文件使用方法步骤

用PS生成html网页文件使用方法步骤

时间:2024-06-23 15:07:19 编辑:易网VIP游戏门户 阅读:0

亲们或许不知道用PS生成html网页文件的详细操作,那么今天小编就讲解用PS生成html网页文件的操作步骤哦,希望能够帮助到大家呢。

用PS生成html网页文件使用方法步骤

用PS生成html网页文件使用方法步骤

打开Photoshop软件,将处理好的图片放入文档工作区,

用PS生成html网页文件使用方法步骤截图

在左边的工具栏中选择切片工具,如图,

用PS生成html网页文件使用方法步骤截图

将图片切成几部分,如图,需要删除时可以用切片选择工具选中那一部分、然后按delete键删除,

用PS生成html网页文件使用方法步骤截图

然后点击菜单栏的文件——导出——存储为web所用格式,将图片保存,

用PS生成html网页文件使用方法步骤截图

在保存属性栏中可以更改图片格式、图像大小(也可以选择默认不修改),选择存储命令,

用PS生成html网页文件使用方法步骤截图

必须选择保存文件格式为“HTML和图像格式”,将所有切片全部导出,

用PS生成html网页文件使用方法步骤截图

导出成功,我们在保存位置会看到一个images文件夹和一个html文件,images里面就是分割的图片,

用PS生成html网页文件使用方法步骤截图

打开html网页,就会看到图片,这张图片是以代码的形式插入的。

用PS生成html网页文件使用方法步骤截图

以上就是我为大家分享的全部内容了,更多软件教程可以关注下载之家