最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
初学:网页制作是先写HTML还是先写CSS?
时间:2022-07-02 12:54:53 编辑:袖梨 来源:一聚教程网
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页面!
我的准则是先写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页面!
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20