Name der Homepage

Layout.

Dieses Design heisst "Mallorca". Dort soll es ja auch schöne Landschaften geben..

Nun ja, den Transparenz-Effekt werden Sie selbst erkennen, auch das sich die Hauptgrafk sanft ausblendet. Hinweisen möchten wir Sie auf folgendes: Die ausgeblendete Grafik setzt sich unten im Fusszeilen-Bereich fort. Dort wird diese sanft wieder eingeblendet. Wenn Sie das Beispiel-Foto ansehen, welches sich im Inhaltsbereich befindet (dort in den Fliesstext eingebaut), erkennen Sie anhand dieses Fotos die Konstruktion, welche diesem Design zugrunde lag - und somit können Sie auch erahnen, wie die Anschlüsse zwischen -Kopf, -Mittel - und Fussbereich erfolgten.

Die Buttons verbreitern oder verkürzen sich automatisch bei längeren/kürzeren Linkwörtern.


Technik.

Noch einmal eine Anmerkung zum obigen Text. Dort erwähnte ich : Kopfbereich, Mittel-Teil und Fussbereich. Das sei nachfolgend erläutert, denn diese Begriffe kennt vielleicht nicht jeder in Bezug auf Webseiten .

Eine Webseite kann man optisch in diese 3 Bereich einteilen, sehr oft wird sich auch gleichermassen bei der Technik danach gerichtet. Der Kopfbereich steht für die Einleitung (Homepagename, Logo, Banner, Menü oben), der Mittel-Teil steht für den Inhaltsfliesstext und ein Menü dort links oder rechts stehend und abschliesend bildet der Fusszeilenbereich den Ausklang der Webseite (Adresse, Copyright, spez. Anmerkungen, evt. Menü unten).

In diese Vorlage können Sie auch im oberen Bereich eine Logo-Grafik oder einen Banner einbauen. Wir haben das für Sie bereits angelegt , es sind Zusatzversionen anbei, wie folgt: Seite ohne Frames. Die Fusszeile unten sowie oben der Homepagename sind als einfacher Text einzutragen.
logo
Wenn Sie ein Foto einfügen wollen, so wie hier im Beispiel, so können Sie den Abstand zum Text beliebig einstellen, hier beträgt dieser 30 Pixel. Auch die Position des Bildes können Sie frei wählen. Verschieben Sie einfach den entsprechenden "div-Bereich", in welchem das Bild liegt - an eine andere Textstelle.

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 Buttons oben passen sich automatisch Ihrer Linklänge an. Das Menü oben können Sie um einige Links erweitern.

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


Dead Text.

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; 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.
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown