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

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

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

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

 

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

点击查看原图  

图1  文字链接导航

 

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

 

点击查看原图

 

图2 图片链接导航

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

点击查看原图  

 

图3 网页按钮导航

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

点击查看原图

图4 浮出菜单导航  

 

 

文字链接

图片链接

网页按钮

浮出菜单

速度

★★★★★

★☆

★★★★★

★★★☆

设计难度

★★☆

★★★★

★★★★★

美观度

★★☆

★★

★★★★★

对非IE 浏览器支持

×

×

 

 

 

文字链接

图片链接

网页按钮

浮出菜单

新申请开课老师

 

 

 

熟悉Bb 的老师

 

 

较为熟悉网页设计的老师

 

 

非常熟悉网页设计并熟悉网页设计程序代码的老师

 

当然,还有一些方法,例如使用flash 等视觉效果更佳的方式,为Bb 课程制作导航工具,因没有此方面的技术,我还没有尝试过,欢迎有这方面经历的Bb 使用者能分享自己的使用心得及制作方法。

 

插曲:在写这篇文档的同时,我帮同校老师找回了自己的账号和口令。如何用教师账号相互找回账号/ 口令,明天我将在个人网站分享给大家。

 

感谢烟台大学曲常茂老师指导我更改标题(原标题具有歧义).



本文标签: 设计 技巧 优化



»版权所有:《SCL教学范式探索者》 → 《Bb 课程四种不同导航方式的浅要比较》;
»本文网址:http://www.eurasia.pw/post-18.html
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址;
  • 各种观点