网站开拓中，将PSD转换成HTML的操作中，关键步骤是将PSD扩展设计转化为可兼容、零偏差、静态、高质量、语义性、注释明确并经W3C验证的手编程序XHTML / CSS / HTML标记，准确的HTML编码是基于静态web布局与跨浏览器兼容性在PSD上添加高等功能最主要的一个方面，用HTML编码设计，须要具备下列条件:
丰富的编码履历渊博的编码知识极高的关注度踏实的Html实践功底许多开拓职员(无论是初学者还是有履历的)在利用XHTML / HTML代码时都存在一定困难，随意马虎犯一些常见缺点，这里向大家推举几个将PSD转换为XHTML / HTML/CSS的编码技巧：
不在线条样式中利用精确编码web页面下设计样式利用恰当的标记，这是开拓职员常犯的一个缺点，混乱利用标记会严重影响视觉美感，建议大家利用小写字母，能使页面看起来清晰都雅。从用户角度而言，网站设计没有吸引力，就会大大缩短访客在网站上的勾留韶光，减少成交量，以是恰当的标记直不雅观主要。
（图片来自网络侵删）
大略明了，繁芜乏味的导引图标指示会让客户以为无聊，用起来费劲，高质量的导航是一个网站保持魅力的关键，因此，结合利用CSS和无序列表元素能使网站导航菜单都雅大方，订单页面也是不容错过的主要点，一个好的订单页面能让用户觉得亲切、舒畅，勾引消费。
许多开拓职员喜好利用div标签调度段落在div周围增加利用多个div标签，这时候就须要将元素精确分类，使得页面看起来整洁，把稳块元素和内联元素，块风格元素有div h1，h2，h3，ul，p，ol，块引用等等；内联风格元素有span，a，em，img，strong，br，acronym等等。
上面提到的小技巧都是经由实践总结出来的最有效的方法，希望能帮助你把PSD顺利转化为HTML，避免一些不必要的缺点。
智能社 撰稿，更多知识请关注微旗子暗记zhi_neng_she ，详细代码可在"大众年夜众号内‘技能圈’得到！
