html教程之实际常识:PSD模板切成HTML的准确操纵

最近群里面很多人在问html5应该怎么学，这个问题其实没有标准答案。我开这个帖子，目的是为了收集大家每天的学习心得，欢迎大家来回复。网页制造poluoluo文章简介：要想做出能天真切换皮肤，让CSS主导体现，另有良多要注重的中央，但大致的流程就是如许的，固然我们一入手下手不克不及间接就做到先写html，但最少要有这个认识，循规蹈矩.
实在尺度的网制造完成的事情实践是：psdtohtml，一样平常情形下，我们会拿到美工的psd,这时候候分歧的人会有分歧的做法：

1.翻开fireworks将图片切割导出为html。

2.间接在Dreamweaver之类的工具往拖沓结构，导进相干的图片,Flash资本。

3.先在ps中完成切图后，在文本编纂器中看着最终效果一步步的制造。


以上是年夜多被接纳的办法，但都欠好：

第一种办法最为欠好，如许的代码基本不具保护性和可读性。

第二种办法也欠好，代码不免会有冗余，做出来的器材基础必要排查一遍。

第三种办法也欠好，由于你必要看最终效果一点点的拼，也就是说写html标签的时分，你在不休的假定这块要怎样往显现。

准确的做法是：

1.拿到psd后，先不要做其余，间接在文本编纂器中将网页的框架写出来，不要假定这块未来css要往怎样衬着，完整天然化的标签，不加任何的css。

2.写完以后在各个扫瞄器运转以后确保大致定位都没有成绩。

3.誊写整体css,这里的css只卖力年夜块的定位及款式。

4.切出必要的图片资本，在写好的框架中一点点的往机关，不休的调试，终极为制品。

5.最初，为本人的代码增加正文，在css，html中都要符合的为本人的代码增加正文。

要想做出能天真切换皮肤，让css主导体现，另有良多要注重的中央，但大致的流程就是如许的，固然我们一入手下手不克不及间接就做到先写html，但最少要有这个认识，循规蹈矩。。。

感谢热情会员"linxz"供应实践履历，我贴下去供人人参考：
PSD出网站从两个年夜点思索
1、一个自力的页面
1、剖析这个页面，先在脑壳中大概草稿纸上刻画也许的布局
2、依据计划稿的的情形，剖析背景图的散布、ICO图的散布等
3、切割响应的图片，导出、兼并图片
4、在编纂器中写全体布局XHTML代码，包含页面中呈现的一切元素的布局
5、编写CSS款式中的全体和模块代码
6、细节调剂
7、出工，扫瞄器考证是不是准确

2、由多个页面构成的小站点大概年夜站点
1、扫瞄一切计划稿，一致计划站点模块、图片、文件散布
2、入手下手第一点的操纵，但计划站点的内容散布很主要

全体思索点：
图片的兼并，削减哀求量
布局的公道性，语义化
款式的简便，便于前期保护
多为前期的保护和程序开辟着想，怎样复杂完成效果。</p>
最近群里面很多人在问html5应该怎么学，这个问题其实没有标准答案。我开这个帖子，目的是为了收集大家每天的学习心得，欢迎大家来回复。

仓酷云

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。