以下是我们在这个网站构建领域积累的丰富经验之谈，期待能激发更多思考与启发。

１、必备工具

实际上，遵循Web标准的技术并不繁杂，而实现这些标准的工具同样简便易用。简单来说，任何能够进行纯文本编辑的软件，都能充当编写代码的gon工具。比如，记事本，甚至是某些编辑器——像我这样的懒人，有时甚至会直接使用那些工具在线进行编辑，真是汗颜啊。

某些专业的软件能够提供代码高亮显示、代码提示以及自动闭合标签等实用功能，这些功能（前面提到的软件也具备）能够显著提升工作效率。例如，MS系列以及众多其他编辑器，它们在市场上占据主导地位，对于新手来说易于上手，对于专业人士来说则有助于效率提升，都是极佳的选择。

关于浏览器配置，现在在一台设备上同时安装IE以及其他浏览器已不再是一件困难的事情，尤其是IE7的推出，使得IE7与旧版IE的共存变得可行。在此，我建议的浏览器配置是：在本机安装IE7、以及其他浏览器，并且可以一并安装。根据我个人的使用体验，IE7存在一些不足之处，这可能会使得已安装的IE6版本无法正常运行。

除了编辑器之外，调试工具也是不可或缺的，其中首推的无疑是那个。在IE浏览器中，目前尚无与之相媲美的调试工具，相对较好的有IE 和 IE 等等，但它们与前者相比，品质相差甚远，只能说勉强能够应对需求。

２、必备的HTML/基础

谈及根本，这恰恰是我最希望探讨的。从论坛上的众多帖子中，我们可以明显看出，大部分问题的根源在于创作者自身基础的薄弱。特别是HTML，作为基础中的基石，更是众多人的短板。尽管如此，许多人还是倾向于一开始就询问关于布局或Hack等技巧层面的问题，实际上，若创作者的基础扎实，许多所谓的难题几乎不复存在。

web标准必备的HTML/基础，大致有几个方面：

每个标签所承载的意义构成了网页规范的核心，这一原则贯穿于整个网页标准的制定过程。只有明确了标签的语义，我们才能挑选恰当的标签；只有明确了语义，我们才能构建出易于阅读的结构。比如，网站中的顶级标题，它不应置于较低层级；再比如，和标签，主要用于对表单元素进行分组，它不应仅因为其美观的边框而被用于展示新闻列表。

每个标签在浏览器中展示的初始外观存在差异，因此众多重置标签样式的做法正是基于这一原因。这些重置样式旨在提升网页的兼容性。就我个人观点而言，我并不建议初学者一开始就学习如何进行样式重置，而是应该首先掌握标签的原始样式。只有对这些基础有所了解，才能深刻理解每行重置样式代码的实际意义。

正确嵌套标签的规则至关重要，同时我们还应明确哪些标签是块级元素，哪些是行内元素。这一点即使是经验丰富的开发者也容易忽视，比如我（^_^）。今天偶然看到这个讨论帖，才恍然大悟，原来之前对dt和dd的嵌套规则理解存在偏差，二者在处理上是有区别的。HTML的嵌套规则相对复杂，尽管常用的标签数量不超过三十个，但其中却包含了大约二十种不同的嵌套方式，一不小心就可能出错。即便不严格遵守这些规则，页面的显示效果也不会受到太大影响，然而，培养良好的习惯却是至关重要的，因为这往往能决定你在编程道路上能走多远。

标签的特性可以细分为两个主要部分：一方面是那些符合规范且普遍使用的属性及其相应的值，比如href属性、src属性、for属性等；另一方面则是标准中明确规定的必须具备的属性，例如图像的alt属性、表单的form属性、表格的col属性以及row属性等。

HTML基础知识虽然可以细分为若干个部分进行讲解，但在实际应用中，这些知识往往相互融合，大多数相关手册都提供了详尽的阐述。在学习这些知识时，除了阅读相关手册，将个人网页提交至w3c进行校验也是一个非常有效的方法。

３、必须了解的CSS知识

CSS作为标准化的亮点之一，目前成为了热议的焦点，相关著作在Web标准书籍中占据了绝大多数，甚至有部分人（包括部分招聘单位）将CSS等同于网页标准。尽管这种过分强调CSS作用的看法是不准确的，但CSS在网页标准中的关键作用依然不容忽视。

CSS领域的知识和技巧相当丰富，就其必要性的角度来看，以下这些方面在我看来尤为关键：

布局构成了表现层技术的根基，所有表现层元素均建立在布局之上。CSS提供了多种布局方式，诸如绝对定位、负边距等。每种布局都有其独特的优点和不足，就适用范围而言，显然是最为广泛的一种，也是最为普遍采用的，然而，清除浮动问题常常令人感到棘手。采用绝对定位的网页具有较强的抗压能力，但灵活性较差，且渲染效率最低。负值并非破坏文档流的最佳选择，然而在IE浏览器中对负值支持欠佳的情况下，常常会出现一些奇怪的现象。在布局知识方面，我推荐阅读《彻底弄懂CSS盒子模式》这一系列文章，个人觉得目前还没有哪篇文章能与之相媲美。

