图片变代码预案.docx

不会PS、不懂代码，如何制作精美的店铺自定义版块？不会PS？不懂代码？还在为店铺装修的自定义版块而发愁？看着别人旺铺精美无比的旺铺装修，各种羡慕？嫉妒？恨？敢说你木有？教程步骤图【自定义模块区】?首先，要是您不会PS，你需要找到一张或者几张自定义版块的图片，您可以上与自己行业一样的淘宝店铺去复制几张图片过来。要是您会PS，您可以自己设计。PS:自定义版块区图片规格：宽度750px，高度不限。---------------------------------------------------------------------------------------我们这里需要用到的只有一个软件：Dreamweaver！不会用没关系，只要您能够看懂图片就可以了。---------------------------------------------------------------------------------------新建一个html文档之后会出现一个空白文档区域在上方点击 插入表格，如图?---------------------------------------------------------------------------------------点击插入表格后，会出现如下图所示的对话框。将参数按图所示的参数进行设置，点击确定。---------------------------------------------------------------------------------------按以上步骤设置完成后，在主面板会出现如图所示的虚线框---------------------------------------------------------------------------------------点选表格，按下图所示进行设置?---------------------------------------------------------------------------------------将表格的高度和宽度设置完成后，我们就可以将准备好的自定义区图片插入进来了。用鼠标在设置完高度和宽度的表格内点一下，会在表格垂直居中、水平靠左的位置出现煽动的光标。如图在页面下方找到背景一栏，点击后面的文件夹图标，将准备好的图片链接进来。如图：---------------------------------------------------------------------------------------链接完图片后，我们就应该开始切分前的准备。此步骤很关键，请注意。首先，我们需要确定出该图片需要添加内容的地方、以及不需要添加的地方。将其分为不同的区域。以确定切分的格数。如图：上图所示，意为将图片分成7*7个区域，每个区域是不是很像excel中的表格？所以，我们就要再次插入表格，调节表格中每个单元格的宽和高。---------------------------------------------------------------------------------------如下图所示，再次点选表格工具对其进行设置。参数如图:插入表格后，会出现7行7列的虚线框，按照EXCEL表格的方式，拖动每个单元格的边框，对单元格的大小进行设置。也可以进行单元格合并等操作。---------------------------------------------------------------------------------------调节好之后的效果如图所示接下来我们要做的就是将您的产品图片等资料插入到表格中。---------------------------------------------------------------------------------------现在我们将产品图片以及对应的文字插入到对应的表格中去如图：文字直接输入即可---------------------------------------------------------------------------------------?下面对文字和图片进行添加超链接上图因为发帖的缘故，图像有所缩小，所以造成变形，视觉效果有所偏差。---------------------------------------------------------------------------------------?一切完成之后，就可以将代码复制下来，进入旺铺装修平台，设置属于您独特风格的自定义版块了。PS:?dreamweaver8下载地址/file/id_37530300405776388.html