Bb 课程四种不同导航方式的浅要比较

2011.3 31

Bb 课程四种不同导航方式的浅要比较

Li-dudu老师发表于 2011-3-31 22:52 Thursday Bb课程设计与技巧超过6171围观 0条评论

Bb 课程四种不同导航方式的浅要比较

为了便于学生使用，不少老师在设计Bb 课程时都选择了在内容区等板块内部加上导航，目前，用于版块内部的导航方式主要有：文字链接、图片链接、网页按钮、浮出菜单等。这几种方式各有特点，适用的范围不同，设计难度亦不同。

文字链接：设计简单，直观，快速高效。给文字加上超链接即可实现。但美观程度不如后边几种。特别是字体大小不一，长短不一的话，会看起来比较山寨，这种方式适合板块内部文件夹名称汉字字数一致的内容区板块使用。

图1 文字链接导航

图片链接：设计稍微复杂，给小的图片制成的按钮加上超链接即可实现。比文字链接看起来更美观，但设计时需要一些PS 入门技术，并且使用者的网速不佳的话，可能图片显示较慢。这种方式适合于内容区子文件夹8 个以内（图片按钮一行超过4 个的话，会在老式17 寸玻璃显示器上自动换行而超过两行。），追求显示效果的老师使用。

图2 图片链接导航

网页按钮：美观程度介于上述二者之间，快速高效，既可以在同一页面打开连接，也可以做到在新窗口打开连接。依靠HTML 代码实现。视觉效果方面给用户很专业的感觉。但可能在非IE 内核的浏览器上失效，另，在Bb 7.3 版本上，带有网页按钮的内容如果被再次编辑，该按钮就会失效，变成一个没有任何文字的按钮。这种方式适合于对网页设计较为熟悉的教师用户。

图3 网页按钮导航

浮出菜单：不占用内容区页面空间，需要使用时用鼠标指向即可呼出，鼠标按下后离开即可隐藏，视觉效果让用户感觉更专业。使用java 和html 实现。但设计困难较大，设计过程较为麻烦，适合建设较为成功的课程或精品课程。

图4 浮出菜单导航

	文字链接	图片链接	网页按钮	浮出菜单
速度	★★★★★	★☆	★★★★★	★★★☆
设计难度	☆	★★☆	★★★★	★★★★★
美观度	☆	★★☆	★★	★★★★★
对非IE 浏览器支持	√	√	×	×

	文字链接	图片链接	网页按钮	浮出菜单
新申请开课老师	√
熟悉Bb 的老师	√	√
较为熟悉网页设计的老师		√	√
非常熟悉网页设计并熟悉网页设计程序代码的老师	√	√	√	√