IE的渲染机制。实际上，这种所谓的“hack”是众多标准工程师深恶痛绝的现象，然而在当前浏览器对兼容性要求日益提升的背景下，它却常常成为不得已而为之的选择。深入探究IE的渲染机制，便能洞悉众多“hack”产生的缘由，以及诸多兼容性问题产生的根源。建议阅读——译文On 。然而，问题的复杂性非同小可，并非短短几篇文章能够完全涵盖。只要我们阅读文章，领悟其内在原理，并能够触类旁通，许多难题便会轻松解决。

众多网站遵循了CSS的规范标准。然而，对此我并不敢过于乐观，因为尽管有数以千万计的网站，真正符合这一标准的CSS占比却极低，不足1%。即便是W3C推荐的一些知名网站，如ESPN，其CSS在经过校验时也常常无法达标。CSS中的诸多规定确实让人感到不适，比如某些属性，如和，大多数人在实际应用中都是分开使用的；然而，w3c标准却要求它们必须“同生共死”。此外，不同浏览器还各自拥有一些专有属性，这些属性在实现某些效果时尤为简便高效。在这种情况下，我们常常会倾向于放弃遵循标准，但这种放弃并不意味着我们可以忽视这些规定。今日若能明了何为不当之举，并知晓为何采用错误手段，那么来日修正这些错误便将变得相对容易。

提升网站性能的方法包括，比如运用图像替代文字以优化搜索引擎排名、采用最小化且容量较小的图片制作圆角表格、以及运用特定技术实现图片的流畅切换来增强渲染速度等。从对网站的实际益处考虑，这些策略相较于浏览器漏洞修补技术，掌握起来更具价值。

掌握一些的基础。虽然它与CSS的联系并不紧密，但常常发现有些人过于执着，明明用可以轻松实现的功能，却偏要借助CSS勉强完成。比如，将子菜单嵌入链接中，通过伪类选择器来触发。再如，实现多列等高布局。这显然属于行为层面的内容，那为何还要在表现层上强求实现呢？自然，我们并非主张将所有难以用CSS实现的功能一股脑地转移到中，而是需要深入掌握这两种技术的特性，以便合理地选择最适宜的解决方案。

４、必备的网站样式管理技巧

规范的命名和恰当的代码复用性，即所说的ID，这是我们需要再次强调的要点。因为就在昨天，我又遇到了一个完全未使用ID的网站。ID和CSS的关联紧密，它们构成了网站结构的一部分。尽管如此，ID和的存在并不仅仅是为了调用CSS样式。正相反，正是优秀的ID以及构建良好的结构，为CSS提供了施展才华的广阔天地。若颠倒了它们之间的相互关系，本质上依旧是在强调结构的主导地位，这与满屏无序并无二致。理顺了ID与CSS之间的联系之后，我们再讨论命名问题，其实命名遵循的唯一原则便是结构化。当然，在保持结构化的同时，对于代码中的body、框架以及模块等组成部分，若能采取某种方式对它们的命名进行区分（我个人倾向于添加不同的前缀），那么这将使得代码的整体可读性得到显著提升。

样式文件的管理，实质上是指如何对网站的样式文件进行存放。对于规模较小的网站，将所有样式集中在一个文件中操作并无不妥。然而，对于大型网站，其CSS文件动辄几十上百KB，若全部打包在一个文件中，不仅会拖慢网页的加载速度，还增加了修改和维护的难度。因此，在分割CSS时，必须提前做好规划，无论是依据栏目、功能还是层级，都应结合自身网站的具体特点来决定。

５、其他

传诚信期待大家继续补充……

选择我们，优质服务，不容错过

1. 优秀的网络资源，稳定的网站和速度保证

提供独立双线IP资源，入驻国际A级BGP网络数据中心，确保服务器在线率高达99.5%。

2. 7年北京网站建设经验，优秀的技术和设计水平，更放心

3. 全程省心服务，不必担心自己不懂网络，更省心。

禁止对专有名词进行任何修改，确保原文中的专有名词保持不变，同时，在改写过程中，需保持原有的语言风格，并去除原文中最前面的序号。在改写时，可以将较长的句子拆分成若干个小分句，并使用逗号进行分隔。此外，还需注意不要遗漏任何句子末尾的标点符号。

我们的与众不同之处：

免费网络营销咨询服务：我们向各位提供免费的网络营销咨询服务，若您对如何进行网络营销、电子商务运作、网站设计等相关事宜有疑问，欢迎随时与我们取得联系。

我们的网站管理系统不仅提供高品质的网站空间、系统以及设计服务，而且特别注重SEO优化，具备如下特点：支持自定义栏目名称、自动生成静态页面等功能，全面助力您的网站提升搜索引擎排名。

免费网络营销课程涵盖：有效投放网络广告的策略，提升网络广告投资回报率的技巧，以及如何撰写高质量的网络帖子。

如何优化网站，我们有丰富的经验开放给您！祝君成功！

联系我们：   -808   贾先生

传诚信北京网站建设网站： 点击查看经典网站案例！

北京网站建设2010年网站建设套餐及优惠！