用Dreamweaver制作淘宝店铺模板代码

下面我把代码黏贴在下面，下载后复制代码放在对应的自定义模块就可以用了，如果新手不会放，那就在百度里搜索，是怎么放的，我这里就提供代码以前我都是在淘宝上卖30元的，现在免费送了1【万用模版】紫色女装饰品女鞋化妆品等全套豪华模板收藏代码：<TABLE height=305 cellSpacing=0 cellPadding=0 width=190 align=center background= border=0><!--DWLayoutTable--><TBODY><TR>摘自资料<TD vAlign=top width=190 height=58><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=190 height=58><A href=""><img height=58 src="" width=190 border=0></A></TD></TR></TBODY></TABLE></TD></TR><TR><TD height=17>&nbsp;</TD></TR><TR>摘自<TD vAlign=top height=203><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=11 height=111>&nbsp;</TD><TD vAlign=center width=169><DIV align=left>售前客服：<br>售后客服：<br>掌柜旺旺：<br></DIV></TD><TD width=10>&nbsp;</TD></TR><TR><TD height=17>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=75>&nbsp;</TD><TD vAlign=top><DIV align=left>联系电话：<br>QQ客服：<br>营业时间:</DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR><TR><TD height=27>&nbsp;</TD></TR></TBODY></TABLE>右侧促销1<TABLE height=540 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=top colSpan=5 height=265><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD height=54></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR><!--DWLayoutTable--><TR><TD width=49></TD><TD vAlign=center width=211 height=211><DIV align=center><img height=211 src="" width=211></DIV></TD><TD width=39>&nbsp;</TD><TD vAlign=center width=211><DIV align=center><img height=211 src="" width=211></DIV></TD><TD width=240></TD></TR></TBODY></TABLE></TD></TR><TD width=7 height=88>&nbsp;</TD><TD width=290>&nbsp;</TD><TD width=67>&nbsp;</TD><TD width=250>&nbsp;</TD><TD vAlign=top width=136 rowSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=136 height=275>&nbsp;</TD></TR></TBODY></TABLE></TD></TR><TR><TD height=175></TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=top width=293 height=175><DIV style="OVERFLOW-Y: auto; WIDTH: 290px; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 175px">文字公告栏,文字多时自动出现滚动条!</DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=250 height=175><TABLE height=175 cellSpacing=0 cellPadding=0 width=250 border=0><TBODY><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><DIV align=left>此处填写您的商品信息</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR><TD height=12></TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销2<TABLE height=469 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD width=18 height=50>&nbsp;</TD><TD width=15>&nbsp;</TD><TD width=530>&nbsp;</TD><TD width=52>&nbsp;</TD><TD width=119>&nbsp;</TD><TD width=16>&nbsp;</TD></TR><TR><TD height=250>&nbsp;</TD><TD vAlign=top colSpan=4><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center colSpan=2 height=155><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=29><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD></TR><TR><TD width=37 height=66>&nbsp;</TD><TD vAlign=top width=118><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38>&nbsp;</TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38>&nbsp;</TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38>&nbsp;</TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD></TR><TR><TD height=17>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=37>&nbsp;</TD><TD>&nbsp;</TD><TD vAlign=top rowSpan=2><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center width=530 height=125><MARQUEE scrollAmount=2 behavior=alternate><img height=120 src="" width=120>&nbsp;<img height=120 src="" width=120>&nbsp;<img height=120 src="" width=120>&nbsp;<img height=120 src="" width=120>&nbsp;<img height=120 src="" width=120></MARQUEE></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=88>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD vAlign=center><P align=center>AM: 9:00-PM:23:00<br>周六日节假日不定时在线</P></TD><TD>&nbsp;</TD></TR><TR><TD height=27></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销3<TABLE height=520 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD width=750 height=47>&nbsp;</TD></TR><TR><TD vAlign=top height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=750 height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=22 height=160>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=3><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=19>&nbsp;</TD></TR><TR><TD height=21>&nbsp;</TD><TD width=60>&nbsp;</TD><TD vAlign=bottom width=100><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=59>&nbsp;</TD><TD vAlign=bottom width=101><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=58>&nbsp;</TD><TD vAlign=bottom width=102><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=60>&nbsp;</TD><TD vAlign=bottom width=90><DIV align=center>888</DIV></TD><TD width=10>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=50>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD> <TD>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD><TD vAlign=center colSpan=3><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></T R><TR><TD vAlign=top height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=22 height=160>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23>&nbsp;</TD><TD vAlign=center colSpan=3><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=19>&nbsp;</TD></TR><TR><TD height=21>&nbsp;</TD><TD width=60>&nbsp;</TD><TD vAlign=bottom width=100><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=59>&nbsp;</TD><TD vAlign=bottom width=101><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=58>&nbsp;</TD><TD vAlign=bottom width=102><DIV align=center>888</DIV></TD><TD>&nbsp;</TD><TD width=60>&nbsp;</TD><TD vAlign=bottom width=90><DIV align=center>888</DIV></TD><TD width=10>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=50>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD><TD vAlign=center colSpan=3><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR><TR><TD height=11></TD></TR></TBODY></TABLE>左侧热销<TABLE height=550 cellSpacing=0 cellPadding=0 width=190 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD width=190 height=66>&nbsp;</TD></TR><TR><TD vAlign=top height=337><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=14 height=160>&nbsp;</TD><TD vAlign=center width=160><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=16>&nbsp;</TD></TR><TR><TD height=17>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD height=160>&nbsp;</TD><TD vAlign=center><DIV align=center><img height=160 src="" width=160></DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR><TR><TD vAlign=top height=99><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--> <TBODY><TR><TD width=9 height=22>&nbsp;</TD><TD width=77>&nbsp;</TD><TD width=14>&nbsp;</TD><TD width=77>&nbsp;</TD><TD width=13>&nbsp;</TD></TR><TR><TD height=77>&nbsp;</TD><TD vAlign=center><DIV align=center><img height=77 src="" width=77></DIV></TD><TD>&nbsp;</TD><TD vAlign=center><DIV align=center><img height=77 src="" width=77></DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR><TR><TD height=48>&nbsp;</TD></TR></TBODY></TABLE>2【万用模版】彩色白色化妆品女装效果图收藏代码<table width="190" height="301" border="0" align="center" cellpadding="0" cellspacing="0" background=""><!--DWLayoutTable--><tr><td height="110" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"><!--DWLayoutTable--><tr><td width="190" height="110"><a href=""><img src="" width="190" height="110" border="0"></a></td></tr></table></td></tr><tr><td width="9" height="14">&nbsp;</td><td width="172">&nbsp;</td><td width="9">&nbsp;</td></tr><tr><td height="160">&nbsp;</td><td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"><!--DWLayoutTable--><tr><td width="172" height="160" valign="top"><div style="overflow-y:auto; width:172px; height:160px; scrollbar-base-color:#ffffff;">这里填写您的店铺公告信息</div></td> </tr></table> </td><td>&nbsp;</td></tr><tr><td height="17">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>右侧促销1<TABLE height=627 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=top colSpan=4 rowSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD><TD width=17 height=39>&nbsp;</TD><TD vAlign=center width=164><DIV align=right>188元</DIV></TD><TD width=16>&nbsp;</TD><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD></TR><TR><TD height=6></TD><TD></TD><TD></TD></TR><TR><TD height=24></TD><TD vAlign=center><DIV align=center>您的商品名或商品简介</DIV></TD><TD></TD></TR><TR><TD height=9></TD><TD></TD><TD></TD></TR><TR><TD height=164>&nbsp;</TD><TD vAlign=center><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD><TD>&nbsp;</TD></TR></TBODY></TABLE></TD><TD width=13 height=101>&nbsp;</TD><TD width=199>&nbsp;</TD><TD width=13>&nbsp;</TD></TR><TR><TD height=128>&nbsp;</TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=top width=199 height=128><DIV style="OVERFLOW-Y: auto; WIDTH: 199px; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 128px">给您完美的店铺装修方案，让您<br>的店从淘宝千万家店中脱颖而<br>出！超低的价格，精美的模板，<br>让您的店从此火起来！</DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD></TR><TR><TD height=13>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR><TR><TD width=84 height=9></TD><TD width=221></TD><TD width=166></TD><TD width=54></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=top colSpan=4 rowSpan=2><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center width=164 height=37><DIV align=right>188元</DIV></TD><TD width=17>&nbsp;</TD><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD><TD width=16>&nbsp;</TD><TD vAlign=center width=164><DIV align=right>188元</DIV></TD></TR><TR><TD height=9></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=center height=24><DIV align=center>您的商品名或商品简介</DIV></TD><TD></TD><TD></TD><TD vAlign=center><DIV align=center>您的商品名或商品简介</DIV></TD></TR><TR><TD height=8></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=top height=164><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center width=164 height=164><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD vAlign=center><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD></TR></TBODY></TABLE></TD><TD height=89></TD><TD>&nbsp;</TD><TD></TD></TR><TR><TD height=153></TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=top width=199 height=153><DIV align=left>旺旺：<br><br>旺旺：<br><br>在线时间：<br>星期一至六：09：00-24：00<br>星期天及节假日不定时上线</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=13>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=48>&nbsp;</TD><TD vAlign=top rowSpan=5><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center width=104 height=104><DIV align=center><img style="WIDTH: 104px; HEIGHT: 104px" height=104 alt="" src=" " width=104></DIV></TD><TD width=13>&nbsp;</TD><TD vAlign=center width=104><DIV align=center><img style="WIDTH: 104px; HEIGHT: 104px" height=104 alt="" src=" " width=104></DIV></TD></TR></TBODY></TABLE></TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=16>&nbsp;</TD><TD>&nbsp;</TD><TD vAlign=top colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD width=49 height=16><DIV align=center>200元</DIV></TD><TD width=59>&nbsp;</TD><TD width=49><DIV align=center>400元</DIV></TD><TD width=65>&nbsp;</TD><TD width=44><DIV align=center>600元</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=4></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=16></TD><TD></TD><TD vAlign=top colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--> <TBODY><TR><TD width=49 height=16><DIV align=center>300元</DIV></TD><TD width=59>&nbsp;</TD><TD width=49><DIV align=center>500元</DIV></TD><TD width=65>&nbsp;</TD><TD width=44><DIV align=center>700元</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=20></TD><TD></TD><TD>&nbsp;</TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=17></TD><TD>&nbsp;</TD><TD></TD><TD>&nbsp;</TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销2<TABLE height=626 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><!--DWLayoutTable--><TBODY><TR><TD width=52 height=21>&nbsp;</TD><TD width=183>&nbsp;</TD><TD width=62>&nbsp;</TD><TD width=183>&nbsp;</TD><TD width=62>&nbsp;</TD><TD width=183>&nbsp;</TD><TD width=25>&nbsp;</TD></TR><TR><TD height=591>&nbsp;</TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!--DWLayoutTable--><TBODY><TR><TD vAlign=center colSpan=2 height=183><DIV align=center><img style="WIDTH: 183px; HEIGHT: 183px" height=183 alt="" src=" " width=183></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=59><DIV style="MARGIN-TOP: 25px"><DIV align=center>您的商品名或商品简介<br>字数不要太多，2行较合适</DIV></DIV></TD></TR><TR><TD width=85 height=63>&nbsp;</TD><TD vAlign=top width=98><DIV align=center>888元</DIV></TD></TR><TR><TD vAlign=center colSpan=2 height=183><DIV align=center><img style="WIDTH: 183px; HEIGHT: 183px" height=183 alt="" src=" " width=183></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=59><DIV style="MARGIN-TOP: 25px"><DIV align=center>您的商品名或商品简介<br>字数不要太多，2行较合适。

