淘宝卖家店铺装修怎么自己制作模块

淘宝卖家店铺装修怎么自己制作模块,第1张

一、建立FW文档
打开fireworks,点击界面右侧的新建FIREWORKS文档(绿色方框内),
建立一个宽度为800,高度可以视情况而定的画布,建议颜色为“透明”或“白色”。
在界面的左上角处点击文件-导入
找到自己要用的背景,打开。(如果大家没有合适的背景的话,可以去我的店铺里面看看,有许多精品模板图都没加水印的,大家可以右键另存为到自己的电脑上。)这时会出现一个类似“「”的光标,通过它可以将导入在整个画布中的位置确定。
如上图所示,你也可以在界面的左下角找到四个数值填入框,其中宽度和高度表示的是导入的大小,而
“X”表示的是导入的最左边距整块画布最左边的距离(太过直白,也有点拗口,呵呵),“Y”表示的就是
导入的最上边距整块画布最上边的距离。填入你需要的数值,确定在整图中的位置。
特别说明:因为考虑到部分用户的显示器分辨率为800600,所以我们建的画布宽度为800,高度1000也是可以
要据制作中的实际情况改变的。另外,导入的宽度必须≤800。如果宽度大于800,可以先在点击左上角
处的文件-打开,找到在FW中打开,然后在界面上方找到修改-画布-图像大小,再将像素尺寸的宽度改
为你想要的尺寸,记得一定要约束比例,要不就变形了。
二、改变背景色
把画布的颜色改为导入的背景色,这会使画布跟导入看起来更像一张完整的。方法:点击界面上方的修改-画布-画布颜色
在 *** 出窗口中选择自定义,并在如图所示的颜色定义框内点击一下,出现一个类似笔的形状,将它在导入的背景颜色处点击一下,然后确定。现在画布的背景色就协调了。
三、加入文字
根据你自己的布局构思,在适当的地方用文本工具加入店名、店铺链接(逛逛本店)、店铺介绍等文字,一定要考虑好整体布局哦~
点击文本工具,在中你想要的位置拖动鼠标后会出现一个矩形框,然后你可以在 *** 作界面的下方看到属性选项
调整好文字大小,颜色,字体等,之后在矩形框内输入你的文字
另外,记得在宝贝展示、宝贝描述文字下分别留出一定的空白地方来,不需要太多。
第三步完全做完后的成果图
小提示,类似买家须知这种固定条款,可以直接在上制作出来,单独切片(马上会讲到),以免每次填入这么麻烦。
四、加入热点
在需要添加链接的文字上加入热点。
点击如下图所示的热点工具之后,在文字上面拖动矩形框,得到一个热点框。如果未覆盖到文字上,可直接用鼠标拖到文字上并覆盖住。
加入矩形热点工具后,选定这个矩形热点,界面下方如图所示的地方会有链接网址的设定,
“替代”指的是当鼠标放在所做的矩形热点上时会出现的文字。目标指网址打开方式,_blank指在新窗口打开。
五、切片
把所有的热点都做好之后,就要开始切片程序了。切片工具的位置在上图中已做说明。
切片的时候要注意,有热点的部分和各个文字部分要单独切出来。(这一步如有不懂的地方,可以问偶。因为有些东东偶也不晓得如何表达)
点击矩形切片工具,(用鼠标按住切片工具,会出来两个选择,选矩形切片工具就OK了)会出现在一个十字架状的光标,然后将整张图一点点的切出来,切完之后如图所示。
在界面下方的如图所示的框一内,“切片”二字下方的框表示的是你所选中的切片的命名,宽度和高度就表示的
是所选中的切片的大小,然后X,Y也是定义此切片在整图中的位置的。框二中,类型选择为图像,图像格式选择为
“JPEG-较高品质”。
六、导出为HTML文件
点击 *** 作界面左上角“文件-导出”
在 *** 出如图所示的窗口,
文件名可自行设定,导出-HTML和图像,导出切片,一定要包括无切片区域并将放入子文件夹,最后导出。
以下为DW应用部分,可能米米在此表述的不是很清楚,做为菜鸟,又想DIY做模板的话,可能不容易沟通,所以对于那些这或那的规矩,米米并没有去框定,只是把步骤简单的给列了出来。我会尽快想办法,把下面的叙述部分描述得更清楚,如果有不懂的,敬请跟贴提问。
七、打开HTML文件(请详细看看此步中,后来加上去的红色字体部分)
打开DW工具,然后在如图
所示的 *** 作界面中,单击“打开”菜单,找到刚刚保存好的HTML文件,打开。
然后在如图所示的位置,
会看到有“代码、拆分、设计”三个选项,选择“拆分”。现在在界面中,上面部分就是HTML代码,下面部分就是模式了。
找到宝贝展示字样的下的空白的切片,选中它之后,上面的代表这个切片的代码部分会被蓝色覆盖,将鼠标移到代码部分,将此部分代码“src="位置"”中的位置复制下来
Re: 开店如何制作宝贝描述模板
选中空白切片之后,在代码栏中会是类似于这部分代码被蓝色覆盖 < img name="n7" src="images/7jpg"
width="800" height="77" border="0" id="n7" alt="" />
,(src=""引号中的文字即代表的是在电脑本地地址,在最后images里的上传到相册里后,要一一换成相对应的URL 地址的,这是后话。)
将刚被覆盖的< img name="n7" src="images/7jpg" width="800" height="77"
border="0" id="n7" alt="" /> 这串代码保留src=""引号中的地址后,其它全删掉。然后直接手动加入如下代码
background="images/7jpg" background-reapeat:reapeat-y
(background=""引号中即刚刚保留的本地地址)到< td colspan="4"
>(引号内未必是数字4,也可能是其他数字)中来,添加好之后的样子应该是这样子的< td colspan="4"
background="images/7jpg" background-reapeat:reapeat-y>。
因为是要进行宝贝的展示,那么就要加入展示代码< img src="宝贝的URL地址" /
>,加完之后应该是类似于这个样子< td colspan="4" background="images/7jpg"
background-reapeat:reapeat-y >< div align=center > < img src= "
宝贝展示地址"/>< /div > 如果你在进行宝贝编辑的过程中希望加入更多的,那么同样是用展示代码来表现的。
其中< div align=center>< /div>是一个居中命令的代码。可以加无数个< td
colspan="4" background="images/7jpg" background-reapeat:reapeat-y >< div
align=center > < img src= " 宝贝展示地址"/>< /div >< div
align=center > < img src= " 宝贝展示地址"/>< /div >< div
align=center > < img src= " 宝贝展示地址"/>< /div >
如果大家是直接从这里复制代码过去的话,请将每个“<”符号之后的空格都删掉!
是一个居中命令的代码。可以加无数个< td colspan="4" background="images/7jpg"
background-reapeat:reapeat-y >< div align=center > < img src= "
宝贝展示地址"/>< /div >< div align=center > < img src= "
宝贝展示地址"/>< /div >< div align=center > < img src= "
宝贝展示地址"/>< /div >
然后删掉刚刚被蓝色覆盖的这部分代码,
并在这部分加上引号中(不包括“”的如下代码 < div align="center" > < img
src="宝贝展示的URL地址"/ >
。在刚刚改好的这串代码前面的“>”符号前加入下面引号中的如下代码“background="刚刚复制的位置"
background-reapeat:reapeat-y”。
这一步的作用是把这部分切片变成了背景图,并且无论你的宝贝展示有多大,都不会撑破表格(除非宝贝展示大过了整个的宽度800)。
再找到宝贝描述下的空白,将蓝色区域中的代码删掉,然后把“background="刚刚复制的位置"
background-reapeat:reapeat-y”了复制到相同位置。此时不用加入链接代码,到时在宝贝描述编辑器中直接加入描述文字就OK了。
八、保存代码
全部完成之后,将界面切换到代码模式,(跟第七步切换到拆分模式的方法相同),打开记事本程序,将代码全选,点鼠标右键选择拷贝,然后粘贴到记事本中,保存。
九、上传
打开HTML文件所在的文件夹,找到images子文件夹,将里面的除一个名为“spacer"外的所有上传到你的相册里去。(这个SPACER可以忽略不计)然后再记事本里找到除“spacerjpg”外的所有以jpg结尾的,换成其相对应的url地址,再将此代码保存。
特别提示:相册必须是支持外部链接的相册,如265相册(>1、进入“店铺装修”页面
鼠标移动到
自定义页面
2、可以选择现有的自定义页面进行
编辑
删除
或是创建新页面
如下图
3、其他建议,编辑页面的时候
记得保存
可以暂时不发布
统一编辑好页面
预览检查好再发布
4、发布页面后请到
“装修”-”模板管理“
进行模板备份,如果上次的页面重要
在没有编辑前就可以备份一次

有以下方法:

通过“我的淘宝”---“我是卖家”进入卖家中心,在左侧栏找到“店铺装修”,点击进入。选择左上角的“模板管理”,在页面里选择一个模板后点击“应用”即可。应用前记得先备份。

可以按照淘宝的店铺系统来进行装修,把设计的模板,先做好成对应布局的html代码,然后在把这些代码放到自定义内容区里,然后店铺背景这些也要上传到店铺风格里。如果是阿里的话直接复制到自定义即可。

用photoshop设计好后切图,再用dreamweaver导入,加链接,复制代码上传到淘宝店里。

淘宝 发布宝贝 模版怎么做
页面模版不是参数,是页面里固定的模块有哪些。在店铺装修左侧添加修改的
如何在淘宝上出售自己制作的淘宝店铺模板?
先申请设计师,需要交1w元的保证金,通过了就能设计了
淘宝中的flash模板如何制作
学会FLASH制作 不就慢慢学会怎么做了!
淘宝店铺宝贝描述页面如何做好?做的漂亮?
PS不难懂简单功能就OK,至于详情去个千图网下模板,换图层,文案。
怎么将自己设计的淘宝模板应用到自己的店铺。发布哪里 ?
有以下方法:

通过“我的淘宝”---“我是卖家”进入卖家中川,在左侧栏找到“店铺装修”,点击进入。选择左上角的“模板管理”,在页面里选择一个模板后点击“应用”即可。应用前记得先备份。

可以按照淘宝的店铺系统来进行装修,把设计的模板,先做好成对应布局的html代码,然后在把这些代码放到自定义内容区里,然后店铺背景这些也要上传到店铺风格里。如果是阿里的话直接复制到自定义即可。

用photoshop设计好后切图,再用dreamweaver导入,加链接,复制代码上传到淘宝店里。
淘宝首页模版怎么设计?
把ps图切一下加入链接就行了
淘宝新开的店铺怎么上传自己做好的模板
楼主您好;

自己制作的模板要上传到你的淘宝空间啊,然后在店铺装修里新建自定义内容,把你的模板地址(在你的淘宝空间里打开模板,右击模板,复制地址)粘贴在你刚才新建的自定义内容区,保存,就可以了!

望采纳!!!
怎么用HTML做淘宝模板,急
HTML怎么制作模版,HTML是一个页面,如果您要做模版可以在管理店铺里面有促销模版和导航模版一系列里面选一个您需要的然后编辑修改一下就可以了,素材很多, *** 作简单、
自己做的模版怎么应用到淘宝网店上
在店铺装修里面添加一个自定义模块,然后把自己做的模版放到自定义模块里就可以了。
怎么制作淘宝店铺模板
可以自己用用photoshop编辑适合你宝贝风格的页面;也可以在卖家服务市场找适合你的装修软件,直接套图,很多现成的模板可以使用。

请看教程讲解:

第一步:先备份一下我们当前的已经修改过的模版:

1点击模版进入页面,然后点击备份:

然后我们进入我备份的模版这一栏查看:

第二步:我们进入我购买的模版然后点击应用,这样直接应用后,就是恢复到出厂设置了,但不要坚上面我们备份了的,先看教程吧:

现在看下如何查看自己买到的模版:

1点击模版:进入页面,然后点击我购买到的模版 本文来自快乐网

找到以后,点击应用,应用后,就能找到您之前不小心删除的模块了 。

这时编辑这个模块,然后点击编辑 ,进入源代码 ,然后把代码复制下来 ,放到记事本内保存起来 ,一会要用!(这一步很重要哦!)

这时,我们再重复上面备份的 *** 作,进入刚刚备份好的模版,我们再次应用刚才备份好的模版 ,应用后,是不是又返回之前的状态了? 不要紧,因为刚刚我们已经保存好丢失的代码了。

我们现在在丢失过的地方,添加一个自定义模块,然后插入代码就可以了,跟刚刚复制代码一样 *** 作粘贴即可。


DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
乐在赚 » 淘宝卖家店铺装修怎么自己制作模块

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情