用的还是photoshop CS2（通称PS），并没有的网页搜索，呵呵呵。参考线是以尺标上拉出来的，只有做为参照，储存后是无法显示的。而且还是仅有水平和垂直二种，而且画出的图型和线框会全自动接近参考线。
第一步、开启PS，点一下左上方的“文档“，新创建一个白背景，如下图：
随后点一下“好“，如下图：
第二步、哈哈哈，重要来啦---调成尺标！
键盘快捷键Ctrl R（是Ctrl键再加上英文字母R），就可以调成，或者点一下在PS的最上边的菜单栏（就是开始的“文档“一栏）的”主视图“，会在弹出的下拉列表中见到”尺标“，点一下。
背景转变如下所示：
下边为了能让大伙儿看清一点，我能把白背景改为其他颜色。
第三步、重要再次来了---调成参考线！
把鼠标移动到尺标上，按着鼠标左键，靠右边（下面）拖拽，就可以调成我们可爱的参考线；或者根据“主视图“，能够在”尺标“的下边见到”新参考线“，点一下。弹出来一个圈圈，选取所必须的趋向，在”部位“那边设定间距，我安装为5cm，如下图：
新参考线
参考线设定
参考线样子
呵呵呵，选用在“主视图“那边点一下稍微有点不便，下边我就用鼠标拖动的方法来实际操作。哦，忘记了关键的一点，一定会有些人问如何取消参考线和调整参考线？
方式：
1、“主视图“就在那一个下拉列表里有”清除参考线“的（注：按这个撤销参考线是由所有参考线都撤销的哦，要注意了。如果要撤销刚搞错的一条参考线，能够点一下”编写“的”回到“。）；
2、鼠标拖动：按下Ctrl键，把电脑鼠标放进参考线上，会出现一个标志，额，提取不上图，我画一个： ，就是这个样子。然后就能够往左向右（往上面向下）拖拽了。把参考线一直往两侧拖至最旁边便是传说中的撤销。
应用鼠标拖动的优势便是能够随意调整参考线和撤销参考线，想不必那一条参考线，就能够迅速的实际操作。是不是很简易！
第四步、好了，尺标和参考线都是会了，因此下面就能够制作模板了，我做是指750清晰度的三栏实际效果，先把参考线作出三栏的实际效果，如下图：
随后点一下PS左侧的工具栏里的“矩形工具“，如下图： ，把鼠标移动到参考线对角线处，如下图：
，
颜色设置
点一下颜色设置，选色，明确。随后键盘快捷键按Ctrl Delete键，会看到人们用矩形工具框住的范畴变成了大家刚刚安装的色调，如下图：
别的的也是如此实际操作。
第五步、下面就可以把早已弄漂亮的图片也有必须的文本放上去了，这儿为了防止广告词行为，我随便用一张图片来解决。
打开图片（PS左上方“文档”里的“开启”），随后点一下“矩形工具
“边上的“挪动”专用工具， ，随后拖拽调节到必须摆放的部位上，需要注意的是，拖拽的情况下照片会被参考线吸引住，总是往参考线上粘腻。所以我们可以用键盘快捷键来调节，按ctrl T，会看到照片四周有一定的转变，能够发觉照片四个角和正中间一部分都是有一个不大的方形，把电脑鼠标放进方形上，能够调整图片的大小的，自然啦，那就是不规则的形变，假如要等占比的改变图片大小，鼠标拖动前先按着Shift键，那么就能够任意调整图片尺寸了。
额，说多了。转到主题，大家按ctrl T后，就能用鼠标拖动图片了，放进合适的部位，还不满意得话，拖拽后放宽电脑鼠标，然后用电脑键盘四个键盘按键来调整；还可以在按ctrl T后，按着ctrl 鼠标拖动。实际效果如下图：
别的的都是依照这般方式来开展，最后实际效果如下图：
之后在照片下边输入文字，点一下专用工具里的这一（如下图）就可以输入文字，最终成效如下图：
第六步、解决完图片和文字后，下面是较为主要的阶段---切成片。这儿我们将要使用切片工具。嗯，先把参考线清除，实际上无需清除的，在这里我为了能让大伙儿看清切成片的实际效果，就清除，呵呵呵。
由于我做的是三栏实际效果的，因此我们可以用“切成片选择专用工具”，
把电脑鼠标放进ps选区内，鼠标点击，点一下“区划切成片”，在弹出的选区中挑选“竖直区划为”填好3，还可以显著的见到他们的ps选区分成了无穷大同样尺寸的三个地区。如下图：
随后点一下“文档”里的“储存为web常用文件格式”，弹出来选区，点一下“储存”，储存文件格式为“HTML和图象（*html）”，随后按明确就可以。
第七步、储存在桌面上的 ，随后开启那个images文件夹，将里面的全部上传图片到图片空间。
第八步、打开dreamweaver（通称DW），开启另外一个文档，点一下一个图片，随后复制图片室内空间相对应的详细地址，在DW属性栏寻找“源代码”，
删掉里面的信息，随后黏贴详细地址。此外“源代码”下边有一个“连接”，把店面的这款商品的连接黏贴进来。别的的都是依照这一流程实际操作，最终点一下储存。
最终鼠标点击点一下保存好的文档，挑选“打开”里的“文本文档”,拷贝文本文档里的全部编码，在店面新创建一个自定具体内容区，把代码复制进来，就可以下班。
看看我店面的作用：
汇总：实际上店面装修取决于认真，就算你肯定不会photoshop，不容易dreamweaver，没事儿！如果你取出百分之百的勤奋用心做好，相信有一天，在你淘宝手机店铺，会出现一个全新的变动！
