name der homepage

Layout.

Dieses Design heisst "Keyboard". Die Boxen 1 und 2 könnten Sie für kleineren Inhalt wie Bilder, Text, Links o.ä. nutzen, sie verlängern sich nach unten automatisch. Interessant bezüglich der Gesamtwirkung aufs Layout ist, dass Sie unter anderem die Hintergrundfarbe der Boxen anpassen können. Ich habe hier minimal unterschiedliche Dunkel-Rot-Töne gewählt. Probieren Sie doch einmal andere Grau-Schwarz- oder Rot-Töne oder gestalten Sie die rechte Spalte komplett in einer Farbe. Wenn nicht benötigt, so lassen sich diese Boxen auch leicht entfernen. Dazu brauchen Sie einfach nur die "div-Bereiche" im Quelltext zu löschen. Fortgeschrittene könnten auch weitere Boxen hinzufügen, also darunter kopieren.

Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget magna. Donec hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sit amet est. Pellentesque tincidunt imperdiet risus. Nulla varius tincidunt felis. Cras in metus non odio elementum consequat. Ut quis tortor eget erat consequat porta. In mauris. Vestibulum eget ante. Curabitur hendrerit sagittis ante. In sem massa, iaculis quis, mollis vel, fermentum vel, nulla. Nam turpis orci, congue ultrices, vehicula sit amet, pretium sit amet, mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.

Vestibulum vestibulum ipsum vitae orci. Ut massa elit, interdum vel, aliquet non, iaculis eget, neque. Maecenas scelerisque leo non pede. Nulla ligula libero, egestas nec, scelerisque et, scelerisque vel, risus. Duis ut turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sodales, erat vitae laoreet hendrerit, arcu purus pretium pede, a semper nunc nunc vitae lectus. Donec dignissim felis dapibus ante.


Technik.

Seite ohne Frames.

Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagename als einfacher Text einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.


Navigation.

Textlinks.
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Beide Menüs sind leicht erweiterbar. Beim Menü oben passen sich die Buttons automatisch Ihrer Linklänge an. Menü rechts ist beliebig erweiterbar.

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link


www.ihre-webseiten-url.de