本节简介:使用Photoshop对店招设计稿进行切片并添加链接,装修店招的过程演示。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
使用ps为店招添加链接:切片工具-参考线(ctrl+r)-切片工具-基于参考线的切片-加链接(切片选择工具)-右键(编辑切片选项)-url(链接地址)-目标(本窗口or新窗口_blank)-html和图像格式-切片-所有切片-查看网页源代码-只需要两个table中间的代码-装修页面-自定义招牌-复制代码-上传切片-编辑切片
店招编辑界面选择自定义店招,选择<>,粘贴代码。保存。上传形成文件夹中的图片到网络,编辑店招,选择每个切片块编辑对应图片地址。
用参考线将图片切片,用切片选择工具及右键中的选项编辑url和目标(目标填写_blank是在新页面打开,不写是在当前页面打开)。保存为web格式,并选择保存图片和html。打开html文件用右键查看源代码。复制<table到</table的内容
代码要先点击源码粘贴到源码框里 形成代码框架 把切片上传后的网络地址粘贴进去
收藏链接 导航栏上方有“收藏店铺” 复制链接地址 粘贴到编辑切片后的链接
切片-切片选择工具-右键-编辑切片 可添加切片地址
店招编辑-自定义-粘贴源代码-图片部分-编辑-粘贴地址
ps给店招添加链接:切片-选择切片-编辑-目标(_blank)即新窗口打开-保存(图像+html)-图像上传-查看源代码
1、切片工具-拉参考线-基于参考线切片-切片选择工具-右键编辑切片选项 2、如果需要新窗口打开在目标设置处:_blank 3、储存为web,格式必须是HTML和图像,所有切片 4、打开储存好的HTML格式文件,右键查看网页源代码复制table始末,粘贴到店招自定义源码区域
复制代码 颜色变化table开始到table结束的代码
目标 写下划线 _blank 表示新的指定窗口打开