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

    淘宝店铺装修系列课程切片的综合使用:淘宝首页怎么切片

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

    之前我们已经接触过了简单切片和相对复杂切片的使用方法，希望大家多加练习，这个内容是为以后的店铺装修打下坚实的基础。

    今天来做的案例是店铺装修切片工具、热点工具的综合使用。如图

    淘宝店铺装修系列课程切片的综合使用 三联

    本文有配套视频教材，更详细请查阅视频。

    像这样的图片，在学过之前的切片热点后，难点只有安装阿里旺旺这一个了，因为我们要保障在线是亮色，离线是灰色状态。

    所以本文上半部分不讲，直接操作：

    这个位置阿里旺旺的安装。

    第一步：

    划参考线，把阿里旺旺在线图标的区域框选出来，如图所示

    第二步：

    去掉图中所有阿里旺旺图标，并且保留该图片，Background，如图所示：

    第三步：

    切换到切片工具，基于参考线的切片，会把他们全部切割开，如图所示：

    第四步：

    储存为web所用格式，保存，仅存html文件，如何仅存html文件之前说过，全部保存也可以，用到的只有html文件，需要里面的表格。

    第五步：

    使用Dreamweaver打开保存的html文件，进入到设计模式下，会发现所有图片全部是裂开状态，原因是因为刚刚没有保存图片文件，挨个点击图片，删除，如图：

    第六步：

    开始添加步骤2保存的无旺旺的背景图，回到代码模式下，在第一个table标签最后边，敲下空格键，输入background，如图位置：

    在你没有敲完代码的时候，他就会自动出现background了，敲回车，又是插入图片的页面，之前见过，URL位置，输入步骤2中保存图片的网络地址。

    插入完成后回到设计模式下效果如图：

    第七步：

    开始添加阿里旺旺图标，使用淘宝提供的旺遍天下或者其他辅助软件都可以，本例使用辅助软件获取代码，软件很简单，一看就明白，输入ID生成代码后复制，如图所示：

    把这段代码，复制到剪贴板，Ctrl+C。

    点击拆分模式，在右侧点击该盛放图标的位置，然后查看左侧代码，找到光标位置，把原有代码 删掉，替换广告复制的代码，如图：

    替换过后，查看设计模式，图标已经上去了，测试使用的US淘宝学院ID，未登录状态，所以是灰色图标显示，如图

    接下来还是复制 到之间的所有代码，到自定义内容区。

    这一个案例就又已经完成了，经过前几次课的实例演示，相信大家对切片已经有了很深的认识，相信细心的学员，应该已经注意到table标签了，接下来请大家在看一下《淘宝店铺装修系列课程之表格的嵌套使用》以便更为深入的了解表格的使用。

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

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

    谢谢!

    以上来源于teacher丁 手打

    本文来自 US淘宝学院，转载请注明出处

    原文链接：/thread-21-1-2.html

    资料下载：

    /s/1qWoA6o0

    复制代码

    淘宝店铺装修系列教程【汇总】

    • 淘宝店铺装修系列课程切片的综合使用:淘宝首页怎么切片 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

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

    本文淘宝店铺装修系列课程切片的综合使用:淘宝首页怎么切片由山茶花美文网整理提供，版权归原作者、原出处所有。

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