首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修教程

    淘宝店铺装修图片复杂切片教程

    2015-06-24 09:55:18 人气:5665

    复杂的切片技术其实就是切片和热点的叠加使用。利用热点工具我们也可以达到预期的效果,但是为了网页的加载速度,也为了便于以后修改某个单独图片,我们可以在分上下层,上层来切片,下层的现行导航使用热点。

    下面详细介绍一下操作方法:

    1.首先把图片放到PS中,画好参考线,使用切片工具按照事先画好的线条进行切片,切成两份,显性导航为单独一份。

    注:这里储存记住一定要存html+图像

    2.使用DW打开复制切片.html文件,先放着,使用PS继续切割复杂切片_01.jpg文件,划好参考线后,使用切片工具,基于参考线的切片,然后换用切片选择工具,按住Shift键,同时选中左侧的两张图片,右击,组合切片。

    这样就会生成5张图片,切片只可以切矩形图片,这个需要注意。同样保存html+图像文件。

    3.同样使用Dreamweaver打开复杂切片_0222.html 文件,把切开的图片全部上传到图片空间中,在DW中,设计模式下,选中每一个图片,然后替换他的链接,使用图片空间中的图片。

    4.最后代码模式下,复制table表格,粘贴到第一个打开的html文件中第一张图片所在代码位置。在第一个html文件上,替换掉显性导航本地链接为图片空间上图片,划热点,然后复制…之间的内容到自定义内容区,完成操作。
     

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议