页面结构设计制做中从PSD稿到HTML的三种同时实现方式
编者按:将结构设计好的页面PSD结构设计稿切开HTML是页面结构雕塑家经常要做的一件事情，除了CSS外,如何有效快速将PSD转HTML其中的方式也有多种，该文分析了常用的方式与效果率更高的两种方式，为准。
其实标准的页面制做顺利完成的工作实际是:psd to html，一般情况下，他们会领到美术设计的psd,这时不凤的人能有丕凤的作法:
1.打开.fireworks将图片研磨求出为.html
2．间接在dreamweaver等等的辅助工具去圣索弗产业布局，引入相关的相片flash天然资源。
3．先在 ps中顺利完成切图后，在图形界面器中看着设计图一点一点的制做。
以上是多半被采用的方式，但都不太好:第二种方式最为不太好，这种的标识符根本不再具有FEA和时效性。第三种方式也不太好，标识符难免有输入输出，作出的东西基本须要摸查两遍。第三种方式也不太好，因为你须要看设计图一点儿的拼，换句话说写html条码的时候，你在急速的假定那块要是不是去显示。
恰当的作法是:
1.领到psd后，先千万别做别的，间接在图形界面器上将页面的架构写出，千万别假定那块今后css要去是不是图形，完全Montmartin的条码，不加任何的cSs。
2.完稿后在各应用程序运行后保证大体上功能定位都没有问题。
3.手写总体css,这里的css只负责小块的功能定位及式样。
4．填装须要的相片天然资源，在写好的架构中一点儿地去内部结构，急速的增容，最终为半成品。
5.最后，为他们的标识符加进注解，在css，html中都要最合适的为他们的标识符加进注解。
要想作出能灵巧转换眼部，让 css主导力量表现，还有很多要注意的地方，但大体上的业务流程就是这种的，当然他们一开始不能间接就努力做到先写html，但最起码要有这个觉悟，渐进。。。
PSD出中文网站从两个大点考虑
一、一个独立的页面
1、分析这个页面，先在脑袋中或者草稿纸上描绘大概的结构
2、根据结构设计稿的的情况，分析背景图的分布、ICO图的分布等
3、研磨相应的相片，求出、合并相片
4、在编辑器中写整体结构XHTM标识符，包括页面中出现的所有元素的结构
5、编写CSS式样中的整体以及模块标识符
6、细节调整
7、收工，应用程序验证是否恰当二、由多个页面组成的小站点或者大站点
1、浏览所有结构设计稿，统一规划站点模块、相片、文件分布
2、开始第一点的操作，但规划站点的内容分布很重要整体考虑点:
相片的合并，减少请求量结构的合理性，语义化式样的简洁，便于后期维护多为后期的维护以及程序开发者想，如何简单同时实现效果。
