日期: 2010年2月9日

  • 学习和使用web标准的十大理由

    如果你是一个新接触web标准这个概念并且还犹豫是否应该花时间去学习它的web开发者或者设计者,这里有一些让你去学习它的重要理由。对于已经使用web标准的web专业人士,当你需要很好的论据的时候这份清单可能可以派上用场,并且随意添加任何你所想到的好处。

    1. 让自己看起来更专业

    其他web开发者和潜在的雇主将可以看看你的工作,知道你一个喜欢跟上技术的变化的人,并确保你的知识和技能的总是最新的。它将使你像一个真正的web专业人士。

    2. 让你的客户看好

    使用web标准和可访问性相结合的最佳做法,让你的客户有机会谈论他们如何满足所有的人,以及他们如何发现重要的是,每个人都可以使用他们的服务或了解他们产品的信息。 你也避免由于将残疾人,Mac用户和移动手机用户等访问者拒之门外所带来的负面影响。

    3. 最大限度的潜在客户人数

    你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道,但除非你为一个规定使用某种浏览器的公司搭建一个内联网。

    你唯一可以相当肯定的是,他们使用的是一个可以解析的HTML的东西。 通过使用Web标准你可以相当肯定,你所做的使你的网站在尽可能多的浏览设备上工作。

    你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道,但除非你为一个规定使用某种浏览器的公司搭建一个内联网。你唯一可以相当肯定的是,他们使用的是一个可以解析的HTML的东西。 通过使用Web标准你可以相当肯定,你所做的使你的网站在尽可能多的浏览设备上工作。

    4. 更快的加载和减少带宽的使用

    结构良好的标记从表现中分隔的结构和内容,一般比使用表格和间隔图片的标记更加紧凑。 文件更小并且使用户下载更快。 无论怎样,仍然有很多,通过拨号连接到互联网上的人。

    如果您的网站托管计划在免费带宽使用上受限制,较小的文件,将降低成本—提供的流量不会增加。

    5. 为可访问性提供基础

    使用Web标准并不能保证您网站的所有方面会使得残疾人士可访问,但它是一个很好的开始。 确保您的文件是有效的,结构合理和语义化,那你就是在通往拥有一个可访问的网站的路上。

    6. 提高搜索引擎排名

    通过提供干净,结构良好,和语义化标记的写得很好的内容是搜索引擎蜘蛛的美味食物,并会帮助你提升排名。当然,这将会增加的流量,这正是大多数网站拥有者所希望的。

    7. 让你的标记易于维护

    当你需要更新你的网站的时候,你会喜欢费力的使用许多以数千字节倍增的表格和嵌套间隔图片还是只是使用干净的及结构良好的浏览文件?

    删除,插入或修改无表现内容比不得不保证你的所有不整齐的部分正确表现要更容易,更有效。使用CSS来控制布局使整个网站的设计变更容易。

    8. 面向未来的内容

    目前任何人都不可能100%的把握保证,今天这些以电子形式创建和储存的文件在百年后仍可读。甚至五十年。但是如果你从表现中分离内容,并使用当前的Web标准,尽你所能做到最好以确保即使你不在的时候你的内容仍然可读。

    9. 良好的商业意识

    为什么还会有企业主说,没有更多的访问者?一个更快的网站?改进的搜索引擎排名?潜在很好的宣传?这是没有道理这样做。

    10. 这是处事的最好方法

    Web标准方法是我们应该从一开始建立网站就采用的方式。现在我们为何不以正确的方式做一些事,并有一个真正极好的理由对自己感觉良好。

  • 如何书写可维护的CSS代码

    一、在样式表开头添加一个注释块,用以描述这个样式表的创建日期、创建者、标记等备注信息。

    Example Source Code:
    /*
    ———————————
    Site: Site name
    Author: 52CSS.com
    Updated: Date and time
    Updated by: Name
    ———————————
    */ 

    二、包括公用颜色标记

    Example Source Code:
    /*
    ———————————
    COLORS
    Body background: #def455
    Container background: #fff
    Main Text: #333
    Links: #00600f
    Visited links: #098761
    Hover links: #aaf433
    H1, H2, H3: #960
    H4, H5, H6: #000
    ———————————
    */

    三、给ID和Class进行有意义的命名

    不推荐的命名方式:

    Example Source Code:
    .green-box { … }
    #big-text { … } 

    推荐使用的命名方式:

    Example Source Code:
    .pullquote {… }
    #introduction {… } 

    四、将关联的样式规则进行整合

    Example Source Code:
    #header { … }
    #header h1 { … }
    #header h1 img { … }
    #header form { … }
    #header a#skip { … }
    #navigation { … }
    #navigation ul { … }
    #navigation ul li { … }
    #navigation ul li a { … }
    #navigation ul li a:hover { … }
    #content { … }
    #content h2 { … }
    #content p { … }
    #content ul { … }
    #content ul li { … } 

    五、给样式添加清晰的注释

    Example Source Code:
    /*
    ———————————
    header styles
    ———————————
    */
    #header { … }
    #header h1 { … }
    #header h1 img { … }
    #header form { … }
    /*
    ———————————
    navigation styles
    ———————————
    */
    #navigation { … }

  • 360VS瑞星

    我是看热闹的,看热闹的,看热闹的。

    瑞星:安全软件不安全 奇虎360给用户装“后门”  ↓360

    360:瑞星诱发黑客攻击 置亿万网民安危于不顾 ↓瑞星

    目前在使用卡卡+大蜘蛛,因为免费。但是对这两个软件是要保持中立的,因为都是专业的安全软件厂商,又都被专业的安全厂商指出有问题。

    瑞星免费一年我用过的,使用期间出现多次问题,病毒库长时间不更新是最普遍的,不过瑞星的杀毒+防火墙+卡卡  还是不错的,非常适合不善用电脑的人使用。使用中并不感觉卡。

    我准备要安装360+360杀毒,因为免费。

    这样的争论实在是没意思。不过当事人一定不这么认为。

  • WEB标准最佳实践:五个需要注意的地方

    WEB标准的CSS网页布局,需要注意的地方有很多。我们已经作过很多介绍,今天介绍五个需要注意的地方。

    一、永远使用小写字母

    Example Source Code:
    不好的做法:

    <DIV>
    <P>Here’s an interesting fact about corn. </P> 
    </DIV>

    好的做法:

    <div> 
    <p>Here’s an interesting fact about corn. </p> 
    </div>

    二、让引号伴随着属性

    Example Source Code:
    不好的做法:
    class=bookchinazcom

    正确的做法:
    class=”bookchinazcom”

    三、有必要的代码注释

    “使得你的代码在长时间内依然能够保持容易理解和维护”。

    作为开发人员,有必要给代码进行注释。

    有注释的代码,它能帮助我们阅读,保持清晰的思维和思路。

    日后也方便快速修改和调试。 不仅方便了自己,也方便了别人。

    四、切勿使用直线

    或许大家有疑问,为什么不提倡使用直线呢,这是一个很有用的标签。

    但大家不要忘记,Web标准一直强调的是表现与内容的分离。

    直线是表现的一部分,将它写放于HTML文档中,显然是不合适的。因而切勿使用直线。

    五、切勿使用内嵌样式

    样式表文件分离到外部样式表文件中,与HTML文档分开。使用内嵌样式就失去了CSS网页布局的意义。但内嵌样式可以在调试是使用,在最终发布网站时,需要去除所有的内嵌样式。