本节简介:使用Photoshop对店招设计稿进行切片并添加链接,装修店招的过程演示。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
店招设置:1 店招尺寸950*120 。 2 切图,编辑切片,复制热区网址到URL。3 保存切图和html。4 淘宝设置店招:复制html代码到源码,复制图片链接
自定义招牌-源码-将刚才代码粘贴来过--图像上传图片空间-按顺序编辑添加图片地址
店招图html-右键-查看网页源代码-从table 开始到table 结束
切片选择工具-右键-编辑切片选项-URL(相当于链接地址-)-目标(是否在新页面打开-blank)
贴片工具-参考线,基于参考线的切片-存储为Web所用格式
编辑链接后存储为web格式,保存时选择HTNL和图像格式
店招里编辑其他链接时目标地址填_blank(新窗口打开)
使用PS为店招添加链接步骤:在PS打开店招,进行切片,后单击切片选项工具,单击右键选择编辑切片,在url填写店铺网址(店铺网址打开我的店铺在链接中复制),粘贴地址,目标地址不用填写
利用浏览器打开图片,查看网页源代码从绿色什么图片到end中间部分复制。用自定义招牌,选择代码,粘贴代码,记得上传切片图片到图片空间。在对模块进行编辑,添加图片即可。
新窗口打开(目标 _blank)不写就是当前窗口打开。格式选择html和图像,所有切片,确定即可。
使用ps为店招添加链接。用切片将页头切出若干有用区域(利用基于参考线切片) 里用切片选择工具,编辑切片选项 url添加链接地址 可设置本窗口打开和新窗口打开(即刷新本窗口或弹出新窗口) 存储为web格式
切片选择工具 点击-右键-切边选项 URL 连接 目标; _blank 在新的页面打开
1.切割要添加的区域。 2.切片选择工具选择要添加链接的区域右击编辑切片选区。 3.URL添加连接的地址。(目标)用来设置在新窗口或本窗口打开链接。如需要新窗口打开需填写代码(-blank)。5,存WEB格式,HTNL和图像保存,桌面会显示两个文件,一个是用来保存突变,一个是用来保存链接。6.复制链接的文件里面的代码,到装修店招后台,上传裁切图片到空间,把图片的地址复制到相对应的模块里面即可显示。