header_v0.7.2

淘宝拓展版装修

5年前发布

原创文章 / 网页 / 教程
ydf1999 原创,如需商业用途或转载请与ydf1999联系,谢谢配合。

最近帮朋友搞淘宝装修,买了模版,但是都不合适朋友的店,朋友要的感觉是高端、不轻浮。朋友销售的东西确实也是顶级的好东西,比如东星斑(没吃过)、苏眉鱼

    最近帮朋友搞淘宝装修,买了模版,但是都不合适朋友的店,朋友要的感觉是高端、不轻浮。朋友销售的东西确实也是顶级的好东西,比如东星斑(没吃过)、苏眉鱼(没吃过)、珍宝蟹(没吃过)...和平时吃的海鲜完全不是一个档次,朋友的意思是要好看,又要有品位。
    模版里能拿来直接用的少之又少,而且出售的东西也不搭配。无奈之下用了自己的淘宝号帮朋友做了一个多月,从制作的过程中,体会到了什么是垄断,在中国互联网就是一个单词BAT(百度、阿里、企鹅)。
    之前制作了一个超炫的导航栏,就是下面图中那个黄色的“首页”那部分,应该是鼠标到哪里,哪里变成黄色,是用fireworks cs5+Dreamweaver cs5实现的,相当炫,可惜马云哥把css和div封得死死的,只有淘宝专职设计师才能放权!所以到最后就成了静态的(点解!)...所以,淘宝自己装修自定义导航只能是静态,除非去买那个标头。
    因为风格的问题,朋友最终决定用我们自己设计的图,跟着感觉走,找深海中的感觉。于是从设计平面图开始。
    大家看最后那三张图,第一个是用ps做的草图,找大感觉,第二张是实际装修的截图,可以看得出竖版的宝贝自定义区并不适合我们(抄袭淘宝服装店的宝贝摆列),第三张是最后的成图。
    现在简单地描述一下是怎么实现的(一些朋友说买的模版没有我们自己做的好看!暗爽中!)
    一、导航
    很多朋友说用ps就可以制作导航,可是这边不建议单用ps,因为用ps切成快放到自定义的时候中间会有很明显的白线!啥也不说了直接上图!

    大家看到没?中间有缝隙!

    其实解决的办法很简单,用fireworks就可以解决了。首先,用ps把成图导出jpg,然后导入fireworks,用fireworks中的切切,如图:


    (注意上面的图没切完),切完之后是这样:


    (我切的不规则,演示而已,大家自己切的时候要规则一些。)切完点击文件导出html和图像,初学者要选择“将图像放入子文件夹”是为了防止初学者混乱




    记住选择选项,表格,间距,选择那个嵌套表格无间隔符(很重要,为什么试试就知道啦,否则有很烦人的白线)



    Dreamweaver cs5 打开该html文件(设计模式),



    将图的链接换成图片空间的链接(虽简单,但是中间很繁杂,就不上图了,不会用图片空间的朋友宁愿打个电话教你,传图太烦了)


    


    切切换到代码模式,拷贝代码复制到淘宝自定义区,预览就OK了,记得要保存!


    二、图片轮播

这个没什么好说的,添加进去那个flash轮播,将做好的图片放进去就行,可以加链接


三、自定义宝贝

这个就同导航一样,想做成什么样都没问题,重要的是用fireworks生成html,再用dream 打开替换成图片空间的图。然后复制代码粘贴就行。


注意,任何试图做成动态的滚动图,如加js代码都是徒劳,大家可以看一下,所有的代码到了自定义里全部被过滤。只有一个办法,有淘宝认证设计师给你开权限。


其他的就很简单了,按照淘宝的提示一步一步去做就行了。


因为水平有限,中间疏漏的地方欢迎大家指正!


从平面设计、环境艺术设计到GUI,现在又做了淘宝美工,学美术的朋友真是全能,有时再学一些html或者as,简直是把所有的软件都摸了一遍。想对还在学习和工作的朋友道一声辛苦了!


朋友做高端海鲜,自己没吃过几个,不禁让人想起了大名鼎鼎的ABBS的匠人无寓,希望朋友的事业蒸蒸日上,他一定会渔翁有鱼!也希望站酷的朋友们多多给捧捧场!收藏朋友的淘宝加加人气!做全国配送的活鲜还真的就我朋友这一家,其他的也有做,但是限京沪广的多,而且做冰鲜、淡水的多,活鲜海产少之又少。


感谢站酷,BAT的垄断之下还有一块设计的自留地!


以此共勉之!


     

淘宝
1

    文章信息

    意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功