用户:
密码:
注册
不会PS、不懂代码,如何制作精美的淘宝店铺自定义版块?
来源:龙飞电脑工作室    
不会PS?不懂代码?还在为店铺装修的自定义版块而发愁?
看着别人旺铺精美无比的旺铺装修,各种羡慕?嫉妒?恨?敢说你木有?



教程步骤图【自定义模块区】

首先,要是您不会PS,你需要找到一张或者几张自定义版块的图片,您可以上与自己行业一样的淘宝店铺去复制几张图片过来。要是您会PS,您可以自己设计。
PS:自定义版块区图片规格:宽度750px,高度不限。
---------------------------------------------------------------------------------------

我们这里需要用到的只有一个软件:Dreamweaver!不会用没关系,只要您能够看懂图片就可以了。

---------------------------------------------------------------------------------------

新建一个html文档之后会出现一个空白文档区域
在上方点击 插入表格,如图

---------------------------------------------------------------------------------------

点击插入表格后,会出现如下图所示的对话框。
将参数按图所示的参数进行设置,点击确定。

---------------------------------------------------------------------------------------

按以上步骤设置完成后,在主面板会出现如图所示的虚线框

---------------------------------------------------------------------------------------

点选表格,按下图所示进行设置

---------------------------------------------------------------------------------------

将表格的高度和宽度设置完成后,我们就可以将准备好的自定义区图片插入进来了。
用鼠标在设置完高度和宽度的表格内点一下,会在表格垂直居中、水平靠左的位置出现煽动的光标。
如图在页面下方找到背景一栏,点击后面的文件夹图标,将准备好的图片链接进来。
如图:

---------------------------------------------------------------------------------------

链接完图片后,我们就应该开始切分前的准备。
此步骤很关键,请注意。
首先,我们需要确定出该图片需要添加内容的地方、以及不需要添加的地方。将其分为不同的区域。以确定切分的格数。
如图:

上图所示,意为将图片分成7*7个区域,每个区域是不是很像excel中的表格?所以,我们就要再次插入表格,调节表格中每个单元格的宽和高。
---------------------------------------------------------------------------------------

如下图所示,再次点选表格工具对其进行设置。参数如图:

插入表格后,会出现7行7列的虚线框,按照EXCEL表格的方式,拖动每个单元格的边框,对单元格的大小进行设置。也可以进行单元格合并等操作
---------------------------------------------------------------------------------------

调节好之后的效果如图所示

接下来我们要做的就是将您的产品图片等资料插入到表格中。
---------------------------------------------------------------------------------------

现在我们将产品图片以及对应的文字插入到对应的表格中去
如图:


文字直接输入即可
---------------------------------------------------------------------------------------

下面对文字和图片进行添加超链接

上图因为发帖的缘故,图像有所缩小,所以造成变形,视觉效果有所偏差。
---------------------------------------------------------------------------------------



一切完成之后,就可以将代码复制下来,进入旺铺装修平台,设置属于您独特风格的自定义版块了。

发布时间:2014-12-28| 发布人:龙飞    
关于我们

龙飞电脑工作室 版权所有   lfdngzs.com   lfrys.com   zfgzs.com
CopyRight 2018-2028  龙飞电脑工作室 All Rigths Reserved  苏ICP备10115699号