淘宝店铺装修代码大全-店铺装修代码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)公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。

<img src="图片的所在的地址"><img border="0" src="图片地址" />2).公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="你图片的地址">3)加背景音乐的代码。

进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，再写你的公告文字<bgsound src="你的背景音乐地址" loop=-1>4)浮动的图片的代码：</td></tr></table>;<img height="150" src="图片地址"5)滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有很多朋友在好评里都会用到哦！<marquee>输入你想说的话</marquee>6)自定义颜色代码<font color=blue>输入你想要说的话</font>注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度不要超过40哦。

7)增加链接链接内容<a href="链接地址">链接内容</a>8)店铺分类的代码<img src=" 图片的地址" /> 代码就放在：我的淘简单介绍一下我的操作方法：1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后上传到网上相册；2、复制代码<img src=" 图片的地址" /> 到宝贝分类中；3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地址；4、由于网上的图片地址过长，因此要在/上进行网址缩短工作：即把复制的图片地址到这个网站中进行缩短，然后会出现一个较短的图片地址5、再用短地址放入<img src=" 图片的地址" /> 的""中就ok了9)如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以让您的店铺公告更有吸引力呀<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">10)宝贝描述加上个性的鼠标指针自己喜欢的鼠标指针选好了吗？那就马上复制这个代码在宝贝描述里就可以了，当然还要先选“编辑源文件”<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"><tr><td width="100%">另外，还要在源文件底部输入代码：</td></tr></table>宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，导致了以前的方法不灵了，如何解决这个问题呢？把以前的代码换成如下即可解决这个问题：/popup/add_collection.htm?id=62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2（欢迎大家点击这个链接看看我说的方法灵不灵啊，点击确定之后，到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？^-^^-^ 呵呵^-^）别忘了把62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2这个数字修改成您自己的店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）如何获得自己的店铺ID呢？进入“我的淘宝”/“查看我的店铺”，会看到浏览器的地址栏中有类似下面的字样：/shop/view_shop.htm?nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306 user_id=后面的那串数字就是您自己店铺的ID了，把这个ID COPY下了，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！！12)添加音乐代码：百度音乐/搜索你想要的歌曲，记得要选连接速度快的。

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

