首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 友情文章 > 正文

    课程切片【淘宝店铺装修系列课程之简单切片使用】

    时间：2020-05-29来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    之前我们学习了如何使用热点的形式达成图片的个性化排列，参考文章《淘宝店铺装修系列课程之热点的使用》，本文讲述另一种形式，即切片。US淘宝培训中心

    在淘宝店铺装修里，这两个知识都是最为基础的内容，请大家熟练掌握，店铺装修切片课程我会以三个例子讲述并分别作为讲解，本文讲解最为简单的规则宝贝排列切片方法。

    首选我们要知道切片所适用范围，图片规格大小，以及为什么要优先选择切片。切片可以用在首页，宝贝详情页的关联，切片有利于网页的加载速度，更多图片规格及适用范围，参考《淘宝网店图片规格概览》

    下面开始操作步骤，我们以首页的宝贝陈列为例，把如下做好图片放到淘宝首页中(图片制作参考US淘宝美工课程)：

    淘宝店铺装修系列课程之简单切片使用1

    大家看到这幅图，现在最先想到的一定是用《淘宝店铺装修系列课程之热点的使用》也可以实现该图片的上传，但是，本例使用PS切片，完成这个操作。

    本例大纲如下：

    1.使用PS软件完成图片的切图，生成图片和html

    2.上传图片到图片空间

    3.复制html中table表格到自定义内容区

    4.替换图片的本地连接和赋予图片链向地址。

    注：本例配有视频教程，可在US淘宝学院官方论坛找到

    第一步：

    打开PS软件，把图片拖入PS中

    菜单栏--视图—标尺，快捷键Ctrl+R

    把鼠标放到标尺上，按住鼠标左键拖拽，生成参考线，使用参考线把图片分开，如图：

    淘宝店铺装修系列课程之简单切片使用2

    划好参考线线后

    工具切换到切片工具，如图：

    淘宝店铺装修系列课程之简单切片使用3

    然后查看工具对应的属性栏，点击上面的基于参考线的切片，如图：

    淘宝店铺装修系列课程之简单切片使用4

    点击基于参考线的切片之后，会发现图片被切割成了八张图片，如图所示：

    淘宝店铺装修系列课程之简单切片使用5

    这里讲的是基于参考线生成切片，也可以手工切图，需要注意不要切出不起眼的小条出来，不然会麻烦一些了。

    文件—储存为web所用格式—jpeg文件，如图：

    淘宝店铺装修系列课程之简单切片使用6

    注意要保存html和图片，切片选择所有切片，点击保存，PS阶段完毕。

    第二步：

    PS完成切片后，保存桌面会自动生成一个image文件夹，该文件夹盛放的就是分隔开的图片，及时上传到图片空间里。

    第三步：

    PS完成切片后，查看桌面会保存一个html文件，右击，使用Dreamweaver或者记事本打开。如图

    淘宝店铺装修系列课程之简单切片使用7

    打开后，复制里面body之间的内容，如图框选区域：

    淘宝店铺装修系列课程之简单切片使用8

    后台首页新建一个自定义内容区，选择标题不显示，源码模式，插入该段代码。

    第四步：

    插入完代码就完事儿了吗?还没有，会发现根本没有图片，图片全部是裂开状态，原因是因为该段代码所引用的是本地图片地址的链接。

    回到可视化编辑窗口，双击裂开的图片，如图：

    淘宝店铺装修系列课程之简单切片使用9

    这里面有三点需要注意：图片链接复制图片空间中的链接、链向地址复制该宝贝详情页链接、在新窗口打开一定要勾选挨个替换这八张图片，完成操作后预览效果。

    使用切片的好处：优化打开速度、便于替换单一宝贝。

    以上内容有配套视频教材，可在US淘宝学院官网进行下载。

    以上所使用涉及软件分别是：Adobe公司的Photoshop和Dreamweaver，US淘宝学院论坛有Adobe公司官方下载链接，请大家支持正版。谢谢!

    以上来源于teacher丁手打

    • 课程切片【淘宝店铺装修系列课程之简单切片使用】 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文课程切片【淘宝店铺装修系列课程之简单切片使用】由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.