在WordPress CMS主题模板制作教程(04)：face主题效果图切图(1)这一章，我们介绍了如何给效果图切图，只是把图片切出来。但是，我们切图的目的是为了在网页上代码布局，所以，我们要在PS切图的同时，把代码布局也保存下来。本章，就是着重介绍如何通过PS把效果图切图时保存为HTML代码。
因为我们做网站时，现在都是用DIV+CSS来布局，而不是用table表格来做，所以，我们用PS保存代码时，就要选择DIV，这个设置在下面的步骤中会有介绍。
用DIV+CSS布局，都会采用嵌套布局——即大DIV里面会嵌套多个DIV层。而整个网页大的布局中，一般分类“顶部、头部、中间主体、底部”这几个部分。而这几个部分里面又会由不同的DIV层所布局。所以，我们切图时，先把整体布局中的大层切好，然后再切大层中的小层。（唉，要是PS能够自动嵌套切图就好了）。再看一下face主题首页的效果图：
可以看出总体大布局分3部分：头部、主体、底部，所以，我们先按上图红框所示切图这3个部分。如何切图，在上一章有详细介绍，这里不多说了，我们用切图工具切好后，我们就来保存切图。重点来了，点击“文件”=>“存储为Web和设备所用格式” =>点击存储按钮=>弹出如下窗口：
如上图，“格式”选择“HTML 和图像”，“设置”选择“其它...”，这时会弹出DIV设置项，如下图：
如上图，选择“切片”，这时，窗口会有变化，显示切片输出的设置项，如下图：
如上图，勾选“生成CSS”，在“参考”外选择“根据类”（即class），然后点击“确定”，这样，DIV设置好了。然后，点击“保存”，切图及HTML文件就保存好了。保存的位置默认是保存在“我的文档->images”目录里，如下图：
图片保存在上图的images目录里，同时保存了一个html文件——face.html，这个文件的代码如下：
可以看到，body里布局了3个DIV：face-o1、face-02、face-03，它们分别代表的是头部、主体、底部。
这样，我们第一层大布局就做好了。我们可以看一下images目录里面的图片：
face_01.gif：头部的图片；facs_03.gif：主体；face_05.jpg：底部。
大布局我们做好了，我们接下来，就是要把这3个图片再次切图，切好图后，把生成的HTML文件中的DIV代码及CSS代码拷贝到大布局HTML文件face.html中对应的位置，如：face_01.gif切图的代码放到 class='face-o1'（头部）; face_03.gif切图的代码放到 class='face-02'(主体）... 好了，到这里，我们才算真正把效果图切图完整。
黄飞鸿热炙理疗黄飞鸿热灸馆加盟项目,整店输出模式,专业热灸加盟技术培训,一个专业做中医养生的连锁品牌。源自黄飞鸿的嫡孙继承了黄飞鸿先生的遗志，多年来一直坚定不移地致力于大健康产业，并创立了黄飞鸿热灸馆；主要业务服务有黄飞鸿热炙理疗,黄飞鸿热炙理疗馆加盟,黄飞鸿理疗馆,黄飞鸿热灸,黄飞鸿养生馆加盟,黄飞鸿养生馆加盟,黄飞鸿热灸馆,黄飞鸿热灸体验馆,黄飞鸿热灸馆加盟,黄飞鸿热灸理疗馆,黄飞鸿热灸膏
tp钱包TokenPocket钱包支持数字资产存储。每天走势掌握，功能强大，在线管理数字货币，超多币种推送，多种交易方式，私钥用户自持且轻便易用的以太坊轻钱包。tp支持多资产类型，如：TokenPocket、ETH、QTUM、AE、BTM等大多数主流币种，让tp钱包更好地融入你的生活。
浙江丰安齿轮股份有限公司浙江丰安齿轮股份有限公司成立于1999年1月，是一家集开发、设计、制造、销售服务为一体的齿轮专业制造商，占地面积93亩，总资产3亿余元，主要设备400余台。公司于2017年1月在“新三板”挂牌，股票代码870508。公司以精湛的技术、过硬的品质、优良的服务来赢得客户满意，努力打造业界一流齿轮制造企业。
浙江中孚环境设备股份有限公司我公司系高新技术企业，专业从事空气净化的产品生产、工程服务及洁净技术的应用与研究，提供从空调处理设备、空调自动控制系统到洁净室系统全面服务，为各类工业用空气处理提供一揽子解决方案及交钥匙工程。 产品遍及全国几十个省市，并出口至巴基斯坦、伊朗等国家。我公司在化纤工艺空调领域精耕细作20余年，2001年进入医药、电子等行业的净化空调设备。 本公司拥有雄厚的技术力量和良好的售后服务，承接系统设计、技术咨询、产品制造、技术改造等项目。设备采用工业计算机、可编程序（PLC）控制器、数字直接控制器（DDC）等智能控制器，可实现节能显著的运行系统（节能策略有：新回风的焓值控制、二次回风、送风机的变频调速；非露点控制方案在过渡季节节能50%。在化纤纺丝行业采用的节能措施，同样可在医药行业的净化空调上使用）；采用与国际惯例接轨的CAD设计和质量保证体系。
江苏双友智能装备科技股份有限公司双友科技为客户提供直缝埋弧焊管生产线、直缝高频焊管生产线、螺旋埋弧焊管生产线、钢管内外防腐生产线，石油套管生产线，热处理生产线以及其他系列产品。同时公司致力于为高端铝业服务，为客户提供更为高效，节能，环保，安全的铸铝生产线及其相关设备。公司积极推进国际化发展战略，逐步实现品牌、市场、团队、技术、管理与国际化标准接轨。此外，公司与众多国际知名管材和铝材生产商建立了紧密的合作关系，在中东设立了海外分支机构。双友科技旨在将中国的高端制造带给世界。
南京三超新材料股份有限公司南京三超新材料股份有限公司成立于1999年1月，注册资本9360万元，2017年4月21日，在深圳创业板成功挂牌上市。占地面积130亩，建筑面积约86,000平方米。是一家专业从事金刚石、立方氮化硼工具的研发、生产与销售的高新技术企业，现拥有金刚石砂轮和金刚石线两大类相互协同的产品系列，应用于硅、蓝宝石、石英、铁氧体、钕铁硼、陶瓷、玻璃、硬质合金等硬脆材料的精密切割、磨削与抛光。 公司自成立以来，始终坚持＂以人为本、技术优先＂的发展理念，先后引入多名外籍专家，并在日本成立了超硬材料工具的专业研发机构。经过多年研发，公司成为国内最早通过自主研发掌握金刚线制造的相关技术，成功实现产业化的企业之一，并且打破了国外企业的技术垄断，与新研发成功的硅片背面减薄砂轮、硅片倒角砂轮、PAD修整器等产品，为半导体及太阳能光伏行业提供了优质的金刚石工具，并凭借良好的品质与高性价比，赢得了众多实力用户认可，在国内形成了较高的行业影响力。
