论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

网页制作技巧:网页无障碍说明标准(2)

文章类别:Dreamweaver | 发表日期:13-01-09

网页制作技巧:网页无障碍说明标准(2)


菜单和导航

  1. ul是用来作为导航的最合适的元素,其次是ol
  2. 推荐的导航结构:

    <h2 class="offscreen" ></h2><!--h2~h6后面紧挨着ul或者ol,这样才会被认为是navigation bar,并且这里的hn出现在h1前面被视为符合要求的-->

    <ul>

     

  3. <a href="#">栏目1

     

     

  4. <a href="#">栏目2

     

    </ul>

    /*css style*/

    .offscreen {
    position: absolute;
    top: -30em;
    left: -300em;
    }

  5. 绝大多数的网页应该至少含有一个导航栏
  6. 每个map,ul,ol元素不要在最后一个h1之前,如果必须有个导航在标题之前,这个标题请用h2。(参见推荐的导航结构)
  7. 每一个嵌套的table,热点区域,ol,ul作为导航的话,他们的头部要有一个h2(或者是h2~h6,参见推荐的导航结构)

文本样式

  1. 请勿使用blink(闪啊闪的)和marquee(移动移动的)!!!会引发癫痫和视觉损伤
  2. 禁止使用font和center元素,请用css实现
  3. 斜体样式禁用i元素,标题用h1...h6,要强调的词、短语和句子,请用em实现
  4. 加粗字体样式禁用b元素,标题用h1...h6,要强调的词、短语和句子,请用em实现
  5. 下划线样式禁用u元素,标题用h1...h6,要强调的词、短语和句子,请用strong实现
视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058