制作淘宝店铺模板代码

合集下载

淘宝店铺装修代码大全-店铺装修代码

淘宝店铺装修代码大全-店铺装修代码

淘宝店铺装修代码大全-店铺装修代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码:<img src="这里放图片地址">3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; positi on: relative; top:0px" />5、商品分类代码:<img src="这里放图片地址"/>6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue, yellow等</font>8、文字代码:<a href="网页地址">的文字,在分类栏里用时的网页地址必须缩短</a>9、移动文字代码:<marquee>从右到左移动的文字</marquee>10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgs ound>11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc= "这里放音乐地址">12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码计数器代码颜色代码:1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色#A67D3D 17士官服蓝色#5F9F9F 18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB 33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#85636336长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD 59浅木色#E9C2A660石灰绿色#32CD32 61桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD99 64中蓝色#3232CD65中森林绿#6B8E23 66中鲜黄色#EAEAAE 67中兰花色#9370DB 68中海绿色#426F42 69中石板蓝色#7F00FF 70中春绿色#7FFF00 71中绿松石色#70DBDB 72中紫红色#DB7093 73中木色#A6806474深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C 79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B4226 93赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE 101棕褐色#DB9370 102紫红色#D8BFD8103石板蓝色#ADEAEA104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC32店铺公告里的漂亮悬浮挂件的代码:公告图片的代码:<img border="0" src="图片地址" />公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />店铺分类代码:<img src="缩完后的图片地址"/>背景音乐代码:<bgsound loop="-1" src="音乐地址"></bgsound>换行代码<br>计数器代码<a href="00counter." target="_blank"><img src="计数器地址" bor der=0 alt="00Counter."></a>店铺公告里的漂亮悬浮挂件的代码:<marquee style="position:relative;" scrollamount="1" scrolldelay= "85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置,下面写着公告的位置。

淘宝店铺装修全屏海报代码

淘宝店铺装修全屏海报代码

淘宝店铺装修全屏海报代码
方法/步骤
1.<div style="height:450px;">
<div class="footer-more-trigger"
style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger"
style="left:-960px;top:auto;border:none;padding:0;">
<a href="这是产品的连接地址" target="_blank">
<img src="这是全屏海报的连接地址" width="1920px"
height="450px" border="0" />
</a>
</div>
</div>
</div>
2.<div style="height:450px;">(这段是全屏海报的高度可以改一下后边
的数值)
3.注意:双引号一定不要删除,把图片放到双引号的中间 <a href="这是
产品的连接地址" target="_blank">
4.都设置好后按照图片操作即可。

漂亮的淘宝宝贝描述模板代码

漂亮的淘宝宝贝描述模板代码

婕備寒鐨勬窐瀹濆疂璐濇弿杩版ā鏉夸唬鐮?/B>td width="100%"tablewidth="900"height="1205"border="0"cellpadding="0"cellspacing="0"tr td colspan="4"img src="width="900"height="90"/td/tr tr td width="223"height="286"imgsrc="width="223"height="286"/td tdwidth="331"align="center"valign="top"background="marquee direction=up scrolldelay="150"style="color锛?FF0000锛沠ont-size锛?4pt锛沠ont-family锛氭眽榧庣箒鍙ゅ嵃"~/marquee/td td width="97"img src="width="97"height="286"/td td width="249"table width="249"border="0"cellspacing="0"cellpadding="0"tr td img src="width="249"height="127"/td/tr tr td height="118"background="marquee scrolldelay="150"~/marquee/td/tr tr td height="41"img src="width="249"height="41"/td/tr/table/td/tr tr td colspan="4"img src="width="178"height="60"border="0"img src="width="200"height="60"border="0"imgsrc="width="193"height="60"border="0"imgsrc="width="204"height="60"border="0"imgsrc="width="125"height="60"border="0"/td/tr tr td colspan="4"img src="width="900"height="66"/td/tr tr td colspan="4"tablewidth="900"height="299"border="0"cellpadding="0"cellspacing="0"tr tdwidth="223"height="299"align="left"valign="top"background="/td td width="677"align="center"valign="middle"background="/td/tr/table/td/tr tr td colspan="4"img src="width="900"height="50"/td/tr tr td height="354"colspan="4"tablewidth="900"height="354"border="0"cellpadding="0"cellspacing="0"tr tdwidth="223"rowspan="6"align="center"valign="top"background="/td td width="677"height="67"background="/td/tr tr td height="54"img src="width="677"height="54"/td/tr tr td height="71"background="/td/tr tr td height="53"img src="width="677"height="53"/td/tr tr td height="62"background="/td/tr tr td height="13"a href="。