例如：/Images/logo.gif，可以是jpg、gif、png结尾的图片注意：图片模式是RGB格式的，不能是CMYK格式的，否则不显示二、插入公告栏挂饰代码：<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。

示例同上，这里多了一个代码left:20px 意思是左20个像素三、背景音乐代码：< loop="-1" src="音乐地址"></ >注：先把音乐文件上传到网络上；可以应用于公告栏、宝贝描述内。

支持mp3三、在图片里附加音乐的办法：<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 href="/msgrd?V=1&Uin=123456&Site=网站客服&Menu=yes"target="_blank"><img src="/pa?p=1:123456:1" alt="点击这里给我发送消息" border="0"></a>注: 这是QQ在线状态的代码，里面的数值123456要改成自己的QQ号码，这个链接的作用是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。

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

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

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

也许就真的有一天。

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

这些都很重要的哦。

做模板可少不了。

能记下来是最好的了。

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.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。

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

例如：/Images/logo.gif，可以是jpg、gif、png结尾的图片注意：图片模式是RGB格式的，不能是CMYK格式的，否则不显示二、插入公告栏挂饰代码：<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。

示例同上，这里多了一个代码left:20px 意思是左20个像素三、背景音乐代码：< loop="-1" src="音乐地址"></ >注：先把音乐文件上传到网络上；可以应用于公告栏、宝贝描述内。

