Refactor section 04

part1/04/04.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
     <div class="layout-content">
-    <h1>Desktop-umgebungen</h1>
+    <h1>Schicke Gegend: Desktop-umgebungen</h1>
     </div>
 </div>
 
@@ -8,9 +8,9 @@
 
 <div class="layout-content-only">
     <div class="layout-content">
-    <h2 class="layout-title">Desktopumgebung (engl. desktop environment)</h2>
-    <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>
+    <h2 class="layout-title">Desktopumgebung</h2>
+    <h3>engl. desktop environment</h3>
+    <p>= Bündel an Programmen, die das Aussehen und die Bedienungsdetails der <strong>grafischen Benutzerschnittstelle</strong> im Betriebssystem bestimmen</p>
     </div>
 </div>
 
@@ -18,11 +18,11 @@
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-    <h3>Warum das Desktop im Namen?</h3>
+    <h2>Warum das Desktop im Namen?</h2>
     <ul>
-        <li>Schreibtischmetapher mit Ordnern, Papierkorb etc. bereits von Xerox 1973 beim Xerox Alto 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>
+        <li><strong>Schreibtischmetapher</strong>: Ordner, Papierkorb, Ausschneiden</li>
+        <li>bereits <strong>1973</strong> von Xerox etabliert</li>
+        <li><strong>Ziel</strong>: Benutzende können sich an Erfahrungen aus der physischen Welt orientieren</li>
     </ul>
     </div>
     <div class="layout-preview">
@@ -37,11 +37,13 @@
     <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>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>
-        <li>Vieles mehr: Browser, Mailclient, Kalender, ...</li>
+        <li>Windowmanager: unter Unix X11</li>
+        <li>Dateimanager</li>
+        <li>Einstellungsmanager</li>
+        <li>Medienbetrachter</li>
+        <li>vorinstallierter Browser</li>
+        <li>Mailclient</li>
+        <li>Kalender</li>
     </ul>
     </div>
 </div>
@@ -53,12 +55,12 @@
     <h2>Desktopumgebungen unter Linux</h2>
     <p>bei proprietären Betriebssystemen ist die Desktopumgebung meist vorgegeben</p>
     <p>bei Linux dagegen breite Auswahl verfügbar</p>
-    <p>Entscheidungskriterien:</p>
+    <h3>Entscheidungskriterien</h3>
     <ul>
         <li>Angebotene Umgebungen für die Distro der Wahl</li>
         <li>Ästhetik</li>
         <li>Flexible Konfigurierbarkeit</li>
-        <li>Anforderungen an die Hardware (leichtgewichtig, ressourcenintensiv)</li>
+        <li>Anforderungen an die Hardware</li>
     </ul>
     </div>
 </div>
@@ -68,13 +70,12 @@
 <div class="layout-content-and-preview">
     <div class="layout-content">
     <h2>KDE</h2>
-    <p>K(ool) Desktop Environment, seit 1996</p>
+    <h3>K(ool) Desktop Environment, seit 1996</h3>
     <ul>
         <li>sehr etabliert</li>
-        <li>gilt als ressourcenintensiv</li>
-        <li>flexibel konfigurierbar</li>
+        <li>ressourcenintensiv</li>
         <li>von sehr großer und lebendiger Community entwickelt</li>
-        <li>KDE Applcations: kbibtex, umbrello, kanagram und vieles mehr</li>
+        <li>KDE Applications</li>
     </div>
     <div class="layout-preview">
     <img src="part1/04/kubuntu.png">
@@ -85,55 +86,58 @@
 ---
 
 <div class="layout-preview-only">
-<div class="layout-preview">
-<img src="part1/04/kde_manjaro.png">
-<figcaption>KDE unter Manjaro (<a href="https://commons.wikimedia.org/wiki/File:Manjaro_17.0_Gellivara.png">Quelle</a>)</figcaption>
-</div>
+    <div class="layout-preview">
+    <img src="part1/04/kde_manjaro.png">
+    <figcaption>KDE unter Manjaro (<a href="https://commons.wikimedia.org/wiki/File:Manjaro_17.0_Gellivara.png">Quelle</a>)</figcaption>
+    </div>
 </div>
 
 ---
 
 <div class="layout-content-and-preview">
