Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:blc:informatik:glf22:web-tech:layout [2023/05/09 07:48] 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 ====== | ====== Page Layout ====== | ||
+ | ===== Entwurf im Raster ===== | ||
+ | |||
<WRAP todo> | <WRAP todo> | ||
Erstellen Sie auf Papier (oder dem Tablet) eine Skizze Ihrer Webseite, mit mindestens folgenden Elementen: | Erstellen Sie auf Papier (oder dem Tablet) eine Skizze Ihrer Webseite, mit mindestens folgenden Elementen: | ||
Line 8: | Line 10: | ||
Die Elemente sollen in einem einfachen 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://fginfo.ksbg.ch/dokuwiki/doku.php? | + | 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/ |
Ein extremes Beispiel dafür wird hier vorgestellt: | Ein extremes Beispiel dafür wird hier vorgestellt: | ||
</ | </ | ||
+ | |||
+ | ===== Start und Upload ===== | ||
+ | |||
<WRAP todo> | <WRAP todo> | ||
Line 26: | Line 31: | ||
* Testen Sie in dem Sie in Ihr Verzeichnis navigieren: https:// | * Testen Sie in dem Sie in Ihr Verzeichnis navigieren: https:// | ||
</ | </ | ||
+ | |||
+ | ===== Erstes Layout der Elemente ===== | ||
<WRAP todo> | <WRAP todo> | ||
Line 34: | Line 41: | ||
* Testen. | * Testen. | ||
</ | </ | ||
+ | ===== Tipps zum Testen und Fehlersuche ===== | ||
<WRAP info> | <WRAP info> |