支持mp3三、在图片里附加音乐的办法：<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 href="/msgrd?V=1&Uin=123456&Site=网站客服&Menu=yes"target="_blank"><img src="/pa?p=1:123456:1" alt="点击这里给我发送消息" border="0"></a>注: 这是QQ在线状态的代码，里面的数值123456要改成自己的QQ号码，这个链接的作用是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。

竭诚为您提供优质文档/双击可除dw网页淘宝设计模板篇一：dreamweaver在淘宝美工课中的应用泉州新东方叶生方老师整理dreamweaver在淘宝美工课中的应用一、店铺装修（网页技术）专业型课程分两个阶段：1、店铺装修基础阶段，2、html+css行内样式部分。

（一）实用型阶段——店铺装修基础1、认识旺铺及类型、模板、模块、布局；旺铺20xx标准版拓展版20xx新版2、ps切片导出web代码3、dw表格排版4、分类导航设计——ps切片、dw表格、热区三种技术综合运用5、旺铺宽屏效果制作（页面背景、店头自定义、自定义大图三部分组成）6、图片背景、旺旺代码、收藏代码、滚动代码7、识别哪些效果属于模块功能，那些效果可以自定义实现，常用的促销工具（限时打折、满就送、团购宝、搭配减价、会员管理等）8、淘宝首页整体风格设计、“宝贝描详情页”风格设计9、html常用标注介绍table、tR、td、img、a等用功能（二）专业提升阶段——html+css行内样式10、dw使用的注意要点以及认识tabletRtdFontdiVspanh1imgapliulmarquee等常用标注。

