快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 无需懂代码!教你PS+DW打造精美排版!

无需懂代码!教你PS+DW打造精美排版!

放大字体  缩小字体 发布日期:2026-06-19 01:23:29  来源:电商联盟  作者:乐发网  浏览次数:25

1丶不想要规规矩矩的排版布局方式?

2丶想在详情描述里插入类似以下带有热点超链接的推荐模块图?


(可点击进入1-5副小图商品页面,实现更高的客单价)

使用工具photoshopcs5dreamweavercs5

PS操作步骤:

1丶PS打开你已经做好的整体效果图,开始切片。


2丶用切片工具,把上图切成5个小图(具体情况根据个人需要)。


3丶文件-储存为Web和设备所用格式-储存




4.点储存之后,出现一个保存对话框,在格式选项卡上选择“HTML和图像”--保存


5丶点保存后,桌面将生成一个images的文件夹和一个HTML网页(打开images文件夹,看到有5张商品图和一张“分隔符”图)。



6丶把这6张图上传到淘宝图片空间商,包括分隔符图片。

7丶右键刚才保存的HTML页面---打开方式----记事本----复制包括<table></table>这对标签之间的所有代码。


8丶打开需要装修的淘宝装修页面,在你需要插入该不规则布局的地方插入该代码。(点

<。。。>源码按钮,进入源码输入页面,粘贴刚才复制的代码)


9丶到图片空间复制图片地址,然后到源码界面替换src里面的图片地址。


10丶把所有的图片地址替换后,点《。。。》源码按钮,返回图形界面,左键点一张图片---点编辑---出现图片的编辑界面----在“链接网址”上填上该宝贝的详情页面链接。


OK!完事!!!

DW操作步骤:

1丶打开Dreamweaver,新建HTML新页面----插入--图像(或者快捷键Ctl+Alt+I

2丶左键点击图片---在软件最底部会出现图片属性-----点左下角多边形热点工具


3丶点了多边形热点工具后,在你需要设置超链接的区域点4个点围起该区域,在链接地址栏填上链接。


4丶设置其他热点(如上操作)。

5丶文件-另存为

6丶右键HTML文件---打开方式--记事本---复制代码..............................(其余操作类似上述PS)


结尾:貌似写得有点乱!只是写给那些不懂代码的人,欢迎吐槽!!希望能帮助到人。

快消品货源网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 无需懂代码!教你PS+DW打造精美排版!

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
网店装修图文
如何制作淘宝详情页图片?宝贝详情页有哪些内容? 旺铺装修之宝贝分类管理,如何添加宝贝分类装修店铺
生意参谋装修分析怎么用? 【官方】旺铺新功能多端同步页使用教程
网店装修网商学院推荐
网店装修点击排行
 
手机版 手机扫描访问