|
|
域名空间 下载中心 社区论坛 信息公告 my小屋 | |
 |
联系我们 设为首页 加入收藏 |
 |
|
 |
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务 |
 |
 |
 |
 当前位置：首页>>网页设计>>html/css>>正文 |
新版上线！[旧版] |  |
|||
注:打开慢时请稍等
网站重构：利用css改善网站可访问性http://www.iyit.net 日期：2006-9-29 16:59:39 来源： 点击： |
像那时建构的很多网站一样，我的客户的网站使用了cascading style sheets (css)来格式化文本。它没有使用任何css的更加强有力的版面设计功能，也没有允许html设备独立，而这是css可访问性的主要优点之一。 问题是如何出现的？ 在我概述使网站更加具有可访问性的方法之前，了解现今众多的访问性问题的起因也许是很有帮助的： 对html肤浅的理解：在1990年代的互联网大发展时期中，所有人都开始建构网站。wysiwyg编辑器使得几乎每个人都可以很容易地建构一个网站，而不用费心去学习html。但不幸的是，这种在使用上的便利带来了一些蹩脚的代码，对可访问性造成了妨碍。 html在设计方面的局限性：开发者和设计者经常会故意错用html标签，特别是<table>标签，来克服html在版面和设计上的局限性。这种设计方式也会带来妨碍可访问性的代码。 什么使得css更具有访问性？ css在1996年出现，用来解决上述的问题。通过使用css，你可以将一个html文件的内容与有关它的表现形式或风格的信息分离开来。这就使你可以应用准确的格式化并达到想要得到的版面设计，而无需使用可能会让屏幕阅读器和专门的浏览器软件产生困惑的html代码。 例如，虽然html表格是用来排列表格式数据的，但他们也经常被用来排列对齐一个页面上的元素的。但是阅读器和例如语音合成器的软件要求有效的html代码。因此当他们遇到一个页面错误地使用了诸如一个表格的元素，产生的结果就会让使用者感到莫名其妙。 css的另一个可访问性的优点就是它允许使用者定义他们自己的风格单，这个风格单可以与网站的风格单共同工作。因此，例如一个使用者可以设定，所有通过<p>标签定义的文本都应该是1.5em arial，即使这个网站的风格单表示它应该是18px verdana bold。 要注意用户定义的风格只有在用户的风格名称与html页面中的标签相符时才会起作用，这是很重要的。这就将确保兼容性的责任交到了开发者的手中。例如，如果用户的风格单指定<p>标签应显示1.5em arial文本，但是html页面并不使用<p>标签来从风格单中调用一个风格（也许它使用<font class=”bodytext”>），用户对于<p>标签定义的风格将会被忽略。因此要确保你对你的标题和段落使用标准的html标签，这将减少用户定义的风格单被忽略的机会。 开始 如果你是从头开始建构一个新的网站，那么通过css来改善可访问性就会很容易。但你仍然可以轻松地将现有的网站转变为css形式。 步骤1：检查现有代码 为了更好地说明，我将用在表a中这个简单的html代码来代表一个使用css的页面。这个例子假设页面还没有使用css，不过你也可以使用相似的方法来评价一个基于css的站点。主要的不同点就是大多数的改变将发生在css文件中而不是html文件中。 步骤2：从html中去掉所有特殊风格标签 要在这个页面中加入css，我首先需要去掉所有要控制内容表现的标签。样本代码使用了字体标签来定义字体外观，风格和颜色。去掉这些元素使得样本代码如表b所示。 步骤3：从html中去掉并替换任何错用的标签 现在我要去掉任何错用的html标签。在样本代码之中，一个表格用来在页面的内容创建一个15象素的边缘，代码还使用<br>标签来创建段落。 本新闻共2页,当前在第1页 1 2 编辑：黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇：轻松diy你的网页滚动条 下一篇：总结：用css进行网页样式设计攻略全集 转载请注明来源：www.iyit.net 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。 |
| 最新更新 | 热点排行 | 推荐新闻 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 友情链接 | ||||||
 |
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |  |
| |||||||
易特网络技术