本节简介:使用Photoshop对店招设计稿进行切片并添加链接,装修店招的过程演示。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
编辑切片选项,首页在 本窗口打开,产品目标为-blank。收藏本店,查看淘宝店铺,收藏按钮右键复制链接地址,本窗口或新窗口打开。
使用ps可以为店招添加链接:使用切片工具,ctrl+r划参考线,划分区块,基于参考线的切片,然后用切片选择工具,选择切片,编辑切片选项,填写链接 2切片存储为网页和图像格式,打开网页,空白处右键查看源代码,复制table之间的代码
使用ps可以为店招添加链接:使用切片工具,ctrl+r划参考线,划分区块,基于参考线的切片,然后用切片选择工具,选择切片,编辑切片选项,填写链接
之后切片文件存储为WEB-HTML和图像格式-点开html-右键单击查看源代码-复制table这一段-店招编辑里自定义模块-源码-粘贴代码-将图像切片上传到图片空间并复制-在自定义内容区点击编辑 网络地址粘贴对应地址
目标新窗口打开-目标填_blank 收藏本店链接-在店铺首页收藏本店处右键复制链接地址到URL
快速切片-基于参考线的切片-切片选择工具选择一个切片-右键单击编辑切片选项-将网页链接地址复制粘贴到URL-目标不填(原窗口打开)目标有(新窗口打开)
切片存储为网页和图像格式,打开网页,空白处右键查看源代码,复制table之间的代码
选中单独切片-右键-编辑切片选项-添加URL-目标_blank(新窗口打开)
点击保存好的HTML,在网站右键查看网站代码,复制table-table位置的代码,上传保存的切割图片,编辑代码自定义内容,添加图片
ctrl+r 标尺 目标:_blank 默认在新的窗口打开,不填写是默认在本窗口打开