初学:网页制作是先写HTML还是先写CSS?

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页面!

时间: 2025-01-30 00:43:11

初学:网页制作是先写HTML还是先写CSS?的相关文章

初学网页制作:CSS特点及加入网页的四种方法

css|初学|网页 今天给初学者介绍一下CSS特点及如何在网页中使用已经设置的CSS.希望大家支持网页教学网,网站有什么问题及时与我联系! CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一.使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐! 前言 CSS(Cascad

Dreamweaver网页制作教程:定义站点

dreamweaver|教程|网页|站点 Web 站点是一组具有如相关主题.类似的设计.链接文档和资源.Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点.创建 Web 站点的第一步是规划.为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划.决定要创建多少页,每页上显示什么内容,页面布局的外观以及页是如何互相连接起来的. 请执行以下操作: 启动 Dreamweaver MX 2004:

初学解惑:学网页制作为什么一定要学CSS?

css|初学|网页 学网页制作一定要学CSS吗?如果不学可以吗?这篇基础教程就告诉你是不是一定要学CSS? 一个热门技术,CSS的发展的确有些缓慢.CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者.CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率.易于设计和有远见.然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言.一定要学CSS吗?有什么理由? 下面是我的十大理由,不分排名先后:

初学网站制作须知道什么是静态网页

初学|静态|网页 在网站设计中,纯粹HTML格式的网页通常被称为"静态网页",早期的网站一般都是由静态网页制作的.静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm..html..shtml..xml等为后后缀的.在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画.FLASH.滚动字母等,这些"动态效果"只是视觉上的,与下面将要介绍的动态网页是不同的概念. 静态网页的特点简要归纳如下: (1)静态网页每

初学网页应知:用实例来学习HTML

初学|网页 记得在本人刚开始学习编写网页时曾向一位WEB高手请教过如何用FRONTPAGE 98来制作一张绚丽多姿的个人网页.他告诉我,他制作网页时不用任何网页制作软件,而是靠手写的.当时我一下子愣住了,"WHAT?手写网页!OH,MY GAD!这人简直是高手中的高手呀!"从此他在我心目中地位犹如伟人般的高大--然而时过半年到了今天,他已经不再是我的偶像.因为我也能手写网页了,而且编写出的WEB还要胜他一筹(自我感觉).看到此处你一定会问我,到底我取了什么"真经"能

Dreamweaver网页制作超级技巧36则

dreamweaver|技巧|网页 1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按"Ctrl+F6"或者菜单"View→TableView→Layout?View"转换到布局视图.这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择"将列设为弹性显示"(Make Column Autostre

Dreamweaver网页制作教程:超级链接

  超级链接 作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,这样的网站是无法运行的.为了建立起网页之间的联系我们必须使用超级链接.称"超级链接",是因为它什么都能链接,如:网页.下载文件.网站地址.邮件地址--等等.下边我们就来讨论怎样在网页中创建超级链接. [页面之间的超级连接] 在网页中,单击了某些图片.有下划线或有明示链接的文字就会跳转到相应的网页中去. 1.在网页中选中要做超级链接的文字或者图片. 2.在属性面板中单击黄色文件夹图标,在弹出的对话框里

学习HTML是网页制作必经之路

阅读完这篇文章,您可以查看下我们网站的源代码了.. 学会HTML语言的好处是什么? 1:很轻松的修改你的网站.博客的网页结构. 2:对SEO网站优化很有用处. 3:拿来主义,通过保存其他网站页面源代码,适当的修改,可以仿制出你想要的模板. 4:当你有一张漂亮的PSD源文件图片时,你可以很轻易的把图片切割制作成网页. 5:无论是PHP.ASP..NET.JSP等网站编程语言,都要用到HTML. 6:可以轻松检测出网站是否中了网页木马.和预防网页木马. 7:可以向更高一层次进阶:DIV+CSS网页设

CSS网页制作教程:CSS文字单位PX、EM、PT

文章简介:但是12px汉字例外,就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点.这个问题 Jorux已经解决,只需在body选择器中把62.5%换成63%就能正常显示了.原因可能是IE处理汉字时,对于浮点的取值精确度有限.不知道有没有 其 这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章, 题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很