有html还是css写图片好,初学：网页制作是先写HTML还是先写CSS？

CSS文件先准备 还是先写好HTML文件？网上有很多种答案：先写HTML后写CSS；先

写CSS后写HTML；两者同时写。

我的准则是先写HTML打好基础，然后再写CSS进行表现的控制！

对于初学者我建议两者一起写，先写CSS或者先写HTML对于初学者都不是恰当

得的方法。

如果让一个人编写代码，你告诉他先写HTML,写完后 HTML不能修改了，然后

你写CSS，如果他可以写出来，那这个人一定是一个水平非常高的Builder了！所

以对于初学者，多数情况下我建议同时编写，具体我说一下步骤：

1、先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES,这两个是

最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页

连接到这个外部样式表。

2、然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里

加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右

，版权部分等。

3、写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部

分，我们拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其

它同理。

为什么说我们不可能一次性把HTML部分写好呢，因为人都是可能犯错误的，

可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你

由于经验的不足没有提前预料到的，所以当你写样式时发现了问题时就有可能要

改动你的HTML的代码。大至的写法就是这样，你也可以HTML/CSS同时进行，都是

可以的，看你的习惯。我们写代码时很多时候是边写代码边测试，也不是说写一

句测试一句，而是写了一段代码后就进行浏览器的测试，我是同时用IE6与FF一起

测试。一个优秀的制作师他们的代码多数情况写了很多时他们才测试一下，是因

为一个人如果经验多的话，他们就会知道并提前预防浏览器错误显示的发生了！

所以他们写代码的速度比没有经验的人快。他们已经经历过了你所要经历的错误

，你第一次遇到错误的浏览器显示问题你要花时间去修补，而他们可提前防止或

遇到了可立即解决问题！这就是你与他们的不同点之一。

初学者与高手不同点之处还有一个就是高手们使用了大量的快捷键，所以一

定要记住那些常用的快捷键，每一个小的细节都有一点提高，综合在一起就是很

大的提高。

另外提高自己的水平最好的方法就是多实践，多找一些比较好的HTML+CSS的

模板进行编码实践，开始时要选一个简单点的，把页面截图，然后把这张图用自

己的想法还原成HTML页面！