淘宝店铺模板代码详解

淘宝店铺模板代码详解
< loop="-1" src="音乐地址"></ >
注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法:
<img border=0 src="图片地址" dynsrc=音乐地址>
注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
<a href="网页地址">链接的文字</a>
七、 移动文字代码:
<marquee>从右到左移动的文字</marquee>
八、 计数器代码
<a href="####################" target="_blank"><img src="计数器地址"border=0
先选“编辑源文件” ,然后复制以下代码:
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
另外,还要在源文件底部输入代码:</td></tr></table>
十二、 添加QQ在线交谈代码:
alt=""></a>
九、 店铺公告里的漂亮悬浮挂件的代码:
<marquee style="position:relative;" ="this.stop()" ="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">

淘宝店铺装修常用自定义代码大全

淘宝店铺装修常用自定义代码大全

淘宝店铺装修基础自定义代码大全一、插入图片代码:<img src="图片链接地址" />注:先把图片上传到网络相册网络地址(如果你没有网络相册可以申请一个),把它拷贝下来,放到下边一串代码里替代汉字部分;可以应用于公告栏、分类栏及宝贝描述内。

二、插入公告栏挂饰代码:<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注:先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。

三、背景音乐代码:< loop="-1" src="音乐地址"></ >注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。

三、在图片里附加音乐的办法:<img border=0 src="图片地址" dynsrc=音乐地址>注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。

四、浮动的图片的代码:<img alt="1" height="150" src="这里放图片地址"/>五、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />六、文字链接代码:<a href="网页地址">链接的文字</a>七、移动文字代码:<marquee>从右到左移动的文字</marquee>八、计数器代码<a href="" target="_blank"><img src="计数器地址"border=0alt=""></a>九、店铺公告里的漂亮悬浮挂件的代码:<marquee style="position:relative;" ="this.stop()" ="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />十、店铺公告添加个性的鼠标指针代码:<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">十一、宝贝描述加上个性的鼠标指针代码先选“编辑源文件” ,然后复制以下代码:<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"><tr><td width="100%">另外,还要在源文件底部输入代码:</td></tr></table>十二、添加QQ在线交谈代码:<a target=blankhref=/msgrd?V=1&Uin=41826029&Site=&Me nu=yes><img border="0" SRC=/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>注: 这是QQ在线状态的代码,里面的数值要改变,号码和网址改为你自己的,这个链接的作用是别人可以直接点击联系你而无需加你为好友,使用方法是直接链接。

淘宝网旺铺装修代码分析制作大全

淘宝网旺铺装修代码分析制作大全

淘宝网旺铺装修代码分析制作大全--由陌上花开精品馆掌柜提供旺:malong29职场生活技巧2010-07-10 13:17:37 阅读1143 评论3 字号:大中小订阅淘宝网旺铺装修代码如何学会自己制作是本文的要点,分析旺铺装修模板代码如何安装使用,通过淘宝网旺铺装修代码认识,学会运用自己所定的旺铺装修模板代码,呈现一个美观界面。

淘宝网旺铺装修代码如何学会自己制作是本文的要点,分析旺铺装修模板代码如何安装使用,通过淘宝网旺铺装修代码认识,学会运用自己所定的旺铺装修模板代码,呈现一个美观界面。

一:背景音乐代码<bgsound loop="infinite" src="这里插入你想要的歌曲的链接"></bgsound> 或<bgsound loop="-1" src="这里插入你想要的歌曲的链接"></bgsound>操作方法:第一步选择本帖提供的背景音乐,复制红色部分内容;第二步在“我的淘宝”—>“管理我的店铺”—>“基本设置”—>“公告”的窗口内,点击“编辑源文件”后粘贴即可;第三步按一下“确定”按钮,顺利完成背景音乐的添加。

附部分背景音乐:1. 命运浪漫满屋主题曲韩剧 <bgsound loop="-1"src="/zhuangxiu/0/717/luchuanzhi1/sound/200641605345500.wma" ></bgsound>2. Akia California 英文歌曲<bgsound loop="-1"src="/zhuangxiu/edm/baojie/California.mp3"></bgsound>3. 莫斯科郊外的晚上黑鸭子<bgsound loop="-1" src="/zhuangxiu/music/H/黑鸭子/难忘的苏联时代/黑鸭子%20-%2005-莫斯科郊外的晚上.wma"></bgsound>4. 春江花月夜<bgsound loop="-1"src="/zhuangxiu/images/gaozh/chunj.wma"></bgsound>说明:1.如要关闭背景音乐,按ESC键即可.2.如要在帖子里添加背景音乐,粘贴音乐代码在帖子的第一句话后面即可.注意:“音乐地址”可以在百度里搜索,百度音乐/搜索你想要的歌曲,记得要选连接速度快的。

