淘宝店铺装修教程(代码制作)

对于新开的淘宝店铺来说，对自定义区进行装修是整个店铺装修的重点。因为我们可以对自定义区进行添加文字、图片、表格等内容，而其他板块是不能实现这样的功能的。所以，这个教程主要教大家如何进行自定义区的装修。

而想要把自定义区装修好，不可避免地会接触到网页编程这方面的内容。可能有的朋友会担心这方面的知识比较难掌握，但我告诉大家，我们大可不必很专业，只要大家抓住几个重要的点，这方面的内容还是比较容易掌握的。

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

图1

我们先来认识一下文档工具栏。在文档工具栏中设有按钮，使用这些按钮可以在文档的不同视图间快速切换，这些视图包括“代码”视图、“设计”视图、同时显示“代码”视图和“设计”视图的拆分视图。一般情况下，我们在设计视图里可以直接插入相关的文字、图片、表格等，在代码视图里就直接显示相关的代码。所以，应用这个软件，就算我们不太懂代码，我们也可以插入相关内容，达到比较好的效果。

1、插入图片、表格，如图2所示

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

图2

我们插入一些图片和表格，如图3所示.

图3

2、代码选择

面3图中显示，我们可以直接插入图片，也可以先插入表格，再对表格添加内容。我们在显示视图中直接选择所有内容，相应的代码视图中的代码就被自动选中。如图4所示。

图4

对于那些没有被选中的内容，我们是不需要选择的，我们只要把被选中的代码复制到自定义区。从图4中我们可以看出，图片的地址是电脑上的电脑，所以我们需要把图片先传到淘宝的图片空间里去，然后复制图片的地址，对电脑上图片的地址进行替换。

3、代码修改

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

图5

Color代表颜色，#ff0000代表颜色代码，每种颜色对应一个代码，只要改成你想要的颜色的代码就可以改变颜色。Size代表字体大小，只要对24pt进行修改，就可以改变字体的大小。

我们在淘宝店铺自定义区把相关的内容编辑好了之后，保存内容就可以了，但需要注意的是，我们最好先回到代码视图区再进行保存，否则可能会显示“大于20K，无法保存”的提示。保存之后再对店铺进行发布就行了。