怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

来源：互联网 2023-03-16 19:19:19 295

本章主要介绍用ps制作阿里巴巴宝贝详情文件源代码，单图多链接的制作，如何用office Word更换源代码中图片的链接。（对于什么是源代码、ps怎么使用我这就不做过多说明，自己可以在百度中找教程学习）

工具/原料

准备一台能正常联网的笔记本或台式电脑，只要能运行ps、office软件。
准备好要制作的宝贝的图片，打开安装好的ps软件。

方法/步骤

打开安装好的ps软件，并依次点击 —文件—打开—或者快捷键Ctrl O打开自己准备好的图片。（本人使用的是ps4版本，每个软件版本制作方法流程都是一样的）

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

打开自己宝贝图片后进行美化编辑，做好后就可下一步了，鼠标点击到裁剪工具这里，右击选中切片。

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

利用切片工具进行图片切割，切的部分会有虚线分辨的。（本文利用一张蓝色图片进行讲解，切片关于后期插入超链接所用，你切在哪个位置网页中点击你当时切的位置才会产生超链接效果的，当然你这张图片可以插入多个超连接，只要你多切几下就好了，至于怎么切，还得自己规划。）

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

切好后就可点击文件，进行保存，点击—打开—存储为web和设备所用格式，这一步非常关键的。然后会用存储工作界面出现，刚才我把图片切成了3个部分。

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

双击切好的部分，会弹出切片选项对话框，在URL中输入你要导入的超链接，切的每个都可导入不同的超链接，这以后就可以一张图多个超链接效果。点击确定就好了。

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

这步就可以进行存储了，基本要存储两种格式，一种是gif格式及HTML格式的，保存到指定路径，确定就好了。其它的基本不用去设置。

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

存储好后打开你存储好的文件，双击—这时就会自动跳转进入浏览器，这时右击鼠标—查看网页源代码。复制下来，打开office Word，粘贴上去。（使用Word会分辨出超链接地址图片地址，这样更容易接下来的替换。）

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件

7相关内容未经许可获取自百度经验

这时你就要把之前存储好的gif格式图片存储到阿里巴巴的图片空间，重新发布新的宝贝，直接进入宝贝详情编辑界面，把刚才上传好的图片编辑进去，然后再点击源代码，这时图片的网页地址就出来了。然后每个依次复制到Word的文档中替换原有图片地址。（都修改好后就可复制到详情页的源代码中，这段代码就算大功告成了，发布宝贝后别人点击你这张图片就可跳转到你当时制作的超链接中。）

怎么用ps制作阿里巴巴宝贝详情源代码、HTML文件