店铺装修727.docx
- 文档编号:6995943
- 上传时间:2023-01-15
- 格式:DOCX
- 页数:42
- 大小:5.39MB
店铺装修727.docx
《店铺装修727.docx》由会员分享,可在线阅读,更多相关《店铺装修727.docx(42页珍藏版)》请在冰豆网上搜索。
店铺装修727
教你如何装修网店店铺--【店铺装修不求人】装修教程完整版
时间:
2010-06-2918:
20来源:
网络作者:
秩名点击:
356次
收藏到:
如果你的店铺没有装修,空空当当的就会让人感觉你这个店不是卖东西的,是垃圾场!
根本没有一点购物的感觉!
没有了购物的感觉就会没有购物的欲望!
没有了购物的欲望!
当然就不会再去找他所喜欢的东西了因为他(她)已经对你的店失去了希望小则对你的店失去失望!
大则
导读:
因为本人是做"专业淘宝网店装修"的所以写了一篇装修店铺的文章让家大学习怎么去装修网店
本帖内所有模板设计灵感来自于本店,欢迎大家参观!
希望能给您带来更多灵感!
进入正题:
好的店铺装修,能让人赏心悦目
好的店铺装修,能让人流连忘返
店铺装修是提高产品附加值和店铺浏览量的重要手段!
如果你的店铺没有装修,空空当当的就会让人感觉你这个店不是卖东西的,是垃圾场!
根本没有一点购物的感觉!
没有了购物的感觉就会没有购物的欲望!
没有了购物的欲望!
当然就不会再去找他所喜欢的东西了因为他(她)已经对你的店失去了希望小则对你的店失去失望!
大则对我们的整个淘宝大家族失去了希望!
到那时我明确的告诉你你这个"老板"彻底失败了!
你可以退休了!
一个好的商品需要包装宣传,而你不去精心包装而去宣传是没有用的!
而你去精心包装而不去宣传也是没有用的!
所以这两种是做为商人必不可少的原则!
为什么一些现实中的大商场会装修的那么高档?
就是为了让顾客会在购物中有一种温暖的气息,让顾客"爱"上他的商场!
如果一个大商场不去装修而是一片空挡的楼房谁会进去购物?
答案是必然的!
所以现在我们"经验畅谈居"提倡装修店铺装修店铺!
一句话总结一下:
装修店铺是你开网店成功的第一步!
好了下面佳佳设计将教大家怎样去装修店铺,希望大家要好好的学习只要你看了包你学会!
如果实在很头疼的话可以直接来找我来装修店铺哦~
下面是本帖中几个内容的导航
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下载地址
(一)首先用Photoshop做好模版的底板1.打开Photoshop,
B、宝贝模版
制作宝贝描述模板当然不只用Photoshop 啦要配合Frontpage 2003使用!
Frontpage 2003下载地址
(一)首先用Photoshop做好模版的底板
1. 打开Photoshop,点击上方的“文件—新建”,新建一张800*1200的画布,这里把底色设置为白色。
(PS:
宽度在780——850之间都可以,高度没有限制,因为做好的模版是可以上下延伸的)
2. 然后点击“文件—打开”,找到自己想要用于模版上的图片,打开(大家可以事先把图片的大小调整好,以适合于模版使用)。
接着,先在图片上按下“Ctrl+A”(全选),注意这时候图片四周会出现一个虚线框,
然后再按下"Ctrl+C"(复制)。
3. 然后回到我们最开始建立的那张800*1200的画布上,按下“Ctrl+V”(粘贴),图片就被粘贴到画布上了。
如果位置不合适的话,可以点击左边的“移动工具”,将图案拖动到合适的位置上。
4. 可以根据图案对模版做些装饰,比如我这里面就用椭圆工具画出几个圆圈,并用与图案相近的蓝色填充。
然后再点击椭圆工具,画一个大一点的椭圆出来,用来放置店铺公告。
可以把“不透明度”设置为60%,
这样看起来效果更好些。
5. 接下来在模版上写上自己的店铺名称。
点击左边的“文字工具”,在店铺公告的上方写上店铺名称,注意可以在窗口上方的地方调整字体、字号以及文字颜色。
然后可以点击右边的“添加图层样式”,根据个人喜好选择诸如阴影、描边、外发光等效果,使文字更好看
6. 可以对模版进行些装饰,最简单的办法就是选择“自定形状工具”,画出一些喜欢的图形来。
然后用“文字工具”把要做链接的内容写上,比如“逛逛小店”、“店铺介绍”、“信用评价”和“收藏店铺”等。
7. 下边就要来处理模版的主体部分了。
首先我们用一个方框把主体部分框起来。
点击“自定形状工具”,在窗口上方“形状”右边的下箭头上点一下,选一个合适的形状,这里我用的是Check Box,用这个形状把模版余下的部分框起来。
注意边框的颜色是在窗口上部的地方进行选择的。
8. 然后就是往上添加各项需要的内容啦~~首先在右边的“图层”中选中“背景”层(就是我们最开始建立的那个画布),然后可以用“自定形状工具”画个小花什么的,或者贴上自己喜欢的小图片也可以。
我这里用的是“自定形状工具”中的Blob 2。
9. 再选择“文字工具”在图案旁边写上“宝贝展示”,和前边提到的一样,文字的相关属性在窗口上部的地方设置。
可以用“移动工具”调整一下文字的位置。
10.同样方法,写出“宝贝描述”、“买家必读”、“邮资说明”、“联系掌柜”、“推荐宝贝”等内容。
注意:
不要担心每项之间的空白部分过窄,因为模版做好之后,这些地方都是可伸缩的,所以放多少内容
都没问题,不用担心的~~
11.可以在模版上加上你的版权信息内容,如水印啦、制作者啦什么的
12.然后就是很艰巨的切片任务啦!
选择切片工具,把所有要添加文字或者图片、链接的地方都单独切出来。
切片这一过程很重要,刚开始的时候大家可能会不熟练,总有这样那样的问题(最后成品模版如果出现断裂的话,通常问题都是出在切片这一关)。
别灰心,多试几次,多琢磨琢磨,多练练,肯定会好的!
另外:
我这里介绍的只是最简单的模版,就是主体部分只需上下切,而不用左右切成两部分的。
实际中,如果大家想要做左右分块的模版(比如左边放产品图片、介绍,右边放宝贝分类、推荐这样的),切片是很需要技巧的。
由于表达能力有限,我在这里说不明白具体要注意的问题。
不过大家只要多练习多思考,一定可以摸索出规律的。
加油哦~~
13.下一步就是点击“文件—保存为Web所用格式”,将模版存为HTML格式的文件(实际上是一个HTML文件和一个图象文件夹)。
Photoshop的工作完成喽~~~~~~~好累啊
(责任编辑:
seven)
下面该用到Frontpage了14.打开Frontpage,选择文件打开,把刚刚从Photoshop里面存下来的HTML格式的文件打开。
15.点击一下左下角的设计,模版的样子就出来啦16.在模版的任一位置点击右键,选择表格属性,在弹出对
下面该用到Frontpage了
14.打开Frontpage,选择“文件—打开”,把刚刚从Photoshop里面存下来的HTML格式的文件打开。
15.点击一下左下角的“设计”,模版的样子就出来啦
16.在模版的任一位置点击右键,选择“表格属性”,在弹出对话框中将“对齐方式”改为“居中”,然后点击确定。
17.下边我们来处理一下准备放置公告的地方。
首先在打算放置公告文字的地方点击一下右键,选择“图片属性”, 选择“常规”选项卡,记下图片的文件的名字,然后点击确定。
(PS:
双击图片即可显示“图片属性”,以下步骤均是)
18.再在放置公告的地方点下左键,出现一个黑色的框框,再按下键盘上的Del键,那部分内容就变为空白的了
19.然后再在空白处点一下右键(呵呵,点来点去已经好多下啦~~),选择“单元格属性”,在弹出对话框中选择“使用背景 图片”,再在下边的空白处将刚才记下的图片文件的名称填上,然后点击确定。
20.现在空白处又有图案了吧!
下边我们要做的是输入公告文字并使其滚动起来。
具体做法是:
首先,点击窗口上方的“插入—Web组件”,在弹出对话框中选择“字幕”,点击完成。
21.在弹出对话框中,在“文本”后边的空白处输入你的店铺公告的内容。
需要注意的是,如果店铺公告需要分段的话,就要在要分段的地方加上一个“”。
然后,通过调整“延迟”和“数量”来设置文字滚动的快慢(通常延迟的数值越大、数量的数值越小,文字滚动得越慢)。
同时还可以通过左下角的“样式”按钮来调节文字和段落设置的相关属性。
设置完毕后点击确定。
22.然后在公告文字上点击一下左键,会发现出现一个很窄的黑色边框。
这个边框的大小就是你公告文字滚动范围的大小。
拖动边框的四周将它拉得大一点,一般使它和周围的虚线边框一致即可,注意不要超过虚线边框。
23.接着点击左下角的“代码”,就会切换到代码页面,找到direction,将滚动方向改为从下向上
具体做法是将left改为up
(责任编辑:
seven)
24.点击左下角的设计回到模版设计页面,然后按照前边17、18、19的方法将宝贝展示下边准备添加图片的那一条图案先Del,然后再点开单元格属性,和前边一样,设置上背景图片。
这里需要注意的是:
因为这个地方是准备放
24.点击左下角的“设计”回到模版设计页面,然后按照前边17、18、19的方法将“宝贝展示”下边准备添加图片的那一条图案先Del,然后再点开“单元格属性”,和前边一样,设置上背景图片。
这里需要注意的是:
因为这个地方是准备放产品图片的,而图片通常要位于中间位置才好看,所以应该把“水平对齐方式”改为“居中”,把“垂直对齐方式”改为“相对垂直居中”,然后点击确定。
25.用同样的方法处理其他各项,不同的是在需要放置文字的地方,如“宝贝描述”等,“水平对齐方式”应选择“左对齐”,而“垂直对齐方式”应选择“顶端对齐”。
26.这里再罗嗦一下关于空白位置的问题。
大家可能发现经过上面一番修改以后,准备放文字或者图片的地方,就是 图中的①②③④⑤⑥突然变得比以前更小了。
其实大家完全没有必要担心添加内容会放不下的问题。
正如我前边说过的,模版做好以后这些地方都是可以根据内容大小自动伸缩的。
大家完全可以在输入内容的时候让它们自动变长,当然,也可以手动调节,直接敲击回车键“Enter”,就可以调节大小。
27.“宝贝展示”部分是用来放图片的,图片可以等到最后在淘宝编辑页面里再添加,这里就不说如何做了。
下边我们开始输入文字内容。
将光标移动到“宝贝描述”下方的空白处,点击“格式—段落”,在弹出对
话框中调整一下“缩进”和“段落间距”,以避免输入文字后过长、过密,影响美观。
28.然后就可以把“宝贝描述”部分的文字写上啦~~同样的,再把后边的“买家必读”、“邮资说明”和“联系掌柜”后边该写的东西都写上吧。
至于最后的“宝贝推荐”,可以在淘宝编辑页面里面再添加
29.好了,已经基本差不多了,点击下方的“预览”查看一下效果吧~~~如果觉得哪儿不满意的话,再点击“设计”做一下修改喽
30.点击下方的“代码”进入代码页面,首先点右键选择“全选”,再点一下右键选择“复制”,将代码内容拷贝下来。
31.打开Windows的开始菜单,选择“程序—附件—记事本”,打开一个记事本文件,点右键选择“粘贴”,将刚才拷贝下来的代码全都粘贴进去,然后一定记得点“文件—保存”,把这个记事本文件存下来哦~~~这个就是最终的代码文件,在淘宝使用模版的时候用到的就是这个文件哦~~~
32.好啦,Frontpage的任务也完成了,关掉之前记得点下“保存”哦~~~
(责任编辑:
seven)
接着把现在Frontpage模板代码复制到记事本里储存起来!
然后把Frontpage关掉(注意一定要保存后关闭Frontpage).下面就要传到网络相册里啦!
至于传到什么相册请用户自行选择。
下面只做演示。
注册好之后,然后登录!
点
接着把现在Frontpage模板代码复制到记事本里储存起来!
然后把Frontpage关掉(注意一定要保存后关闭Frontpage).
下面就要传到网络相册里啦!
至于传到什么相册请用户自行选择。
下面只做演示。
注册好之后,然后登录!
点击"相册空间":
我们点"文件上传"然后点击上传,如图下:
这里会提醒你安装上传插件如图:
我们点击"确定"把网页往下拉,点击"下载"
下载后安装文件,接下来刷新刚才的上传页面!
点击"添加文件"准备上传啦!
选择模板图片存在的位置!
按CTRL+A全选文件!
单击"打开"
下面我们就点"开始上传"上传文件啦!
如图:
上传进去之后获取图片地址如图:
上传模板图片结束!
上传完所有图片,下面我们开始更换模板的地址:
返回FrontPage2003点击“代码”
接着按Ctrl+F查找替换模板代码地址如图:
替换地址有些难度请一定仔细看好这段内容:
在“查找内容(N)”里面填images/注意是有"/"的."替换为(C)"
里面填你刚才获取网络图片地址的前缀,比如我刚才获取的地址为:
/article/UploadPic/2008-11/20081117204435187.gif
就要将后面的123.gif去掉.123.gif是你的图片名称与存images
文件夹里的图片文件名相符!
再举个例子:
/article/UploadPic/2008-11/20081117204435188.jpg
知道该去掉哪个后缀了吗?
是的!
去掉d_18.jpg最后我们要得到的地址为前缀.注意后面也是有个"/"哦!
最后我们点"全部替换"
OK!
成功替换48个图片,一般替换成功都是在20个以上80个以下哦!
如果不对请仔细检查上一步!
最后将代码复制然后建立个记事本起名叫"网络模板代码"以免和本地代码弄错!
粘贴然后保存!
OK上传模板这步就做完了!
下面是怎么在淘宝里使用模板!
第一步:
打开我的淘宝首页,——点击出售中的宝贝,找到你需要进行编辑的宝贝,点击后面的“编辑”。
(也可以点“我要卖”。
也可以在淘宝助理里面使用,只要把我传您的代码复制到淘宝助理的“HMLE源代码”,点“宝贝描述编辑”就可以进行编辑了!
方法与在淘宝网页上编辑的方法一模一样!
)
下面的是网页编辑方法如图:
然后,点击编辑源文件,将记事本里的代码拷贝进去。
点击使用编辑器,回到可视化编辑。
第二步:
公告文字的更改使用
如图,在写公告的地方双击,会出现一个边框,并鼠标指针也出现。
此时,就可输入你的公告
内容啦!
第三步:
首先要把宝贝图片传到"网络相册"
由于在以上宝贝模板制作教程有说怎么上传图片,在这里我就不多说了上传好之后
复制好相册里的图片地址,接着粘贴到插入图片的对话框如图:
第四步:
宝贝分类的插入。
回到自己店铺主页,下拉,到左边分类栏。
随便选中其中一个分类,右击那个分类的图片,点属性,在弹出的方框中,复制地址。
然后和插入宝贝展示的图片一样的方法,如图:
第五步:
更多推荐图片的插入
方法基本和分类的插入一样,回到首页,选择你要插入的产品图片,右击,属性,选择地址。
点选图片插入按钮,粘贴地址,插入。
文字则可以直接拷贝进去。
如图:
注意:
编辑宝贝推荐和宝贝分类时,可以用简便的方法:
不需要点击“属性”然后复制地址,只需要点鼠标右键点“复制”然后回到模板选择相应的位置点鼠标右键“粘贴“就可以!
不熟悉可以多试几次既可!
第六步:
对图片做链接。
图片的链接方法如下图:
第七步:
更换买家必读等文字。
这个很简单了,直接删除原有的文字。
把新的文字拷贝进去就行了。
第八步:
整个模板的操作完成之后,提示一下,最好立即点击“编辑源文件”,复制全部代码,保存到记事本,以免因为有时操作时间过成,在提交时超时,所作的功夫白费,如果是使用淘宝助理编辑的话,点击“保存“就可以。
如果备份好了,就不怕了。
而且备份好了一份。
其它的也就不用每一份都这么麻烦了。
只要直接拷贝进去就行了。
到这整个宝贝模板就已经做完了......
(责任编辑:
seven)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 店铺 装修 727
![提示](https://static.bdocx.com/images/bang_tan.gif)