PSD格式网页模板如何用
step1:在PS中打开模板，如下图：
在工具面板中找到切割功能，首先进行粗略分割，注意：大片色域要单独处理
切割时，务必使每块都尽量与基准线平行，你们在后续的加工步骤中会有深刻体会，这样切出来的形状
图如下所示：
第二步，在图像处理软件中，选取文档并执行保存为网页的指令，操作时需留意若干设置项：
我们观察一下标记为1，2，3的那些部分，把标有1的切片选择出来，接着点击标有2的那个图形
在图3标注的位置选取色调，倘若色彩种类不多，应选用数值最小的那一档；之所以这样做，原因在于
这种方式能显著降低文件体积，并且还能比较理想地维持图像的色调；调整完成之后
确认OK后可获取文件，该文件内设有htm与images两个子目录，具体结构如下所示
这里候你的页面才算完成了一半，接下来在dw里建立站点：
step3:定义站点
在图示左侧的站点名称栏里，填写一个站点代号，例如example
接着，在接下来的本地根目录里，找到先前导出的整个站点文件夹；站点建立完毕之后，
sitemap中我们看到：
第四步：需要重新生成页面表格，因为从Photoshop直接导出的HTML文件通常不能直接应用，
部分内容在具体使用时需进行修改，例如带有实时更新的文本区域，我们必须在界面上录入页面元素，并设定相应的参数，以确保功能正常
若不选用图像，便需将其移除，若在直接生成的htm文件中删除不需要的图像
增添任何不必要的内容，你们便会察觉页面将变得极不美观，整个布局或许会彻底散乱不堪！
好了，先来分析一下导出的htm文件吧：
依照这份文档里的表格内容，我们在另一个页面创建一个表格，里面包含三行，每行只有一列。
必须将cellpadding,cellspacing,border的数值都调整为零，这一点十分关键；由于在图像里，这些参数无需考虑
期待发现不协调和偏差，接着在起始行里放置一个三行两栏的行列，并且将左侧三栏合并成一个单元格
格，如图：
插入表格的时个要注意对比原htm文件中的内容
紧接着在下方另起一行放置一个两行两栏的表格，将左侧的单元格进行合并，同时右侧也要合并单元格
子的第一行插入一个一行五列的表格如图示：
| 合并1和2 | |
最后得到的页面应该是这样的：
PSD模版如何变成网页模版
如今要打造一个优秀的网页确实困难,不仅需要掌握HTML技能,还要熟悉各类网页制作软件,而且更要注重细节,不断优化用户体验,同时还要紧跟技术发展趋势,持续学习新的设计理念,这样才能做出令人满意的成果。
要的是需要有一定的设计能力.
那么有没有一个省事的办法？
回应毋庸置疑是正面的。互联网上存在众多企业，它们供应各式各样且功能多样的网页设计框架。这些框架
一般进行简单修改后就完全可以加以利用。而且制作精良。
比较著名的专业模版制作公司包裹:
盒装艺术，动态工厂等，许多范例受版权保护，部分企业会发布一些无版权的范例供使用。
大家可以利用互联网资源搜索一下.
先来说明一下模板的含义。所谓模板，就是由大型设计机构精心制作的网页基础结构。这种结构非常专业，能够提供良好的使用体验。
你得到范例后，只需依次把个人材料填进对应位置，就能做出效果相当不错的作品
专业的页面.
常规模板通常以PSD文件为蓝本，借助PHOTOSHOP和IMAGEREADY实施修改。修改环节结束后，由
使用PHOTOSHOP制作页面文档，然后导入到DREAMWEAVER之类的网页设计软件里进行后续处理。
本次讨论主要聚焦于网页内容部分,Photoshop作为一款图像处理软件,相信多数人都有接触过,关于它的基础操作,就不再赘述。
演讲里具体说明，咱们先观察一个基础范例，接着打开一个模板文档
PSD文件.
可以清楚看到,该文档实际上囊括了众多页面的资料,可以明确,文档类型为PSD格式。
资料能够随时调整,而且按照层级结构来保存,我们可以像运用Photoshop那样
对它进行文字格式调整，能够增添或替换自己的标识，能够设计自己的口号，也能够实施相关变更
成自己的商品图片。将页面元素完全转化成自己的产品。
二.神奇的切片工具
现在我要运用Photoshop里那个常被忽视的切片工具，对图像实施部分裁剪和分解操作。
这个工具有点像我们上讲讲过的热点工具。
然而两者存在差异之处。热点工具不会对图像进行剪裁，而切片操作会将图像本身分解为若干细小部分
块，来增加显示速度。
我们可以在PS中为切片填加链接.来看一下
三.保存并输出成网页
基础框架构建完毕，接下来将其转化为网页文件，观察其中是否存在需要关注的细节，首先从文档存储路径开始挑选
存为WEB所用格式.我们来看看这个对画筐.
在调整好相关设置后,我们选择SAVE,来到下一个对话筐.
此处决定将文件格式设定为HTML与图像，保存完成之后，可以获得一个HTML文档，并且附带一个
图片库存放着我们先前分好的部分,现在我们查看文档,里面显示
这个界面,假如你先前配置过连接,那么对应的连接在此处也能查到呢.
最终，我们要在Dreamweaver里启动那个HTML文档，执行一番路径替换，接着便要处理这个文件
将夹以及夹中所有图片传至网络存储空间,接着复制源代码到淘宝平台完成页面发布,这些操作在上一阶段已经说明
前面已经提过,这部分就不再赘述了,要是还没理解,可以查阅下阶层的帖子。
此处需要特别告知各位,若采用切片技术,实质上就是将整个页面转化为图形元素。这种做法虽然视觉上较为好看,不过最突出的
不足之处在于界面过于庞大，因此，务必掌握调节图像尺寸的方法，不妨设想，倘若开启
单页耗时一分钟，谁会愿意持续观看？因此必须让大家自行把握这个节奏。
