网店装修全教程

先把本帖用到的软件下载地址和用到的网址给大家photoshop:=94D742B7F23EFBF0F68CE83AE54B13DD8B9B8329&t=2&fmt=-1&redirect=noFrontpage2003:=9003633F519573948DB8D0E511B1FA1484094464&t=2&fmt=-1&redirect=no进入正题:好的店铺装修，能让人赏心悦目好的店铺装修，能让人流连忘返店铺装修是提高产品附加值和店铺浏览量的重要手段!如果你的店铺没有装修,空空当当的就会让人感觉你这个店不是卖东西的,是垃圾场!根本没有一点购物的感觉!没有了购物的感觉就会没有购物的欲望!没有了购物的欲望!当然就不会再去找他所喜欢的东西了因为他(她)已经对你的店失去了希望小则对你的店失去失望!大则对我们的整个淘宝大家族失去了希望!到那时我明确的告诉你你这个老板彻底失败了!你可以退休了!一个好的商品需要包装宣传,而你不去精心包装而去宣传是没有用的!而你去精心包装而不去宣传也是没有用的!所以这两种是做为商人必不可少的原则!为什么一些现实中的大商场会装修的那么高档?就是为了让顾客会在购物中有一种温暖的气息,让顾客爱上他的商场!如果一个大商场不去装修而是一片空挡的楼房谁会进去购物?答案是必然的!所以现在我们经验畅谈居提倡装修店铺装修店铺!一句话总结一下:装修店铺是你开网店成功的第一步!好了下面佳佳设计将教大家怎样去装修店铺,希望大家要好好的学习只要你看了包你学会!如果实在很头疼的话可以直接来找我来装修店铺哦~下面是本帖中几个内容的导航A、店标制作，B、宝贝模版，C、店铺音乐，D、计数器，E、宝贝分类，F、店铺公告，G、头像、名片，H、个人空间，I、我的好友，J、推荐店铺，K、签名档制作，L、其它店铺装修教程A.店标制作第一步:打开photoshop，点文件——〉打开找到像要用来做店标的图片，打开它！宝贝，卡通画，图片什么都行！99在这里用一张99店铺里面的宝贝如图一所示图一然后剪切你所要的部分，因为店标是100*100像素的，你剪切的最好是正方形（不是正方形也没关系，稍候我们讲怎么调）99这里用的是裁切工具，如果你找不到裁切工具，可以直接按键盘上面的“C”，这是侯你会看到鼠标变成了这个样子图二用这个鼠标把需要剪裁的宝贝圈出来，然后点击边框的小方块调整大小图三选定大小后就可一按回车（Enter）键了，我们看到宝贝图片变成了这个样子（没有太大变化是吧？其实它是缩小了，我剪裁的部分比较大而已！）图四如果这个图片的全部都是你想要的，那么在键盘上按“M”然后再按住“Ctrl”和“A”，这时候你会观察到图片周围多了一圈虚线，说明你已经把这个图选中了，在编辑菜单栏里面找拷贝，如图五图五这时候我们建一个和我们宝贝图片查不多大小的正方形新图片，99剪切后的图片大小是430*360，那么我建一个400*400的新图片如图六图六然后点编辑——〉粘贴哦，有点偏哦，那么我们按“V”切换到移动工具将它移到我们认为比较好的位置然后再找第二张图片，将它像处理第一张一样，复制，粘贴在我们新建的这个400*400的图片上，我们会看到覆盖了这个图片，不要紧，这是必须的！粘了几个之后，我们会看见在视图右边的图层窗口中就多了几个图层！（没有图层窗口？不会吧？呵呵，你可以点窗口——）图层或者直接按F7呵呵，这下看见了么？）图七还可以写上你在店标里面要写得字，比如说，我要写我的店店名字：99珠宝首饰和店店的宗旨：只赚9毛Ok，这样我们编辑图片的工作就做完了！下面99要让它动起来！在photoshop菜单中找到并点击文件——〉在ImageReady中编辑，如图八所示图八点击后稍等片刻，就会看到图九的界面了！图九如果你的“在ImageReady中编辑”选项是灰的，说明你没有安装ImageReady这个功能组建，你可以到网上搜一搜，单独下载这个组件，或者重新下载安装光盘板Photoshop现在我们点击“新建桢”的图标，你建了几个图层就新建几个桢，在这里我建立了7个桢，让每一桢显示我的一个画面！呵呵，我们看到的每一个桢都是一个画面是吧！现在我们就要改变它，分别选中每一个桢，然后再图层列表中点击小眼睛，每个桢只保留一个小眼睛，也就是只让它显示一个图层的内容！（反正多了也看不见，只能看到最上面的图层！）好了，选择后就可以在动画窗口上面看到图十的内容了！图十点击红线上方的播放按钮，你会看到，一个一个画面闪得很快！这时候要调节另一条红线上面的延迟时间，先把每一桢画面选择到0.5秒，看看效果，然后再根据你的喜好调节一下！嚯嚯！动画效果出来了！下面我们来把它的大小改变一下，因为店标要的是100*100，而文件大小要80K以内！象在photoshop里面一样，改变图象大小！哈哈，图变小了吧！然后我们点击，文件——〉将优化结果存储为。如图十一所示图十一起个名字保存喽！找到你存储的动画，打开看看，呵呵，怎么样？！不好可以再修改,知道你满意为止哦!!B、宝贝模版制作宝贝描述模板当然不只用Photoshop啦要配合Frontpage2003使用!Frontpage2003下载地址=29(一)首先用Photoshop做好模版的底板1.打开Photoshop，点击上方的“文件—新建”，新建一张800*1200的画布，这里把底色设置为白色。(PS:宽度在780——850之间都可以，高度没有限制，因为做好的模版是可以上下延伸的)2.然后点击“文件—打开”，找到自己想要用于模版上的图片，打开(大家可以事先把图片的大小调整好，以适合于模版使用)。接着，先在图片上按下“Ctrl+A”(全选)，注意这时候图片四周会出现一个虚线框，然后再按下Ctrl+C(复制)。3.然后回到我们最开始建立的那张800*1200的画布上，按下“Ctrl+V”(粘贴)，图片就被粘贴到画布上了。如果位置不合适的话，可以点击左边的“移动工具”，将图案拖动到合适的位置上。4.可以根据图案对模版做些装饰，比如我这里面就用椭圆工具画出几个圆圈，并用与图案相近的蓝色填充。然后再点击椭圆工具，画一个大一点的椭圆出来，用来放置店铺公告。可以把“不透明度”设置为60%，这样看起来效果更好些。5.接下来在模版上写上自己的店铺名称。点击左边的“文字工具”，在店铺公告的上方写上店铺名称，注意可以在窗口上方的地方调整字体、字号以及文字颜色。然后可以点击右边的“添加图层样式”，根据个人喜好选择诸如阴影、描边、外发光等效果，使文字更好看6.可以对模版进行些装饰，最简单的办法就是选择“自定形状工具”，画出一些喜欢的图形来。然后用“文字工具”把要做链接的内容写上，比如“逛逛小店”、“店铺介绍”、“信用评价”和“收藏店铺”等。7.下边就要来处理模版的主体部分了。首先我们用一个方框把主体部分框起来。点击“自定形状工具”，在窗口上方“形状”右边的下箭头上点一下，选一个合适的形状，这里我用的是CheckBox，用这个形状把模版余下的部分框起来。注意边框的颜色是在窗口上部的地方进行选择的。8.然后就是往上添加各项需要的内容啦~~首先在右边的“图层”中选中“背景”层(就是我们最开始建立的那个画布)，然后可以用“自定形状工具”画个小花什么的，或者贴上自己喜欢的小图片也可以。我这里用的是“自定形状工具”中的Blob2。9.再选择“文字工具”在图案旁边写上“宝贝展示”，和前边提到的一样，文字的相关属性在窗口上部的地方设置。可以用“移动工具”调整一下文字的位置。10.同样方法，写出“宝贝描述”、“买家必读”、“邮资说明”、“联系掌柜”、“推荐宝贝”等内容。注意：不要担心每项之间的空白部分过窄，因为模版做好之后，这些地方都是可伸缩的，所以放多少内容都没问题，不用担心的~~11.可以在模版上加上你的版权信息内容，如水印啦、制作者啦什么的12.然后就是很艰巨的切片任务啦!选择切片工具，把所有要添加文字或者图片、链接的地方都单独切出来。切片这一过程很重要，刚开始的时候大家可能会不熟练，总有这样那样的问题(最后成品模版如果出现断裂的话，通常问题都是出在切片这一关)。别灰心，多试几次，多琢磨琢磨，多练练，肯定会好的!另外：我这里介绍的只是最简单的模版，就是主体部分只需上下切，而不用左右切成两部分的。实际中，如果大家想要做左右分块的模版(比如左边放产品图片、介绍，右边放宝贝分类、推荐这样的)，切片是很需要技巧的。由于表达能力有限，我在这里说不明白具体要注意的问题。不过大家只要多练习多思考，一定可以摸索出规律的。加油哦~~13.下一步就是点击“文件—保存为Web所用格式”，将模版存为HTML格式的文件(实际上是一个HTML文件和一个图象文件夹)。Photoshop的工作完成喽~~~~~~~好累啊下面该用到Frontpage了14.打开Frontpage，选择“文件—打开”，把刚刚从Photoshop里面存下来的HTML格式的文件打开。15.点击一下左下角的“设计”，模版的样子就出来啦16.在模版的任一位置点击右键，选择“表格属性”，在弹出对话框中将“对齐方式”改为“居中”，然后点击确定。17.下边我们来处理一下准备放置公告的地方。首先在打算放置公告文字的地方点击一下右键，选择“图片属性”，选择“常规”选项卡，记下图片的文件的名字，然后点击确定。(PS:双击图片即可显示“图片属性”，以下步骤均是)18.再在放置公告的地方点下左键，出现一个黑色的框框，再按下键盘上的Del键，那部分内容就变为空白的了19.然后再在空白处点一下右键(呵呵，点来点去已经好多下啦~~)，选择“单元格属性”，在弹出对话框中选择“使用背景图片”，再在下边的空白处将刚才记下的图片文件的名称填上，然后点击确定。20.现在空白处又有图案了吧!下边我们要做的是输入公告文字并使其滚动起来。具体做法是：首先，点击窗口上方的“插入—Web组件”，在弹出对话框中选择“字幕”，点击完成。21.在弹出对话框中，在“文本”后边的空白处输入你的店铺公告的内容。需要注意的是，如果店铺公告需要分段的话，就要在要分段的地方加上一个“”。然后，通过调整“延迟”和“数量”来设置文字滚动的快慢(通常延迟的数值越大、数量的数值越小，文字滚动得越慢)。同时还可以通过左下角的“样式”按钮来调节文字和段落设置的相关属性。设置完毕后点击确定。22.然后在公告文字上点击一下左键，会发现出现一个很窄的黑色边框。这个边框的大小就是你公告文字滚动范围的大小。拖动边框的四周将它拉得大一点，一般使它和周围的虚线边框一致即可，注意不要超过虚线边框。23.接着点击左下角的“代码”，就会切换到代码页面,找到direction，将滚动方向改为从下向上具体做法是将left改为up24.点击左下角的“设计”回到模版设计页面，然后按照前边17、18、19的方法将“宝贝展示”下边准备添加图片的那一条图案先Del，然后再点开“单元格属性”，和前边一样，设置上背景图片。这里需要注意的是：因为这个地方是准备放产品图片的，而图片通常要位于中间位置才好看，所以应该把“水平对齐方式”改为“居中”，把“垂直对齐方式”改为“相对垂直居中”，然后点击确定。25.用同样的方法处理其他各项，不同的是在需要放置文字的地方，如“宝贝描述”等，“水平对齐方式”应选择“左对齐”，而“垂直对齐方式”应选择“顶端对齐”。26.这里再罗嗦一下关于空白位置的问题。大家可能发现经过上面一番修改以后，准备放文字或者图片的地方，就是图中的①②③④⑤⑥突然变得比以前更小了。其实大家完全没有必要担心添加内容会放不下的问题。正如我前边说过的，模版做好以后这些地方都是可以根据内容大小自动伸缩的。大家完全可以在输入内容的时候让它们自动变长，当然，也可以手动调节，直接敲击回车键“Enter”，就可以调节大小。27.“宝贝展示”部分是用来放图片的，图片可以