下载掌阅APP，畅读海量书库
立即打开
无论做什么事，都有一个“先做什么，再做什么，最后做什么”的顺序，网店装修也是如此。按照下面的流程进行网店装修，可以减少工作失误，提高工作效率，得到理想的工作效果。
装修网店前，首先需要收集相关素材，如拍摄的商品照片、视频及其他一些装修中需要使用的素材等。将收集到的素材通过文件夹分门别类地存放，以便在装修过程中快速调用。
准备好素材后，就可以启动Photoshop软件。在Photoshop中对页面进行融合设计，对素材图片进行修饰、美化和设计，制作出网店的店招、导航、欢迎区及客服区等模块，如右图所示，然后存储处理后的图像文件。为方便随时进行修改，在存储图像文件时可以分别存储为PSD格式和JPG格式。
完成页面图像的设计后，接下来就需要对图像进行切片。切片可以帮助我们设计和优化单个网页图片或整个页面布局，并提高页面的下载速度。为了实现更精细的切片操作，可以先在图像中创建参考线，如下左图所示，然后基于参考线创建切片效果，如下中图所示，再应用“存储为Web所用格式”命令存储切片图像，如下右图所示。
对图像进行切片优化后，在存储图像的文件夹中将出现一个“images”文件夹，此文件夹中包含了所有的切片图像。打开网店装修后台，将文件夹中的切片图像全部上传到后台指定的图片空间中，以便进行图像的链接和代码的制作，如下图所示。
启动Dreamweaver软件，创建一个空白文档，然后分别制作出网店的店招和页面自定义装修模块的代码。在制作代码时，需要通过网店装修后台，复制图片空间的图像链接和代码，并利用Dreamweaver调整代码，如右图所示。在文档窗口可以查看由一张张图片组成的页面效果，如下图所示。
进入网店装修后台，删除多余的装修模块，将制作好的代码复制并粘贴到相应的装修模块编辑区域，最后单击“发布”按钮，发布装修后的网店。再次进入网店时，就可以看到装修后的页面效果，如下图所示。