11、表格结构分析，学会手写简单的网页代码12、认识css盒子模型13、了解css排版基本方法——实际表格相似导航效果14、运用css设计宝贝详情页版式、利用p、img标注的css属性设置版式15、css美化表格16、了解淘宝widget库的作用与意义——悬浮旺旺、宝贝放大镜等等特效篇二：用dw做出漂亮的模板如何用dw做出漂亮的促销表格模板很多的卖家在逛淘宝店时会发现很多的店铺装修很美观，如打折模块和团购模块，自己想去问店主怎么制作，但是有几个淘宝卖家会告诉你呢，不过不要着急，下面让开淘网为你详解一番吧。

今天我们讲的是如何用dReamweaVeR做促销表格。

准备工作：dwcs5版本、pscs5版本（dw全称dreamweaver，ps全称photoshop，cs5为软件的版本，不同的版本所拥有的的功能也不同，建议学习本帖的同学还是下载相同版本的软件，如果您遇到问题，我才能很好的帮您解决）、纸笔等。

淘宝店铺装修代码大全-店铺装修代码随着电子商务的快速发展，越来越多的商家开始进入淘宝平台进行销售，个性化的店铺装修成为许多商家必不可少的一部分。

在淘宝店铺装修中，代码的使用是非常重要的，能够有效地提升店铺的美观度和用户体验。

本文将为大家整理淘宝店铺装修常用的代码，供大家参考。

一、头部代码头部代码是网页头部的一部分，位于HTML代码的<head>标签之间。

下面是部分头部代码的示例。

1.设置网页标题，即在浏览器标签栏中显示的文字。

```html<title>XXX淘宝店铺</title>```2.设置网页的编码格式，这通常使用UTF-8编码格式。

```html<meta charset="UTF-8">```3.设置网页的关键字，方便搜索引擎收录网页。

```html<meta name="keywords" content="XXX,淘宝店铺,XXX店铺"> ```4.设置网页的描述信息，方便搜索引擎了解网页内容。

```html<meta name="description" content="我是XXX店铺，提供高品质的商品和优质的服务。

">```二、JS代码JS代码可以用来实现一些动态效果和交互功能，例如图片幻灯片、选项卡切换等。

下面是部分常用的JS代码示例。

1.实现图片幻灯片代码示例：```html<div class="carousel"><img src="img/1.jpg"><img src="img/2.jpg"><img src="img/3.jpg"><img src="img/4.jpg"></div><script>$('.carousel').slick({dots: true,infinite: true,speed: 500,fade: true,cssEase: 'linear'});</script>```上述代码中，我们使用了slick插件来实现图片幻灯片效果。

淘宝店铺装修代码大全-店铺装修代码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巧克力色#5C3317 11蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853 162号青铜色#A67D3D 17士官服蓝色#5F9F9F 18冷铜色#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浅钢蓝色#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深藏青色#2F2F4F 75海军蓝#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亮天蓝色#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="00counter." target="_blank"><img src="计数器地址" border=0 alt="00Count er."></a>店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" b ehavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。

