手把手做自己的宝贝描述模板

四处找了好多模板，看了不少教程但要找个确实适合自己小铺的并不多。由于自己是学平面的，不由的想做个和小铺相匹配的宝贝描述页。于是在社区里翻看了不少亲们留下的教程受益良多。经过半天的制作总也作出了个大概：

虽然不是很好，但还是想写篇教程让亲们一起动手制作自己的宝贝描述页。

首先，亲们要准备好2个软件分别是Fireworks与Dreamweaver。版本无所谓我用的是CS3一般版本越高功能越多，但对机器的压力越大亲们适当选择。

这两个软件可以去迅雷，绿盟或是多特下载。

全部安装完毕便开始进入准备阶段，这一阶段亲们要根据自己的店铺实际选择合适的图片，构思整体的色调及字体等。

我的小铺主要是床品所以页头处的图片便用了一张床铺的图片。

同时在色调及纹理上我选择了以木纹及其原色为主。字体方面则是选用了比较常见的楷体与仿宋。这之后便是页面的制作部分，首先在FIREWORKS中新建一个图层这里一般把宽设为800～900.（现在的显示器分辨率一般是1024或以上，一般不要超过1000）。否则可能会显示不全。而长则可以设当放长，毕竟亲们的宝贝图片是详细些的好。这里我设了2000.（一般为1000～2000不宜过低或过高） 分辨率设为72，画布选透明。

下面就是页头的制作，首先把选好的图片拖入稍加修改，

确定页头大小加入一个图框

这是为了框定页头大小，方便全局考虑。

之后选用路径工具画一个圆弧，同时填充木纹同时给木纹边缘一点羽化柔和边缘。这时页头的基础部分就已经制作完毕可以预览看看

之后是内容及接缝页的制作。

接缝页同样使用路径工具绘制，这里我选择绘制了一个长方形，填充布纹。

接缝页的主要作用是和谐页头与内容页同时也可以在其上放置一些小的东西。

这之后我制作了一个公告页，其实公告页有好多种方法可以放在页头也可以放在内容页的左右边侧，可以根据个人喜好放置。公告页的制作我同样使用了长方形路径加纹理填充。

下面就是内容页这里同样用长方形路径加木纹填充。这样整个页面的基本机构就出来了，亲们可以预览看看。

这之后就是细节的添加了。还是从上到下的顺序，首先在页头加入了我的照片（秀下：）还有店名，以及一些介绍等。这里都用字体工具输入，大小颜色因人而异。

接下来的接缝页与公告页也是同理制作，但公告的文字可以在Dreamweaver中制作，这样可以做出动态字体。比较漂亮。

 

内容页的制作上，我首先确定了分类，同样也是用钢笔路径画出2个图形并填充颜色或图案。

之后就是在内容页的适当地方输入宝贝展示等标题。同样是先画线框后填充

 

这里大家看到了我的水印了吗？！：）这个是改变文字的透明度实现的。大家可以试试。不过不适用在宝贝上，毕竟颜色太淡效果不好。

在大体确定大小后可以为整个页面加入一个黑色线框，突出中间部分，同样用长方形路径来实现

继续填入文字。像邮资说明及买家须知等可以直接在这里填入文字。而宝贝描述一般在后期根据实际在Dreamweaver中加入。

 

这之后就是为需要连接到外部的图片或文字加入超链接。使用WED里的连接工具框选住要加链接的地方同时输入地址。2

完成全部链接后在文件选项下，在IE中与预览。看看链接是否可用，以及整体效果是否满意。

这之后就是划分切片了。切片的目的只要是使大的图片变小方便图片的显示，同时方便在Dreamweaver里布局。其实切片没有固定的切法，只要做到不大不小，能整不分的大原则就可以，同时在要插入宝贝图片，及宝贝描述的地方也划出空白切片即可。

等切片全部完成后就是导出切片。

 

 

导出时注意选择导出HTML和图像，切片子选项里的包括无切片区域也要选取。

完成这步就结束了Fireworks的制作，下面将在Dreamweaver中进行制作。Dreamweaver的制作部分大同小异，有好多亲们已经有较详尽的代码输入介绍这里我不在重复讲解：）

改为简单有基本的操作。（可能实现的效果没有代码输入的好）

打开刚刚导出的文件可以看到已经出现在Dreamweaver中了。

在空出的放宝贝图片的地方按下插入图片按钮选择宝贝图片插入。调节图片大小。

 

发现旁边有空白部分。单击空白部分在背景处单击填入相应背景图片

这时可以看到空白部分被背景填充起来了。到这里制作已经基本完成。下面的就是把图面上传到邮箱，链接到淘宝的宝贝描述，这里就不多讲了。希望大家也能试试制作出自己喜欢的内容描述页。