Erstellen Sie auf Papier (oder dem Tablet) eine Skizze Ihrer Webseite, mit mindestens folgenden Elementen:
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 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
~/.ssh/config
wird vorausgesetzt. Andernfalls, holen Sie das nach/.scp * ofi:.
index.html
, die auch zu Ihrer geplanten Webseite passen. Achtung: Die Anordnung und Platzierung der Elemente wird erst später festgelegt und wird jetzt noch nicht ihrem Entwurf entsprechen.stil.css
und verlinken Sie diese in Ihrer html-Datei (siehe hier).Tipps zum Testen und Fehlersuche:
background-color: pink;
hinzu, damit sieht man sofort, ob die Formatierungen auch übernommen wurden und welche Elemente davon betroffen sind.