Move images to section

part1/04/04.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
     <div class="layout-content">
-    <h1>Schöne Gegend: Desktopumgebungen</h1>
+    <h1>Desktopumgebungen</h1>
     </div>
 </div>
 
@@ -9,9 +9,24 @@
 <div class="layout-content-only">
     <div class="layout-content">
     <h2>Desktopumgebung (engl. desktop environment)</h2>
-    <p>= Bündel an Programmen, die das Aussehen und die Bedienungsdetails der grafischen Benutzerschnittstelle des Betriebssystems bestimmen</p>
-    <p>Schreibtischmetapher mit Ordnern, Fenstern etc. dabei sehr verbreitet</p>
-    <p>look and feel, einheitlich gestaltet</p>
+    <p>= Bündel an Programmen, die das Aussehen und die Bedienungsdetails der grafischen Benutzerschnittstelle im Betriebssystem bestimmen</p>
+    <p>Ziel dabei: einheitliches Look and Feel bei Benutzung</p>
+    </div>
+</div>
+
+---
+
+<div class="layout-content-and-preview">
+    <div class="layout-content">
+    <h2>Warum das Desktop im Namen?</h2>
+    <ul>
+        <li>Schreibtischmetapher mit Ordnern, Papierkorb etc. bereits von Xerox etabliert</li>
+        <li>bis heute bei allen größeren Betriebssystemen sehr verbreitet</li>
+        <li>Gedanke dahinter: Benutzende können sich beim Bedienen an Erfahrungen aus der physischen Welt orientieren</li>
+    </ul>
+    </div>
+    <div class="layout-preview">
+    <img src="part1/04/kubuntu.png">
     </div>
 </div>
 
@@ -21,7 +36,7 @@
     <div class="layout-content">
     <h2>Bestandteile einer Desktopumgebung:</h2>
     <ul>
-        <li>Windowmanager: unter Unix X11, Öffnen, Schließen von und Wechseln zwischen Fenstern</li>
+        <li>Windowmanager (unter Unix X11): Öffnen, Schließen von und Wechseln zwischen Fenstern</li>
         <li>Dateimanager: Erstellen, Öffnen, Verschieben, Umbenennen und Löschen von Ordnern und Dateien</li>
         <li>Einstellungsmanager: Netzwerkverbindungen, Hintergründe, Lautstärke</li>
         <li>Medienbetrachter: Bilder, Videos, PDFs</li>
@@ -49,15 +64,7 @@
 
 ---
 
-<div class="layout-content-only">
-    <div class="layout-content">
-    <h2>KDE</h2>
-    </div>
-</div>
-
----
-
-<div class="layout-content-preview">
+<div class="layout-content-and-preview">
     <div class="layout-content">
     <h2>KDE</h2>
     <p>K(ool) Desktop Environment, seit 1996</p>
@@ -66,10 +73,10 @@
         <li>gilt als ressourcenintensiv</li>
         <li>flexibel konfigurierbar</li>
         <li>von sehr großer und lebendiger Community entwickelt</li>
-        <li>KDE Applcations: kbibtex, Umbrello, kanagram und vieles mehr</li>
+        <li>KDE Applcations: kbibtex, umbrello, kanagram und vieles mehr</li>
     </div>
     <div class="layout-preview">
-    <img src="images/kubuntu.png">
+    <img src="part1/04/kubuntu.png">
     </div>
 </div>
 
@@ -77,7 +84,7 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/kde_manjaro.png">
+<img src="part1/04/kde_manjaro.png">
 </div>
 </div>
 
@@ -85,7 +92,7 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/kde_fedora.jpg">
+<img src="part1/04/kde_fedora.jpg">
 </div>
 </div>
 
@@ -93,13 +100,13 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/kde_fedora.jpg">
+<img src="part1/04/kde_fedora.jpg">
 </div>
 </div>
 
 ---
 
-<div class="layout-content-preview">
+<div class="layout-content-and-preview">
 <div class="layout-content">
 <h2>GNOME</h2>
 <p>GNU Network Object Model Environment, seit 1997</p>
@@ -111,7 +118,7 @@
 <li>besonderer Fokus auf "kognitiver Ergonomik": Produktivität fördern durch an menschliche Denkmuster angepasstes Design</li>
 </div>
 <div class="layout-preview">
-<img src="images/gnome_ubuntu.png">
+<img src="part1/04/gnome_ubuntu.png">
 </div>
 </div>
 
@@ -119,7 +126,7 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/gnome_manjaro.jpg">
+<img src="part1/04/gnome_manjaro.jpg">
 </div>
 </div>
 
@@ -127,13 +134,13 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/gnome_fedora.png">
+<img src="part1/04/gnome_fedora.png">
 </div>
 </div>
 
 ---
 
-<div class="layout-content-preview">
+<div class="layout-content-and-preview">
 <div class="layout-content">
 <h2>Xfce</h2>
 <p>XForms Common Environment, seit 1996</p>
@@ -143,7 +150,7 @@
 <li>stark modular aufgebaut, in der Standardversion nur Grundausstattung an Werkzeugen vorhanden</li>
 </div>
 <div class="layout-preview">
-<img src="images/xubuntu.png">
+<img src="part1/04/xubuntu.png">
 </div>
 </div>
 
@@ -151,7 +158,7 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/xfce_manjaro.jpg">
+<img src="part1/04/xfce_manjaro.jpg">
 </div>
 </div>
 
@@ -159,13 +166,13 @@
 
 <div class="layout-preview-only">
 <div class="layout-preview">
-<img src="images/xfce_fedora.jpg">
+<img src="part1/04/xfce_fedora.jpg">
 </div>
 </div>
 
 ---
 
-<div class="layout-content-preview">
+<div class="layout-content-and-preview">
 <div class="layout-content">
 <h2>Weitere Varianten</h2>
 <ul>
@@ -173,7 +180,7 @@
 <li>von GNOME abstammend, junge Entwicklungen: MATE, Cinnamon</li>
 </div>
 <div class="layout-preview">
-<img src="images/gnome_ubuntu.png">
+<img src="part1/04/gnome_ubuntu.png">
 </div>
 </div>