学习网站建设中一些容易被忽视的问题

发布时间：2006-07-13 21:49:55　来源：天极网网友评论 0 条

　　关于这篇文章其实早就想写了，只是由于自己太懒才一直拖到现在。主要想谈谈在网页制作中几个比较容易被忽视的问题，算不上什么高深的教程，只是自己平时工作学习中所遇到的问题积累，写下来一是可以给初学者提个醒，二来也是帮自己做个笔录，毕竟年纪大了，记性不好了...

　　1、让你想当然，给你点颜色看看

　　这个问题其实被很多人忽略，小到个人站点，大到门户网站都有可能犯这个错误。不信想想看，如果你所做的网站背景是白色的，那么你还会记得在 CSS 里写下 Background-color:#ffffff 这句代码吗?我敢打赌，大部分人不会!并不是因为大家偷懒，而是这个举手之劳被彻底忽略了，为什么?因为我们所用的 Windows 操作系统在大多数的情况下，运行在其上的各种软件的默认背景色是白色，这其中就包括 IE 浏览器，所以在网站背景是白色的条件下，许多的网页制作者就想当然的忽略了关于背景色的设置，反正大家都是白色，不设的话也看不出来。但是不要忘记了，Windows 从 XP 开始支持系统主题的更换，有很多第三方的主题会更改系统默认的设置，其中就包括背景色的设置，如果没有强制设定页面中的背景色，那么页面就会以当前浏览器的背景色来显示内容，其结果就是网站美观性被大大的降低，拿大家都熟悉的网易来举例，下面的截图是在我机子上浏览时的样子，由于前不久换了一套 Vista 的主题风格，所以浏览器的背景色变成了浅灰色。

　　仔细看看网易的 Logo ，看出来吗?对，那个 Logo 的背景是白色的，但旁边的背景色却是灰色的，换句话说就是网易整个页面的背景原定就是白色的，这在浏览器背景为白色的前提下是看不出什么来的，但是像现在这样就“漏馅”了。不光是网易，许多的门户站都是这样，具体我就不去举例了，可见关于 Background-color 设定的重要性。所以，不论你的网站是什么样的背景色，请一点记住把它设定好，哪怕它是白色!

　　2、立正，向左看齐!

　　大家都知道 Table 的默认水平对齐方式(align)为左对齐，设 align="left" 和不设其效果是一样的，于是很多人不去设置这个属性，我以前也是如此。但是在某些特殊的情况下，IE 会把默认的左对齐理解为居中对齐，从而导致页面的排版出现问题，虽然说具体是什么情况下会出问题连我自己都说不清楚，但是这种情况绝对存在，所以大家在做页面的时候一定要习惯性的设置表格的 align 属性，不要偷懒跳过这步，对页面的表现来说，这所谓的多此一举绝对有益无害。

　　3、单元格宽度-隐形杀手

　　不知你有没有遇见过这种情况，假设当你给一个单元格的 align 设置了左对齐后，却发现放在单元格中的文字并没有应用该属性的效果，反而继续是居中显示，查看文字两端也并没有发现任何垃圾代码包含其中，可是无论如何都改变不了文字的位置。郁闷吗?反正当时我是很郁闷，直到后来，我才发现原来是单元格的 Width 属性在作怪，将其删除或重新设置后问题得到解决，所以，当你也遇到同样的问题时，不妨检查一下出问题单元格的 Width 设置，相信你会找到解决的方法。

　　4、打死滚动条都不消失

　　有时为了一些个性化的需要，有些人喜欢将浏览器的滚动条隐藏掉，这个效果做起来很容易，但是有时会发现明明代码一点问题没有，而且查看用的浏览器也不是非 IE 内核型的，但可恶的滚动条就是不消失!而且这个问题很多都出现在用 DW 等可视化编辑软件制作出的网页上。那原因是什么呢?其实原因就在该页面的头部代码里，查看该页面的源代码，你会发现在最上边有类似这样的两句代码:

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　这两句代码叫做 DOCTYPE 声明，是 Document Type(文档类型)的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。简单点说这两句代码是制作标准化页面所必不可少的关键组成部分，浏览器就是根据你定义的文档类型来解释你页面的标识，并展现出来的。换句话说，如果你定义了一个错误的 DOCTYPE，那么你的标识和 CSS 都不会生效。而定义滚动条显示与否的 overflow、overflow-x、overflow-y 这三个属性恰恰没有被网页标准所采纳，所以如果你的页面上方定义过 DOCTYPE ，那么这三个属性便是无效代码了，解决方法就是删除头部的 DOCTYPE 声明，虽然在标准日益普及的今天不推荐这么做。