在过去一年中,我参加了大量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>
责任编辑:
李宁
欢迎评论或投稿