淘宝模板设计代码大全)

淘宝模板设计代码大全)

自己动手设计自己的免费个性网店模板--淘宝模板设计代码大全很多朋友看到别人设计的漂亮模板就会心动吧!呵呵,人家就是拿那个自己做出来的模板然后出来卖,还可以赚到不少的钱,作为店主,我们就心甘情愿的拿钱去买被人的高价装修模板吗?如果是我,我肯定不愿意啦。

呵呵,相信大家也和我差不多吧。

当然,设计模板可是要一定技术的,所以我们必须从简单的开始学起,自己学会慢慢做,花点时间去研究一下,也许不知道哪一天我们也可以拿自己设计的漂亮模板出去卖了。

也许就真的有一天。

下面就给大家先提供一些做模板的代码。

这些都很重要的哦。

做模板可少不了。

能记下来是最好的了。

o(∩_∩)o...1)贴图:< img src="图片地址">2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a>3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a>4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> (可用于店铺分类,和评价)5)字体加粗:< b>写上你想写的字< /b>6)字体斜体:< i>写上你想写的字< /i>7)字体下划线: < u>写上你想写的字< /u>字体删除线: < s>写上你想写的字< /s>9)字体加大: < big>写上你想写的字< /big>10)字体控制大小:< h1>写上你想写的字< /h1>(其中字体大小可从h1-h5,h1最大,h5最小)(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false>14)贴flash: < embed src="flash地址" width="宽度" height="高度">15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行:< br>17)段落:< p>段落< /p>1原始文字样式:< pre>正文< /pre>19)换帖子背景:< body background="背景图片地址">20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" bodybgproperties=fixed>21)定制帖子背景颜色:< body bgcolor="#value">(value值见10)22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里)23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe>最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了!使用时把前边后边代码内的空格去掉即可!举个例子4)移动字体(走马灯):< marquee>写上你想写的字< /marquee>把< marquee>和< /marquee>删为去掉括号中的空格即可,其他不用动!后边代码不动即可!店铺装修代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码:<img src="这里放图片地址">3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />5、商品分类代码:<img src="这里放图片地址"/>6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>8、文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>9、移动文字代码:<marquee>从右到左移动的文字</marquee>10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound>11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码计数器代码颜色代码:1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色 #A67D3D17士官服蓝色#5F9F9F18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB 33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#856363 36长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD65中森林绿#6B8E2366中鲜黄色#EAEAAE67中兰花色#9370DB68中海绿色#426F4269中石板蓝色#7F00FF 70中春绿色#7FFF0071中绿松石色#70DBDB72中紫红色#DB709373中木色#A6806474深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色 #38B0DE101棕褐色 #DB9370102紫红色 #D8BFD8103石板蓝色 #ADEAEA104浓深棕色 #5C4033105淡浅灰色 #CDCDCD106紫罗兰色 #4F2F4F107紫罗兰红色 #CC3299108麦黄色#D8D8BF109黄绿色 #99CC32店铺公告里的漂亮悬浮挂件的代码:公告图片的代码:<img border="0" src="图片地址" /> 公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />店铺分类代码:<img src="缩完后的图片地址"/>背景音乐代码:<bgsound loop="-1" src="音乐地址"></bgsound>换行代码<br>计数器代码<a href="" target="_blank"><img src="计数器地址" border=0 alt=""></a>店铺公告里的漂亮悬浮挂件的代码:<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置,下面写着公告的位置。

淘宝装修代码大全-完整版-商家必看

