乐学 一般淘宝网店布局结构主要由哪些模块组成？
店铺首页又分为 ：页头，左侧栏，促销区，推荐宝贝，页尾
店铺列表页又包括：页头，左侧栏，搜索列表，页尾
店铺详情页包括：页头，左侧栏，宝贝基础信息区，宝贝描述区，宝贝相关信息，页尾区1模块使用次数已达上限。这是因为你的店铺装修功能受到了限制，不能再添加了。
2一般扶植版的店铺可以增加一个自定义内容区模块，其他的模块有的可以添加，有的是添加不了的，需要购买标准版旺铺或拓展版旺铺后才能添加。
3标准版旺铺可以添加6个自定义内容区模块，也就不能再添加了，若想再添加，必须购买拓展版的旺铺了。这也是淘宝赚取淘宝卖家费用的有利途径。淘宝旺铺有一个新模块叫充值中心（淘宝客），淘宝客充值中心是实物卖家添加的，充值对接的是商城的充值宝贝，交易成功卖家可得到淘宝客佣金，是不计入卖家的信用的。近期发现有些虚拟版旺铺卖家添加充值中心时误选择添加了淘宝客充值中心，请留意充值中心和淘宝客充值中心的区别。一、建立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、装修模块不收费，旺铺还送30M空间供你装修或上传宝贝附加图用。
2、方法一样。免费店也可以直接编辑啊，你想要什么直接编辑？就算你用Dreamweaver做也不可能一点代码没有就能做成。
3、存音乐的和存图的必须分开，没法一起存。。。因为图要预览音乐要流媒体完全两种服务。
旺旺上点击：
1我的店铺 2进入后在最底部中间找到：旺铺|专业版， 3点击专业版进入后就到了淘宝卖家服务的旺铺专区，可以看到好多店铺装修版本， 4在旺铺基础版下面点击：立即使用，就OK了。
0条评论