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