Portal:Mobile Learning: Unterschied zwischen den Versionen

Version vom 15. November 2017, 08:53 Uhr

Einführung

Übersicht über mobile Lehr- und Lernszenarien

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Allgemeines

Einführung zu Mobile Learning

Best-Practice-Beispiele

???

Werkzeuge

Einführung zu Audience-Response-Systemen

Zur Kategorieansicht wechseln

@@ Zeile 2: / Zeile 2: @@
 <html>
    <style type ="text/css">
+   ul#comic {
+			list-style: none;
+                        margin-top: 15px;
+		}
+		ul#comic li {
+			width: 33%;
+			background-size: contain;
+			background-repeat: no-repeat;
+			float: left;
+		}
+		ul#comic li:before {
+			content: "";
+			display: block;
+			padding-top: 100%;
+		}
+		ul#comic li#stripe1 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-1-g.jpg);
+		}
+		ul#comic li#stripe1:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-1-b.jpg);
+		}
+		ul#comic li#stripe2 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-2-g.jpg);
+		}
+		ul#comic li#stripe2:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-2-b.jpg);
+		}
+		ul#comic li#stripe3 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-3-g.jpg);
+		}
+		ul#comic li#stripe3:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-3-b.jpg);
+		}
+		ul#comic li#stripe4 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-4-g.jpg);
+		}
+		ul#comic li#stripe4:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-4-b.jpg);
+		}
+		ul#comic li#stripe5 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-5-g.jpg);
+		}
+		ul#comic li#stripe5:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-5-b.jpg);
+		}
+		ul#comic li#stripe6 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-g.jpg);
+		}
+		ul#comic li#stripe6:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-b.jpg);
+		}
    </style>
 </html>
@@ Zeile 68: / Zeile 132: @@
 		</div>
 		<div class="zweidrittel">
-			<div class="bild">
+			<ul id="comic">
-			http://wiki.llz.uni-halle.de/images/e/e1/Mobile-learning-comic.jpg
+		<div>
-			</div>
+			<li id="stripe1">
+			</li>
+			<li id="stripe2">
+			</li>
+			<li id="stripe3">
+			</li>
+		</div>
+		<div>
+			<li id="stripe4">
+			</li>
+			<li id="stripe5">
+			</li>
+			<li id="stripe6">
+			</li>
+		</div>
+	</ul>
 		</div>
 		<div class="zurücksetzen"></div>