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

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

　　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 声明，虽然在标准日益普及的今天不推荐这么做。

　　5、都是注释惹的祸

　　为代码写注释是个好习惯，但是有时也会出现一些问题，例如为 CSS 写中文注释。
如果你为自己定义的 CSS 写了中文注释，那么在一些特殊情况下（例如服务器端的支持，页面所用的程序类型等）会导致部分代码无故失效，这种情况我遇见好几回了，所以在技术上没解决这个问题之前，还是不要为 CSS 写注释的好，养成良好的命名习惯足以让其它人看懂自己代码的意义，即使一定要写，也请用英文写吧...什么？拼音！！！拜托，你用拼音试试看，保证一个星期后连你自己都不明白那写的是什么。

　　6、神啊，发光吧～～～

　　这个问题有些滥竽充数的嫌疑，只是有很多人问起过，所以也一并放上来。是关于 CSS 的 Glow Filters ，这个滤镜的效果是对环绕对象内容边缘制作发光效果，也有人称描边效果，多被用在文字的表现上，但是许多人在运用了该滤镜后发现并没有出现想要的效果，究其原因多半是由于把这个滤镜直接运用到了文字上，要知道该滤镜对文字是没有效果的，那为什么还能制作出发光文字呢？那是因为一定要把它运用在放置文字的容器上，例如 Table 。所以，如果没有效果的话，就检查一下是不是用错地方了。

　　该滤镜的另外一个问题是，虽然发光效果是有了，但是感觉文字上的那圈光晕好像是被裁了一样，少了一块似的。这是由于所放置文字的容器高度低于该滤镜的发光范围所至，解决方法有三种：

　　1、缩小 Font-Size 
　　2、增加 Height 值高度 
　　3、降低 Strength 值的大小

　　7、思考中...

　　其实这些问题都不是什么了不起的大问题，但往往越是小问题才越容易被人忽略，希望上面这些经验教训对你能有所帮助，哪怕有一个人从中收益就不枉我罗哩罗嗦这么半天了。

赞 (0)

