Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:blc:informatik:glf22:web-tech:layout [2023/05/08 20:15]
Ivo Blöchliger
+++ lehrkraefte:blc:informatik:glf22:web-tech:layout [2023/05/09 13:47] (current)
Ivo Blöchliger [Entwurf im Raster]
@@ Line 1: / Line 1: @@
 ====== Page Layout ======
+===== Entwurf im Raster =====
 <WRAP todo>
 Erstellen Sie auf Papier (oder dem Tablet) eine Skizze Ihrer Webseite, mit mindestens folgenden Elementen:
@@ Line 6: / Line 8: @@
   * Inhalt
   * Footer
-Die Elemente sollen in einem Raster ausgelegt werden.
+Die Elemente sollen in einem einfachen Raster ausgelegt werden.
+Wer eine Herausforderung sucht, kann das Raster auch komplizierter machen, so dass sich einzelne Inhaltsblöcke über mehrere Zeilen und/oder Spalten erstrecken. Schauen Sie sich dazu kurz die Bilder auf [[https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Einf%C3%BChrung|dieser Webseite]] an, um einen Eindruck zu kriegen.
+Ein extremes Beispiel dafür wird hier vorgestellt: https://webdesign.tutsplus.com/tutorials/create-a-broken-grid-layout-using-css-grid--cms-30870
 </WRAP>
+===== Start und Upload =====
 <WRAP todo>
@@ Line 22: / Line 31: @@
   * Testen Sie in dem Sie in Ihr Verzeichnis navigieren: https://ofi.tech-lab.ch/2023/2hW/
 </WRAP>
+===== Erstes Layout der Elemente =====
 <WRAP todo>
@@ Line 30: / Line 41: @@
   * Testen.
 </WRAP>
+===== Tipps zum Testen und Fehlersuche =====
 <WRAP info>