采用XHTML和CSS设计可重用可换肤的WEB站点的方法
5、根据用户设置换肤
网站样式切换在网上已有很多现成的javascript换肤代码,一般使用cookie来保存用户设置,在请求页面时,改变页面的CSS文件连接即可。
而服务器端的换肤做法是根据用户请求,动态地生成CSS文件连接,用户设置一般保存在数据库或者cookie中。
由于我们使用了3个不同功能CSS样式文件来显示网站,所以我们可以设计出更加灵活的换肤方案和组合,如只切换主题而保留布局,和切换布局和主题,以及各种细节等等。
使用3个CSS样式文件额外的好处是,每当我们设计一个新的系统,它的样式风格特性几乎都可以大部分应用到以前的系统上(因为我们采用大致相同的页面结构模型,虽然显示千差万别,但主要的框架是一样的),这样我们就可以积累出相当数量和相当风丰富的界面样式库来。
6、通过校验
整个过程的最后一个步骤就是对XHTML\CSS代码进行验证。有很多种的工具都可以帮你对二者进行验证。
例如Dreamweaver MX即可检查我的样本代码的可访问性。你可以通过在文件菜单中选择Check Page然后选择Check Accessibility来实现。任何错误或是警告都会显示出来,还包括出现位置的行号以及对问题简要的解释。你可以在Dreamweaver MX的Reference工具中找到更多关于这些错误和警告的内容。
而Microsoft ASP.NET 2.0 具有很多有用的功能,也能帮助我们设计和生成符合 XHTML 和可访问性标准的 Web 站点。 使用 Web 标准生成 ASP.NET 2.0 Web 站点 http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx
此外,World Wide Web Consortium (W3C)提供了超过30个的可访问性评估工具的链接。W3C还提供了针对HTML和CSS的基于Web的免费验证器。
因此如果想要改善网站友好度,可用性,可访问性等,可将新标准视为一个机会,而不是一个障碍。要了解更多关于新标准和可访问性的内容,你可以去看一看World Wide Web Consortium中的Web Accessibility Initiative (WAI)。
相关文章
scrollWidth,clientWidth与offsetWidth的区别
scrollWidth,clientWidth与offsetWidth的区别...2007-08-08
最新评论