1. 打卡【PS】,将“首页”图片素材在PS中打开,选择【视图】-【新建参考线】调整【取向】水平、【位置】为150像素,参考线可以根据素材进行分类【拖拽】参考线;选择【切片工具】点击【基于参考线的切片】,再按【Ctrl+Shift+S】存储为WEB格式,调整【格式】JPEG、【品质】为100,点击【存储】。
2. 找到切片文件“images”,将“首页”拖到【PS】中,点击【图像】-【画布大小】调整【宽度】950像素,再按【Ctrl+Shift+S】存储为。用浏览器【打开】淘宝后台,找到【店铺管理】-【图片空间】将切好的图片【上传】到后台;回到【店铺管理】选择【店铺装修】,点击【PC端】。
3. 在操作界面中,在【首页】栏中选择【装修页面】,点击【布局管理】打开后再选择【添加布局单元】选择尺寸。打开【DW】新建【HTML】,点击【插入】-【图像】;【打开】淘宝后台,在【图片空间】找到“首页”点击【复制链接】,将链接按【Ctrl+A】全选再按【Ctrl+C】复制;回到【DW】中将链接【粘贴】到【URL】中,点击【确定】。
4. 【点击】图片,在【属性】中选择【矩形热点工具】框选需要做链接的地方,比如:制作“首页”的链接,在淘宝【复制】“首页”的链接,【粘贴】到【属性】的【链接】中,【目标】选择“_blank”;相同操作制作其它链接;按【F12】预览。
5. 打开【代码】栏,【全选】代码【右键】选择【拷贝】;打开淘宝后台【店铺装修】,点击【自定义招牌】选择【源码】将代码【粘贴】进去,调整【高度】150px,点击【保存】。
6.