淘宝装修代码大全-完整版-商家必看
2Cozqtambx1244089556168 'I h*C, G1 s 5@+ A$ r* v2r" R$ B
user_id=后面的那串数字就是您自己店铺的 ID 了,把这个 ID COPY 下了 *K+ k"E& K2 y3V5 y8w
,替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了!!
5、再用短地址放入 <img src=" 图片的地址 " /> 的""中就 ok 了 % E9w7 p7@, ? % y$B0 I3 K/ e
( o$ i# |+ ~+ B) T6U3 L : r& ^ / ]
9.:如何在店铺公告添加个性的鼠标指针:马上 copy 这个代码,它可以 7 B# D# ~+ e) v3f( R
* x. P&z " E0U+ v3x; g) T
★添加计数器代码: 到免费的计数器网站如[url=]/[/url]注册一个账号,然后登 陆就可以选择计数器了,然后在网站地址一栏内输入你的淘宝店铺地址 就可以了。确定后会弹出一个网页,提示复制以下代码,还是进入管理
/ y%n+ g V* F1L : {7X
& w' c $G1 l, i
4.浮动的图片的代码: 4I9 j- R7 y* }2m+ ^8 N8 O2 `
</td></tr></table>;<img height="150" src="图片地址"
5.滚动字幕代码:这个用处可就多了,放到哪里那些字都是会动的,有 很多朋友在好评里都会用到哦! <marquee>输入你想说的话</marquee>
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

制作淘宝店铺模板代码
,网店LOGO就是网店的灵魂所在,集中了网店的很多信息,强化了网带你的形象,有好的LOGO的企业更能让大家记住你!
1.第一步:设计自己要的促销模板的图样
我PS学的不好,嘿嘿,所以用的是美图秀秀,可牛,光影魔手等图片处理软件来做的图样,嘿嘿
建议大家可以找框框多点的相框哦,这样就可以多弄几个作品图及连接了哦!!!
还有要注意的事,尽量选用*的框框哦,当然也可以根据宝贝的需要来定了!!!
在这里为了教程快点完成,就做了个简单的哦!!!如下图:
现在这个图片是JPG格式的哦!!!
2.第二步:PS切片及转换图片格式
接下来这部就是把用美图秀秀做好的JPG格式的图片用PHOTOSHOP软件进行切片及转换图片的格式哦
打开刚用美图做好的图片,然后选择工具拦里的切片工具进行图片切割
选中第一个框框后,大家可以发现,在夏普手机这个框框的时候,左上角有个编号3,而还没有切的粉饼盒的
框框左上角也出现了一个编号,也就是说,其实这样一整张图都已经自动切片切好咯!!!
如下图:
然后将切片切好的图片转换为PSD格式的图片哦!!!
一下操作:点击左上角的文件菜单—》保存为—》会跳出一个保存为的框框—》在格式的选项下拉选择
PSD 的文件格式——》确定至于想要保存在哪里就自己去选择了哦,嘿嘿!!!
3.第三步:使用Adobe ImageReady软件
现在切片好的图片是PSD格式的,所以在DW软件里是无法识别的哦!!
因此要借助IMAGEREADY软件来将PSD格式的图片转换为HTML的图片
用软件打开PSD格式的图片后不用做任何的处理,直接转换成HTML格式的图片哦
以下操作:点击左上角的文件菜单—》选择优化结果存储为—>会跳出一个将优化结果存储为的
框框—> 找到保存类型下拉选择HTML和HTML图像—》保存
保存后,大家会发现在大家选择保存的文档里有个HTML的文件类型及一个images的文件夹哦,
而这个文件夹里面的图片就是之前用美图秀秀所做的图片用PS切开后的每个图片哦,不可以删掉的哦一会可是有用的呢!!!
在这里,我们要做一个准备工作,就是把IMAGES文件夹里面的每一个切开的图片都要上
传到自己的网络图片空间去哦!!!!!!!我所用的就是淘宝的图片空间了,上传好可不要关掉哦,图片连接还没有复制呢,嘿嘿
4.第四步:DW制作代码
用DW软件打开之前转换成HTML的图片,也就是第三步里一个蓝色 e 文件
在打开图片当中,大家可以把鼠标光标放在作品图框框里点一下,可以发现这个作品图的框框是独立的哦!!!
这个就是PS切片工具的功劳哦!!!
然后大家在第一个夏普手机的框框里单击下后就可以看到图片下面的属性大框框哦!!!!!
在属性框框里,大家在源文件这个框框里面的全部删掉,然后把网络空间的夏普手机图片连接粘贴进去
然后在源文件框框下面可以看到一个链接框框,就是这个夏普手机作品图片上加上大家想链接的页面,在这里
我当然加上自己店铺里这个夏普手机的页面连接哦!!!
以此类推,后面一个粉饼盒的属性和夏普手机一样改哦!!!
改好后在左上角可以看到代码按键,点击代码后大家可以看到原来是图片界面变成了一堆看不懂的代码
了,嘿嘿!!!!
5.第五步:装修店铺
打开淘宝店铺,进入装修模式,进入大家想要编辑的区域,在复制代码前应该都知道,首先要点击下
编辑拦里的<> 编辑HTML源代码这一按键哦!!!!
然后粘贴在DW软件里面复制过来的代码后,在点击一下<> 编辑HTML源代码按键然后保存查看我的店铺
就可以看到大家自己做制作的简易促销模板了哦!!!!!!!!
如下图:
然后大家可以试试点击下自己的作品图片就可以进入你所连接的页面了哦!!!
就这样,一个简单的促销模板完成了,嘿嘿!!!!。

相关文档
最新文档