淘宝店装修攻略——完全版

前言网络经济时代，注意力成为了最稀缺的资源，如何吸引顾客的注意力成为电子商务成功的关键。因此，网店装修成为目前吸引顾客注意力的最主要手段。随着个人电子商务市场竞争的加剧，网店的装修将越来越被广大网店主注意。网店装修固然重要，但是如果你不是网店的专业设计人才，你还是要把自己的主要精力放在如何寻找物美价廉的货源和如何做好搞好网店的推广上，毕竟对于职业网商来说你要有好商品可卖，并且要让别人知道你有什么商品可卖！1.1、常用网店装修工具的介绍网店装修准确来说属于网页设计的范畴。网店装修与网页设计是一样的，就是通过对文字、图像、音频、视频、动画等文件的创意组合来设计出漂亮迷人的页面，从而来吸引顾客，创造网店视觉销售力。因此店铺装修目前使用最多的是工具是网页和图像编辑工具。我们推荐：Dreamwear、Frontpage、Photoshop、Fireworks来装修好我们的网店。对于专业的设计人士还是业余爱好，这四款软件已经能够满足你设计的任何需求了。Frontpage、Dreamwear是制作网页的专业软件，Photoshop、Firework是制作图片设计方面的专业软件。其中任意选两种软件组合来使用就可以了，这个可以根据你已有基础，来选择。我们推荐使用Dreamwear和Fireworks来装修你的网店。Photoshop的简介PhotoshopCS是Photoshop7.0的后继产品，CS的意思是CreativeSuit，与前面几代产品比较，PhotoshopCS更具有创造性，在实际设计过程中更能激发设计者的创新能力，更快地进行设计，提高图像质量。特别是对于摄影师来讲，PhotoshopCS大大突破了以往Photoshop系列产品更注重平面设计的局限性，增强了对数码暗房的支持。Photoshop主要应用在那些方面？其主要应用在以下方面：平面效果设计、图像编辑及修复、广告设计、摄影处理、影视及卡通制作、建筑效果设计、网络图像制作。Fireworks简介Fireworks是第一个完全为网店页面制作者设计的软件。作为一个图象处理软件，Fireworks能够自由地导入各种图象（如Macintosh的PICT、FreeHand，Illustrator，CorelDraw8的矢量文件、Photoshop文件、GIF、JPEGBMP、TIFF），甚至是ASCII的文本文件，而且Fireworks可以辨认矢量文件中的绝大部分标记以及Photoshop文件的层。而作为一款为网络设计而开发的图象处理软件，Fireworks能够自动切图、生成鼠标动态感应的Javascript等等，而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图象生成器（Export功能）。Photoshop、Firework两者的区别是什么呢？Photoshop、Firework都是作图设计的专业软件。在我的使用的感觉中两款软件很多功能有许多相似之处。两者的区别在于：Photoshop是平面多用类的软件可以上色和修图，平面设计，并且其滤镜功能较Fierwork要强大的多。Firework是多用于网店页面制作的切图和gif（动态小图）制作，当然也可以画矢量的，如果有Word方面的基础，使用Firework将会非常简单，因为许多快捷键都是相同的，对于制作网店页面方面图像和动画方面的文件，该软件是入门的好软件。Dreamwear简介Dreamweaver是Macromedia公司的产品的另一款“所见即所得”的网店页面编辑工具，或称网店页面排版软件。Dreamweaver对于DHTML的支持特别好，可以轻而易举地做出很多眩目的网店页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的DreamweaverUltraDev更支持Asp，Jsp。因此，说Dreamweaver是高级网店设计者都能够熟练的使用网页制做三剑客。Frontpage简介Frontpage是Microsoft出品的，可能是最简单、最容易，却又功能强大的网店页面编辑工具。采用典型的Word界面设计，只要你懂得使用Word，就差不多等于已经会使用Frontpage。就算你不懂Word也没关系，“所见即所得”的操作方式会让你很快上手，而且你无须学习HTML语法。但Frontpage的也有其不足之处：首先是浏览器兼容性不好，做出来的网店页面，用Netscape往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage的确是最好的入门级网页编辑工具。Dreamwear与Frontpage的区别？Dreamwear、Frontpage也都是专业的网店设计和制作和编辑文件。从总体上来讲，两款都是不错的网店页面设计软件，同时也是非常优秀的网店页面编辑工具。我感觉是frontpage，是比较简单，Dreamweaver做框架和asp动态功能比较强大。很多专业人士网页设计人士，使用多种软件，例如先用f东方网页王、rontpage做，然后用Dreamwear等做细微的调整。1.2、网店装修能够带来那些收益呢？网店装修能够带来什么呢？许多人都会在装修之前打个这样的问号。对与从事市场经济活动的人来说，每一项活动都要视为我们的一项投资，网店装修也是我们的从事电子商务活动的一笔投资。开网店的目的，对于我们大多数人来说是为了赚钱，没有人会在开始就想拿着钱来玩网络个人商务游戏。做好网店装修的最终目的是为了赚钱，同时好的网店装修的确能够带来网店销售量的增长。但对于电子商务，做好网店装修能够带来的还有其他方面的东西。为什么好的网店装修能够赚钱呢？对于大多数网上开店的人来说，搞网店装修不仅仅是娱乐，而是为了赚钱。正所谓三分长相七分打扮，网店的美化如同实体店的装修一样重要。因为网店的页面其实是附着了店主灵魂的销售员，只有独具心裁的网店装修才能打动顾客，增加你的网店销售力。通过易翠网（）调查显示，当前网店经营的好的店主，没有一个不重视网店装修的。具体来说，网店装修至少能够带来以下四个方面的收益：增加顾客在你的网店停留时间、增加的诱惑力、增强网店的形象、打造网店强势品牌。漂亮恰当的网店装修，给顾客带来美感，顾客浏览网页时不易疲劳，自然顾客会细心察看你的网页。好的商品在诱人的装饰品的衬托下，会使人更加不愿意拒绝。装修好的精品网店，传递不仅是商品信息，而是店主的经营理念、文化等，这些都会给你的网店形象加分，同时也有利于网店品牌的形成。能够提高网店主的电子商务技能？网店主动手做网店装修，必然牵涉到一些软件的应用，诸如：网页设计软件、图像设计软件、文字编辑等。这些软件的使用技巧，原本就是电子商务技能的一部分，掌握好这些软件使用技能基本上就弄懂了电子商务技术核心部分。对于一个网店主来说，不仅要懂得网络商务技巧，同时也要对电子商务的技术有所了解，这样才能够有利于自己网络生意的发展壮大。特别是有利于把握电子商务的发展趋势，让自己的网络生意不至于落后。电子商务技术的基础还是电子数据交换，网上开店其实也是在借助网络来传递商业信息，时代发展到今天信息传递成本很低，但是如何让顾客接受你的信息，成为了电子商务的核心内容。因此目前，对于个人电子商务来说，稀缺电子商务信息的获取和电子商务信息重新组织和设计是个人电子商务领域的核心内容。能够提高网店主的审美情趣？网店装修是艺术和技术的完美结合，一个好的网店装修作品原本就是一件优秀的艺术品。网店装修能够带给你一种美的享受，如果能够自己亲自操刀，其美只有自己能够言语。动手做网店设计，虽然不是什么大工程，但是麻雀虽小五脏六腑俱全。如果要设计去优秀的网店你得去熟悉一些美术基础知识，例如：色彩、构成、艺术流派等，这样无形提升了你的审美情趣。网店装修是一件快乐的事？网店装修是一件艺术和商业的创造活动，其中的苦乐酸甜只要自己亲身经历才能够体会。不管你是请人装修，还是自己参与，还自己动手，当你的网店装修成功后，你自己浏览你那漂亮的网页时，那种赏心悦目的心情只有你自己才能够解读。1.3、网店装修必须弄懂的两种文件类型图片文件格式的类型有那两种呢？有两种截然不同的图像格式类型：即有损压缩和无损压缩。什么是有损压缩呢？有损压缩可以减少图像在内存和磁盘中占用的空间，在屏幕上观看图像时，不会发现它对图像的外观产生太大的不利影响。因为人的眼睛对光线比较敏感，光线对景物的作用比颜色的作用更为重要，这就是有损压缩技术的基本依据。有损压缩的特点是保持颜色的逐渐变化，删除图像中颜色的突然变化。生物学中的大量实验证明，人类大脑会利用与附近最接近的颜色来填补所丢失的颜色。例如，对于蓝色天空背景上的一朵白云，有损压缩的方法就是删除图像中景物边缘的某些颜色部分。当在•屏幕上看这幅图时，大脑会利用在景物上看到的颜色填补所丢失的颜色部分。利用有损压缩技术，某些数据被有意地删除了，而被取消的数据也不再恢复。无可否认，利用有损压缩技术可以大大地压缩文件的数据，但是会影响图像质量。如果使用了有损压缩的图像仅在屏幕上显示，可能对图像质量影响不太大，至少对于人类眼睛的识别程度来说区别不大。可是，如果要把一幅经过有损压缩技术处理的图像用高分辨率打印机打印出来，那么图像质量就会有明显的受损痕迹。什么是无损压缩？无损压缩的基本原理是相同的颜色信息只需保存一次。压缩图像的软件首先会确定图像中哪些区域是相同的，哪些是不同的。包括了重复数据的图像(如蓝天)就可以被压缩，只有蓝天的起始点和终结点需要被记录下来。但是蓝色可能还会有不同的深浅，天空有时也可能被树木、山峰或其他的对象掩盖，这些就需要另外记录。从本质上看，无损压缩的方法可以删除一些重复数据，大大减少要在磁盘上保存的图像尺寸。但是，无损压缩的方法并不能减少图像的内存占用量，这是因为，当从磁盘上读取图像时，软件又会把丢失的像素用适当的颜色信息填充进来。如果要减少图像占用内存的容量，就必须使用有损压缩方法。无损压缩方法的优点是能够比较好地保存图像的质量，但是相对来说这种方法的压缩率比较低。但是，如果需要把图像用高分辨率的打印机打印出来，最好还是使用无损压缩几乎所有的图像文件都采用各自简化的格式名作为文件扩展名。从扩展名就可知道这幅图像是按什么格式存储的，应该用什么样的软件去读／写等等。1.4网店装修前必须明白的五种图像文件格式什么是BMP图像文件格式？BMP是一种与硬件设备无关的图像文件格式，使用非常广。它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BblP文件所占用的空间很大。BMP文件的图像深度可选lbit、4bit、8bit及24bit。BMP文件存储数据时，图像的扫描方式是按从左到右、从下到上的顺序。由于BMP文件格式是Windows环境中交换与图有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。典型的BMP图像文件由三部分组成：位图文件头数据结构，它包含BMP图像文件的类型、显示内容等信息；位图信息数据结构，它包含有BMP图像的宽、高、压缩方法，以及定义颜色等信息。什么是GIF文件格式呢？GIF(GraphicsInterchangeFormat)的原义是图像互换格式，是CompuServe公司在1987年开发的图像文件格式。GIF文件的数据，是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50％左右，它不属于任何应用程序。目前几乎所有相关软件都支持它，公共领域有大量的软件在使用GIF图像文件。GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。所以GIF的图像深度从lbit到8bit，也即GIF最多支持256种色彩的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单