相关推荐

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

    关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在.主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了... 1.让你想当然,给你点颜色看看 这个问题其实被很多人忽略,小到个人站点,大到门户网站都有可能犯这个错误.不信想想看,如果你所做的网站背景是白色的,那么你还会记得在 CSS 里写下 Background-color:#ffffff 这句代码吗?我

  • PHP网站建设的流程与步骤分享

    PHP作为开源语言,发展至今已有很多成熟的国内外开源系统,足以满足个人和企业用户自己建立WEB站点,下面则主要介绍PHP建站的流程和步骤. 不管使用PHP建立个人还是企业网站,网站建设的流程规范大体是一致的,涉及域名注册,服务器(空间)选择,了解用户需求,网站定位,PHP建站程序的选择与开发等流程. 网站建设流程之域名注册 域名注册有一些基本原则,比如域名尽量短小,容易记忆,域名中包括网站关键字等,对于企业网站可以以公司名称或者销售的核心产品作为域名等,不过我觉得这些并不是最重要的,你可以把它理

  • 从市场的角度思考网站建设

    写在前面:我的一位前辈告诉我,技术永远都不是最重要的,一个不懂市场的设计师永远只能是个体力劳动者. 无论这样,为艺术而艺术或者为技术而技术在这个年代已经注定是要碰壁的了,我觉得. 从市场的角度思考网站建设之--- 细节致胜 英国一家研究机构在2002年5月份发表的调查资料表明,英国很多大型公司在企业网站的建设和维护方面尽管花费了数以百万英镑计的资金,但真正有用的网站却寥寥无几,所投入的资金几乎等于浪费.其实这种状况在中国也很普遍,毫不夸张的说,95%以上的企业网站通常都没有发挥多大作用.于是我们

  • 网站建设的12大误区与建议

    误区之一.仅仅停留在发布企业形象和产品信息上 许多公司在网站建设过程,最早想到的就是把公司产品.业务简介.公司促销活动等信息贴在公司网站上.这样的做法充其量只是多个电子公告板而已,根本没有发挥网络的互动功能.由于传统产业经营者大多生性保守,因此对于主动出击的建议大多会瞻前顾后.其实,网站架设应由网络营销角度出发.换句话说,是否可以透过网络,在现有营销通路以外,提供一个企业与消费者之间直接接触与沟通的渠道,提供企业另一种销售模式机会.因此,传统产业要的网站,应该由营销主管角度优先思索.第二个角度就

  • js中最容易被忽视的事件问题大总结

    什么叫跨平台事件?即在不同的浏览器上执行同一事件,所使用的方法不同. 什么是EventUtil对象?有什么作用?即将所有与事件相关的函数,融合在一起的一个容器,方便管理事件对象,它没有属性.主要处理DOM事件和IE事件的磨合,使其尽可能的相似. 下面我们来看一下DOM和IE之间的对象属性和方法做个对比(这里只指出两者之间不同的属性和方法),主要有以下五大点: DOM属性和方法 IE属性和方法 charcode keycode preventDefault returnValue=false re

  • 网站设计中25条有利于排名的建议

    第一条:网站优化最重要的是网站内容要准确定位客户,这一点是网站是否能吸引您真正期望的访问者的直接因素. 第二条:精心选择和网站主题及所瞄准的时常相关的关键字. 第三条:尽量在网站内容中利用选择的关键字,值得注意的是,关键字尽量出现在内容的前面部分. 第四条:网站的标题中一定要包含您认为最为重要的关键字. 第五条:在头部标记中尽量运用关键字,将帮助网站在基于该关键字在搜索结果中的排名. 第六条:尽量为图像加上ALT标记,在该标记中包含必要的关键字. 第七条:千万别让关键字的颜色和网页背景颜色相同,

  • 道搜(江西网站建设)为您提供100M免费空间服务

    道搜(江西网站建设)为您提供100M免费空间服务,以下是他们空间的介绍: 空间报价 价格 0元/年   配置 WEB空间大小 100M IIS连接数: 10 数据库 免费支持Access 捆绑专业邮局 无 网络流量(每客户Gbytes/月) 不限 网站管理 客户自助管理 Yes FTP口令自行更改 Yes bbs论坛支持 Yes FTP管理 Yes 脚本程序支持VBS/JS Yes 多媒体文件支持 Yes 数据定期备份 Yes 防火墙系统 Yes 100M空间,支持ASP/PHP,不限带宽全面支

  • 网站统计中的数据收集原理及实现

    网站统计中的数据收集原理及实现

    网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析.百度统计和腾讯分析等等.所有这些统计分析工具的第一步都是网站访问数据的收集.目前主流的数据收集方式基本都是基于javascript的.本文将简要分析这种数据收集的原理,并一步一步实际搭建一个实际的数据收集系统. 数据收集原理分析 简单来说,网站统计分析工具需要收集到用户浏览目标网站的行为(如打开某网页.点击某按钮.将商品加入购物车等)及行为附加数据(如某下单行为产生的订单金额等).早期的网站统计往往只收集一种用户行

  • 网站开发中的文件存储目录结构的探讨

    对于少量用户写信息,大量用户都是在看信息的网站:例如CMS系统,编辑发咨询,用户看,例如中小企业产品发布网站. 对于这类需求我们可以把文件专门放到一个目录下,例如放到网站根目录的upload目录下,然后按天建文件夹,将每天的文件放到一个目录下,文件名可采用数字生成.例如:upload/20100612/1224455.jpg:通常的情况下这种目录结构就可以保证每个目录下不会有太多的文件. 对于博客,论坛应用,需要对每个用户分配文件存储空间,如果有需求的话还要限制用户的存储空间,对于一般规模的网站

  • c#网站WebConfig中域名引用示例介绍

    在WebConfig中定义如下. 复制代码 代码如下: public class WebConfig { public static string ResourceServer = @"http://www.xxx.com/"; } 在前台页面中这样调用 复制代码 代码如下: <script src="<% =WebConfig.ResourceServer %>/js/jquery-ui-all-min-lastest.js" type=&quo

随机推荐