Portal:Mobile Learning: Unterschied zwischen den Versionen

Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:
<html>
<html>
   <style type ="text/css">
   <style type ="text/css">
  ul#comic {
                ul#comic {
list-style: none;
list-style: none;
                         margin-top: 15px;
                         margin-top: 15px;
Zeile 12: Zeile 12:
background-repeat: no-repeat;
background-repeat: no-repeat;
float: left;
float: left;
                        position: relative;
}
}


Zeile 67: Zeile 68:
background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-b.jpg);
background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-b.jpg);
}
}
                ul#comic li .hoverText {
                        background-color: rgba(33,33,33,0.7);
                        color: #fff;
                        padding: 3px;
                        margin: 2px;
                        position: absolute;
                        z-index: 99;
                        display: none;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        text-align: center;
                       
                }
                ul#comic li:hover .hoverText {
                        display: block;
                }
   </style>
   </style>
</html>
</html>
Zeile 132: Zeile 152:
<div>
<div>
<li id="stripe1">
<li id="stripe1">
<div class="hoverText">Mobiler Zugriff auf Lerneinheiten</div>


</li>
</li>
<li id="stripe2">
<li id="stripe2">
<div class="hoverText">Verwendung von Lerninhalten an realen Objekten</div>


</li>
</li>
<li id="stripe3">
<li id="stripe3">
<div class="hoverText">Mobile Durchführung von Selbsttests und Prüfungen</div>


Zeile 146: Zeile 168:
<div>
<div>
<li id="stripe4">
<li id="stripe4">
<div class="hoverText">Kooperative Datenaufnahme durch Studierende</div>


</li>
</li>
<li id="stripe5">
<li id="stripe5">
<div class="hoverText">Integration neuer Technologien wie Augmented Reality</div>


</li>
</li>
<li id="stripe6">
<li id="stripe6">
<div class="hoverText">Ausbau praktischer Anwendungsfälle für Feedbacksysteme</div>



Version vom 19. Dezember 2017, 12:07 Uhr

Einführung

Übersicht über mobile Lehr- und Lernszenarien

Zur Kategorieansicht wechseln