• 201304王琦学习报告

    普通类
    • 支持
    • 批判
    • 提问
    • 解释
    • 补充
    • 删除
    • 默认段落标题(请修改)...

    201304学习月报 王琦.doc


    201304学习月报

    最近一段时间看了一下canvas的相关内容和js的相关内容在此过程中总结了以下的内容。

    一个是关于canvas的具体应用和简单使用方法,参见seminar的学习元http://lcell.bnu.edu.cn/do/lcpage?action=view&koId=20661

    然后是js的一些东西,之前常常认为通过js取标签样式获得的就是当前的style样式,通过看书才知道是不一定的。

    在网页编辑中,常常会用到在js中用var a=document.getElementById('id');
    然后会通过var style0=a.style.backgroundColor等去取得相应的对象的css样式
    不过当css样式不是在标签style中定义的而是在类样式中定义的,这种取
    样式的方法得到的style0的值却为null
    比如说下面的定义
    <!DOCTYPE html>
    <html>
    <head>
     <script type="text/javascript" src="detect.js"></script>
     <script type="text/javascript" src="eventutil.js"></script>
     <style type="text/css">
      div.special a{
       background-color: red;
       height: 10px;
       width:10px;
       margin: 10px;
      }
      div.special1{
       background-color: green;
       height: 10px;
       width:10px;
       margin: 10px;
      }
      div.special2{
       background-color: blue;
       height: 10px;
       width:10px;
       margin: 10px;
      }
     </style>
     <script type="text/javascript">
      function getBackgroundColor(){
       
    //  var a= document.getElementById('div1');alert(a.style.backgroundColor);
    此时alert会输出空值
       var ocss=document.styleSheets[0].cssRules||document.styleSheets[0].rules;  //ie
    中识别rules,其他浏览器识别cssRules
       alert(ocss[1].style.backgroundColor);
      }
     </script>
    </head>
    <body style="height:2000px;" >
     <p>this is a example of onscroll</p>
     <p><textarea id="text"></textarea></p>

     <div id="div1" class="special" href="#"></div>
     <div id="div2"  style="height:100px;" class="special"></div>
     <input type="button" value="get" onclick="getBackgroundColor()"/>
    </body>
    </html>

    要想在此时取得相应的样式,做法如getBackgroundColor方法中所示:首先要通过styleSheets获得样式表,styleSheets[0]说明是在此页面中的

    所有样式表。那么上面的例子ocss就获得了页面中三个css样式表,在ocss[1].style.backgroundColor就获得了special1这个样式表的backgroundColor属性值。


    如果不调用styleSheets想获取当前对象的样式还有一种方法,即currentStyle

    可以var a=document.getElementById('div1');alert(a.currentStyle.backgroundColor);即可获取当前对象的css属性。

    此外还有一些其他知识。

    另外强两天看了一篇论文,简单做了一下总结:

    面向学习对象的网络课程设计

    面向学习对象的E—Learning学习资源特点是可重用,易获取,易更新,易管理,适应不同学习者需要以及可跨平台使用等

    1. 采用面向学习对象的方法设计与开发网络课程的意义:细化知识结构,将学习对象更加精细化,提高学习对象的可重用性,提高网络课程开发的效率。

    1. 增值网络课程提高管理和维护网络课程的效率从而降低E-Learning的总体成本

    2.增加网络课程的灵活性和适应性从而实现个性化内容定制使E-Learning更加智能化

    .面向学习对象的网络课程设计的基本要求

    1.教学设计者必须非常熟悉学习对象的理念和标准。

    2.学习对象的粒度大小要适当

    3.保证每个学习对象的知识性、完整性,和引用上的自我包含(包含自身引用的全部资源,以避免在网络引用中的错误)

    4. 网络课程开发人员必须掌握学习对象相关标准的实现技术

    .面向学习对象的网络课程设计开发的一般过程

    • 标签:
    • 10px
    • 方法
    • 样式
    • 网络课程
    • 面向学习对象
    • var
    • 学习月报
    • text
    • 学习对象
    • type
    • height
  • 加入的知识群:
    学习元评论 (0条)

    评论为空
    聪明如你,不妨在这 发表你的看法与心得 ~



    登录之后可以发表学习元评论
      
暂无内容~~
顶部