下载站点模板迅速熟悉XHTML和CSS2

ZDNet软件频道 时间:2004-01-09 作者:ZDNet China |  我要评论()
本文关键词:css
采用XHTML和CSS2来新建或重建网站。不仅能获得更清晰、更高效的代码,而且改善了可访问性和扩展性。
本文译自TechRepublic,未经许可请勿转载

在过去一年中,我参加了大量Web站点的重新设计工作。根据网站最初的创建方式,一些再设计工作要比另一些容易;但其中大多数工作的难度和所花的时间都超出想象。所以,新一年中,我决定只采用XHTML和css2来新建或重建网站。XHTML和css2不仅能获得更清晰、更高效的代码,而且改善了可访问性和扩展性。

我创建了这个Dreamweaver模板来帮助设计者和开发者迅速熟悉XHTML和css2。我希望它能够证明,XHTML和css2网站的构建和维护确实要容易得多。

以下是该模板提供的一些好处:

  • 遵循XHTML 1.0 Strict-compliant——由于一开始就遵循XHTML 1.0 Strict-compliant(而不是遵循XHTML 1.0 Transitional),所以你以后不必重新编写代码。
  • 兼容css2——该模板的布局是由css2驱动的,所以呈现方式完全独立于内容。没有采用TABLE标记和分格GIF图像。
  • 符合为Web可访问性而制定的全部Section 508准则——目前,有16条准则规定web站点和基于Web的应用程序的可访问性。该模板遵循所有这些准则。
  • 跨浏览器兼容于Internet Explorer、Netscape和Opera——模板能在主流浏览器的最新版本中完美地工作,并良好地兼容于它们的旧版本。
  • 体积小,可以快速加载——代码、样式表和图形全部加起来不足18 KB。

一些注意事项

十分喜欢这个模板,但在你使用它之前,需要注意几件事情:

  • 用DWT文件编码——由于模板极度依赖于外部样式表,所以在Dreamweaver的设计视图中无法感受到网页的实际外观;因此,最好在代码视图中编辑。
  • 基于移动设备的浏览器——该模板不支持面向移动设备的浏览器的网页设计。例如Pocket Internet Explorer,Pocket IE基于HTML 3.01,所以XHTML和外部样式表不起作用。

如果Pocket IE是你的目标浏览器之一,可在模板中添加以下OS检测代码,以便将Pocket IE用户重定向到一个兼容的网页:
 
<script type="text/javascript">   
if (navigator.userAgent.indexOf("Windows CE") != -1)
   
</script>



责任编辑:李宁

欢迎评论投稿

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134