-<div class="layout-content">
-<h2>GNOME</h2>
-<p>GNU Network Object Model Environment, seit 1997</p>
-<ul>
-<li>sehr etabliert, Default-Environment von vielen Distros (Ubuntu, Debian, Fedora ...)</li>
-<li>gilt als ressourcenintensiv (in geringerem Ausmaß als KDE)</li>
-<li>flexibel konfigurierbar</li>
-<li>Teil des GNU-Projekts</li>
-<li>besonderer Fokus auf "kognitiver Ergonomik": Produktivität fördern durch an menschliche Denkmuster angepasstes Design</li>
-</div>
-<div class="layout-preview">
-<img src="part1/04/gnome_ubuntu.png">
-<figcaption>GNOME unter Ubuntu (<a href="https://commons.wikimedia.org/wiki/File:Ubuntu_19.04_"Disco_Dingo".png">Quelle</a>)</figcaption>
-</div>
+    <div class="layout-content">
+    <h2>GNOME</h2>
+    <h3>GNU Network Object Model Environment, seit 1997</h3>
+    <ul>
+        <li>sehr etabliert</li>
+        <li>Default-Environment vieler Distros</li>
+        <li>ressourcenintensiv</li>
+        <li>Teil des GNU-Projekts</li>
+        <li>Fokus auf "kognitive Ergonomik"</li>
+    </ul>
+   </div>
+   <div class="layout-preview">
+   <img src="part1/04/gnome_ubuntu.png">
+   <figcaption>GNOME unter Ubuntu (<a href="https://commons.wikimedia.org/wiki/File:Ubuntu_19.04_"Disco_Dingo".png">Quelle</a>)</figcaption>
+   </div>
 </div>
 
 ---
 
 <div class="layout-preview-only">
-<div class="layout-preview">
-<img src="part1/04/gnome_manjaro.png">
-<figcaption>GNOME unter Manjaro (<a href=https://wikimedia.org/wiki/File:Manjaro_1700_Gnome_1390x698.png">Quelle</a>)</figcaption>
-</div>
+    <div class="layout-preview">
+    <img src="part1/04/gnome_manjaro.png">
+    <figcaption>GNOME unter Manjaro (<a href=https://wikimedia.org/wiki/File:Manjaro_1700_Gnome_1390x698.png">Quelle</a>)</figcaption>
+    </div>
 </div>
 
 ---
 
 <div class="layout-content-and-preview">
-<div class="layout-content">
-<h2>Xfce</h2>
-<p>XForms Common Environment, seit 1996</p>
-<ul>
-<li>sehr leichtgewichtig und schnell, auch für ältere Hardware geeignet</li>
-<li>flexibel konfigurierbar</li>
-<li>stark modular aufgebaut, in der Standardversion nur Grundausstattung an Werkzeugen vorhanden</li>
-</div>
-<div class="layout-preview">
-<img src="part1/04/xubuntu.png">
-<figcaption>Xcfe unter Ubuntu (Xubuntu)</figcaption>
-</div>
+    <div class="layout-content">
+    <h2>Xfce</h2>
+    <h3>XForms Common Environment, seit 1996</h3>
+    <ul>
+        <li>sehr leichtgewichtig und schnell</li>
+        <li>auch für ältere Hardware geeignet</li>
+        <li>flexibel konfigurierbar</li>
+        <li>nur Grundausstattung an Werkzeugen vorinstalliert</li>
+    </ul>
+    </div>
+    <div class="layout-preview">
+    <img src="part1/04/xubuntu.png">
+    <figcaption>Xcfe unter Ubuntu (Xubuntu)</figcaption>
+    </div>
 </div>
 
 ---
@@ -148,15 +152,16 @@
 ---
 
 <div class="layout-content-and-preview">
-<div class="layout-content">
-<h2>Weitere Varianten</h2>
-<ul>
-<li>leichtgewichtig: LXDE, LXQt</li>
-<li>von GNOME abstammend, junge Entwicklungen: MATE, Cinnamon</li>
-</div>
-<div class="layout-preview">
-<img src="part1/04/mate.png">
-<figcaption>MATE unter Ubuntu (<a href="https://commons.wikimedia.org/wiki/File:MATE_Desktop_Environment_1.8_-_About.png">Quelle</a>)</figcaption>
-</div>
+    <div class="layout-content">
+    <h2>Weitere Varianten</h2>
+    <ul>
+    <li>leichtgewichtig: LXDE, LXQt</li>
+    <li>von GNOME abstammend, junge Entwicklungen: MATE, Cinnamon</li>
+    </ul>
+    </div>
+    <div class="layout-preview">
+    <img src="part1/04/cinnamon.png">
+    <figcaption>Cinnamon unter Linux Mint(<a href="https://commons.wikimedia.org/wiki/File:Linux_Mint_19_"Tara"_(Cinnamon).png">Quelle</a>)</figcaption>
+    </div>
 </div>