1920全屏海报<div data-widget-type="Tabs" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao712634383fu'}" class="J_TWidget"><div class="piao712634383fu" style="height:490px;"><div data-widget-type="Carousel" data-widget-config="{'contentCls': 'slide-ziyoou712634383content','triggerCls': 'slide-ziyoou712634383triggers','navCls': 'slide-ziyoou712634383triggers','triggerType': 'mouse','effect': 'scrollx','prevBtnCls':'prev','nextBtnCls':'next','steps': 1,'autoplay': true,'viewSize':[1920],'circular': true}" class="J_TWidget ks-switchable-panel-internal552" style="z-index: 9; padding: 0px; margin: 0px; width: 1920px; top: 0px; left: -485px; display: block; opacity: 1; position: absolute;" role="tabpanel" aria-hidden="false" aria-labelledby="ks-switchable555"><div class="first712634383trigger"style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padd ing-right:0px;height:500px;overflow:hidden;padding-top:0px;"><a target="_blank" href=""><imgsrc="/imgextra/i4/1055778042/TB2mzb3aFXXXX agXpXXXXXXXXXX-1055778042.jpg" alt="ziyoou" /></a></div><ul class="slide-ziyoou712634383triggers"></ul></div></div><ul class="ks-switchable-nav" role="tablist"><li class="ks-active ks-switchable-trigger-internal551" role="tab" tabindex="0" id="ks-switchable555" style="font-size:0px;">1</li></ul></div>。

淘宝店铺裝修最新模板代码下面这个是我们的最终模版(大图图片实际效果会轮播)V-1 下面我们来打开PS,文件菜单,选择新建V-2 建立一个750X1460的文档,问什么要建立这样大小,请继续看V-3拉出参考线,参考线布局如V-4V-4图V-5然后我们先把PS最小化,先到广告牌生成器拿点模版/V-6选择图文,可以根据自己的行业,爱好来选择模版V-7因为我之前已经选择了这个模版,所以我在V-2步PS文档设置为750X1460V-8然后我们进行模版更改V-9点击上方文字,然后输入自定义文字,最后按确认修改V-10修改完后得到如下图V-11把所有的动态功能都去掉,然后我们改一下图片,因为图层可能比较多,所以到图层区那里快捷选取比较好V-12图层区V-13把轮播的图片删除,只要剩下一张图片,注意图片的大小,后面是需要用上的V-14接下我们也把下面的信息改成自己店铺的V-15也是一样,把图片地址改了V-16然后我们的第一分区版块完成了V-17保存下来V-18确认保存V-19获取设计V-20下载图片V-21把刚下载的图片用PS打开V-22打开后把图片ALT+S+A全选,CTRL+左键把图片拉到PS去V-23得到下面图片,然后我们继续做第二个分区V-24然后我们回到刚那个模版,从新V-14 到V-18的步骤,这个就只要对下面的进行改换就可以了....PS:商品不要相同哦V-25 到了V-18步,就停下来,不用下载,直接用截图工具截图保存下来,注意截区要跟图片一样大V-26然后打开刚图片V-27与V-22步骤一样,放到已经设置好的PS文档里V-28再一次重做V-24到V-27的步骤,得如下图V-29 接下来我们把中间的大图做出轮播效果,V-30 我们回到V-13,查找一下图片的大小,制作一张待轮播的图片,大小为698X400V-31 把准备好的图片打开,全选,拖到PS文档去V-32 然后图片放到于中间图片位置吻合V-33 窗口,选择动画V-34 新建一个桢,并设置循环次数为永远,轮播间隔为2秒V-35 选择第二贞,把与第一贞相同的图片隐藏,得第三幅图V-36 测试轮播效果与快慢来进行个人爱好调整V-37 然后我们回到第一贞,选取切片工具,对每部份商品切片V-38,然后存储为WEB和设备所用格式,点击存储,设置为HTML和图像V-39,然后得到两个文件,把images里面的图片上传到图片空间去,把html用Dreamweaver打开V-40 然后把刚切片的每一部图片分别换成相片空间对应的图片的地址V-41 更改完后,全选所有代码,拷贝V-42 到我是卖家,店铺装修V-43找到自定义模版,编辑,编辑HTML源码,然后把代码全部复制下去最后保存,发布..这样一来我们的版面就制作完了..是不是很漂亮呢,可以针对自己的爱好选择模版.然后根据模版来做出V-3和V-4图...其他步骤还是一样没变...希望这教程对各位有帮助。

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

Dreamweaver网页设计代码大全Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由小李整理分享：<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =font-size:100 px>...</font>无限增大<!>区断标记<hr>水平线<hr size=9>水平线(设定大小)<hr width=80%>水平线(设定宽度)<hr color=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=地址>(预设好连结路径)<a href=地址></a>外部连结<a href=地址 target=_blank></a>外部连结(另开新窗口)<a href=地址 target=_top></a>外部连结(全窗口连结)<a href=地址 target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片地址>贴图<img src=图片地址 width=180>设定图片宽度<img src=图片地址 height=30>设定图片高度<img src=图片地址 alt=提示文字>设定图片提示文字<img src=图片地址 border=1>设定图片边框<bgsound src=MID音乐文件地址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) <!>分割窗口<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 批注<A HREF TARGET> 指定超级链接的分割窗口<A HREF=#锚的名称> 指定锚名称的超级链接<A HREF> 指定超级链接<A NAME=锚的名称> 被连结点的名称<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址<B> 粗体字<BASE TARGET> 指定超级链接的分割窗口<BASEFONT SIZE> 更改预设字形大小<BGSOUND SRC> 加入背景音乐<BIG> 显示大字体<BLINK> 闪烁的文字<BODY TEXT LINK VLINK> 设定文字颜色<BODY> 显示本文<BR> 换行<CAPTION ALIGN> 设定表格标题位置<CAPTION>...</CAPTION> 为表格加上标题<CENTER> 向中对齐<CITE>...<CITE> 用于引经据典的文字<CODE>...</CODE> 用于列出一段程序代码<COMMENT>...</COMMENT> 加上批注<DD> 设定定义列表的项目解说<DFN>...</DFN> 显示"定义"文字<DIR>...</DIR> 列表文字卷标<DL>...</DL> 设定定义列表的卷标<DT> 设定定义列表的项目<EM> 强调之用<FONT FACE> 任意指定所用的字形<FONT SIZE> 设定字体大小<FORM ACTION> 设定户动式窗体的处理方式<FORM METHOD> 设定户动式窗体之资料传送方式<FRAME MARGINHEIGHT> 设定窗口的上下边界<FRAME MARGINWIDTH> 设定窗口的左右边界<FRAME NAME> 为分割窗口命名<FRAME NORESIZE> 锁住分割窗口的大小<FRAME SCROLLING> 设定分割窗口的滚动条<FRAME SRC> 将HTML文件加入窗口<FRAMESET COLS> 将窗口分割成左右的子窗口<FRAMESET ROWS> 将窗口分割成上下的子窗口<FRAMESET>...</FRAMESET> 划分分割窗口<H1>~<H6> 设定文字大小<HEAD> 标示文件信息<HR> 加上分网格线<HTML> 文件的开始与结束<I> 斜体字<IMG ALIGN> 调整图形影像的位置<IMG ALT> 为你的图形影像加注<IMG DYNSRC LOOP> 加入影片<IMG HEIGHT WIDTH> 插入图片并预设图形大小<IMG HSPACE> 插入图片并预设图形的左右边界<IMG LOWSRC> 预载图片功能<IMG SRC BORDER> 设定图片边界<IMG SRC> 插入图片<IMG VSPACE> 插入图片并预设图形的上下边界<INPUT TYPE NAME value> 在窗体中加入输入字段<ISINDEX> 定义查询用窗体<KBD>...</KBD> 表示使用者输入文字<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )<MARQUEE> 跑马灯效果<MENU>...</MENU> 条列文字卷标<META NAME="REFRESH" CONTENT URL> 自动更新文件内容<MULTIPLE> 可同时选择多项的列表栏<NOFRAME> 定义不出现分割窗口的文字<OL>...</OL> 有序号的列表<OPTION> 定义窗体中列表栏的项目<P ALIGN> 设定对齐方向<P> 分段<PERSON>...</PERSON> 显示人名<PRE> 使用原有排列<SAMP>...</SAMP> 用于引用字<SELECT>...</SELECT> 在窗体中定义列表栏<SMALL> 显示小字体<STRIKE> 文字加横线<STRONG> 用于加强语气<SUB> 下标字<SUP> 上标字<TABLE BORDER=n> 调整表格的宽线高度<TABLE CELLPADDING> 调整数据域位之边界<TABLE CELLSPACING> 调整表格线的宽度<TABLE HEIGHT> 调整表格的高度<TABLE WIDTH> 调整表格的宽度<TABLE>...</TABLE> 产生表格的卷标<TD ALIGN> 调整表格字段之左右对齐<TD BGCOLOR> 设定表格字段之背景颜色<TD COLSPAN ROWSPAN> 表格字段的合并<TD NOWRAP> 设定表格字段不换行<TD VALIGN> 调整表格字段之上下对齐<TD WIDTH> 调整表格字段宽度<TD>...</TD> 定义表格的数据域位<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏<TEXTAREA WRAP> 决定文字输入栏是自动否换行<TH>...</TH> 定义表格的标头字段<TITLE> 文件标题<TR>...</TR> 定义表格美一行<TT> 打字机字体<U> 文字加底线<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )<VAR>...</VAR> 用于显示变量。

淘宝店铺完美装修DIY自己动手全搞定之代码大全[回复] [修改] [删除] [邀请] [密谈] [取消订阅] [固定显示] [设置观摩]文章作者:邱昌奎发表于:08月28日09:59一、插入图片代码：<img src="图片链接地址" />注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；能够应用于公告栏、分类栏及珍宝描述内。

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

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

三、在图片里附加音乐的方法：<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=" ://00counter " target="_blank"><img src="计数器地址"border=0alt="00Counter "></a>九、店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" 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=blank href= ://wpa.qq /msgrd?V=1&Uin=41826029&Site= goodcup.bokee&Menu=yes><img border="0" SRC= ://wpa.qq /pa?p=1:41826029:7 alt="点击那个地点给我发消息"></a> 注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，那个链接的作用是别人能够直截了当点击联系你而无需加你为好友，使用方法是直截了当链接。

淘宝店铺装修教程（代码制作）对于新开的淘宝店铺来说，对自定义区进行装修是整个店铺装修的重点。

因为我们可以对自定义区进行添加文字、图片、表格等内容，而其他板块是不能实现这样的功能的。

所以，这个教程主要教大家如何进行自定义区的装修。

而想要把自定义区装修好，不可避免地会接触到网页编程这方面的内容。

可能有的朋友会担心这方面的知识比较难掌握，但我告诉大家，我们大可不必很专业，只要大家抓住几个重要的点，这方面的内容还是比较容易掌握的。

首先给大家介绍一个软件：dreamweaver。

这是一个网页编程软件，这个软件给了我们不必完全看懂源代码就可以把网页编辑好的可能。

图1我们先来认识一下文档工具栏。

在文档工具栏中设有按钮，使用这些按钮可以在文档的不同视图间快速切换，这些视图包括“代码”视图、“设计”视图、同时显示“代码”视图和“设计”视图的拆分视图。

一般情况下，我们在设计视图里可以直接插入相关的文字、图片、表格等，在代码视图里就直接显示相关的代码。

所以，应用这个软件，就算我们不太懂代码，我们也可以插入相关内容，达到比较好的效果。

1、插入图片、表格，如图2所示通过插入菜单，我们可以插入图片、表格和超链接等。

图2我们插入一些图片和表格，如图3所示.图32、代码选择面3图中显示，我们可以直接插入图片，也可以先插入表格，再对表格添加内容。

我们在显示视图中直接选择所有内容，相应的代码视图中的代码就被自动选中。

如图4所示。

图4对于那些没有被选中的内容，我们是不需要选择的，我们只要把被选中的代码复制到自定义区。

从图4中我们可以看出，图片的地址是电脑上的电脑，所以我们需要把图片先传到淘宝的图片空间里去，然后复制图片的地址，对电脑上图片的地址进行替换。

3、代码修改我们再来看图5中关于文字的代码。

图5Color代表颜色，#ff0000代表颜色代码，每种颜色对应一个代码，只要改成你想要的颜色的代码就可以改变颜色。

Size代表字体大小，只要对24pt进行修改，就可以改变字体的大小。