Name der Homepage

Layout.

Dieses Design heisst: " Lilie ".

Natürliche, kräftige Farben : Ein sehr frisches Layout. Das Menü ist ein Pixel-Menü, d.h. Sie bestimmen die Breite der Buttons selbst . Alle Buttons sind gleich gross. Je weniger Pixel an Breite Sie also den Buttons geben, desto mehr Buttons sind möglich. Es gibt auch bereits eine zweite Version anbei mit 8 Buttons. Lesen Sie dazu weiter unten mehr unter "Navigation". Donec lobortis, justo ut congue tempus, dui justo mattis nisl, et venenatis ligula urna at nisi. Praesent eget risus semper enim laoreet ultricies. Vivamus risus metus, lacinia et, semper ac, porta ac, lectus. Pellentesque placerat. Sed nec lorem vel neque bibendum accumsan. Fusce condimentum placerat orci. Fusce dictum. Nam sed pede at nisi varius pretium. Integer pharetra ultrices quam. Praesent gravida nulla at ipsum. Integer vel nisl eget nisi elementum feugiat. Curabitur justo massa, blandit quis, aliquet sit amet, fermentum sed, nibh. Sed faucibus. Nam ornare feugiat sapien. Nulla facilisi. Quisque commodo facilisis nibh. Fusce at sapien congue massa bibendum vehicula. Sed a leo ut nulla cursus scelerisque.
Praesent. Gravida. Nulla
Quisque commodo facilisis!
Curabitur dictum neque eget nam ?
Fusce vitae enim tempor magna luctus rhoncus. Nam neque leo, semper vitae, rhoncus non, aliquam vel, turpis. Curabitur dictum neque eget ipsum. Nulla ante. Morbi ut felis. Phasellus pellentesque egestas lorem. Vestibulum eget augue. Aenean ornare lectus at est. Suspendisse nunc. Maecenas tempor feugiat tellus. Cras nec nunc non justo eleifend euismod. Suspendisse adipiscing leo. Proin luctus ligula ut purus. Nam vitae nisl eget elit hendrerit ornare. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam in turpis eget turpis pharetra iaculis.



Technik.

Anmerkungen zum Thema "Zitate":
Oberhalb sehen Sie das Beispiel-Zitat "Praesent. Gravida. Null." usw. im Text auftauchend an beliebiger Stelle. Sofort erkennt man es als willkommene Auflockerung des Textes und Möglichkeit mit dieser Zitat-Überschrift die Aussage des kompletten Artikels bzw. des jeweiligen Absatzes zu erfassen.

Statt des normalen eher kleinen Anführungszeichen (") als Text wurde hier mit einem grafischem Zeichen gearbeitet. Das schaut layout-technisch schick aus und erinnert an Techiken wie sie uns täglich in den Print-Medien (Tageszeitung, Zeitschriften) entgegen treten.

Eine weiteres Beispiel für ein eingerücktes Zitat sehen Sie nachstehend:


Zitate bzw. Ihre Werbe-Sprüche eignen sich im allgemeinen also genauso gut zur Textauflockerung wie Grafiken. Hierzu zählt beim Text insbesondere eine Einrückung und eine andere Schriftformatierung. Wie Sie sehen, wurde auch dieser Text andersfarbig gestaltet und eingerückt !


Seite ohne Frames. Die Fusszeile unten sowie oben der Homepagename sind 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.

Donec lobortis, justo ut congue tempus, dui justo mattis nisl, et venenatis ligula urna at nisi. Praesent eget risus semper enim laoreet ultricies. Vivamus risus metus, lacinia et, semper ac, porta ac, lectus. Pellentesque placerat. Sed nec lorem vel neque bibendum accumsan. Fusce condimentum placerat orci. Fusce dictum. Nam sed pede at nisi varius pretium. Integer pharetra ultrices quam. Praesent gravida nulla at ipsum. Integer vel nisl eget nisi elementum feugiat. Curabitur justo massa, blandit quis, aliquet sit amet, fermentum sed, nibh. Sed faucibus. Nam ornare feugiat sapien. Nulla facilisi. Quisque commodo facilisis nibh. Fusce at sapien congue massa bibendum vehicula. Sed a leo ut nulla cursus scelerisque.



Navigation.

Text-Links. Menü oben: Um einige Links erweiterbar. Das Menü ist ein Pixel-Menü, d.h. Sie bestimmen selbst die Breite der Buttons. Für alle Buttons wird also ein bestimmter Pixelwert festgelegt. Alle Buttons sind gleich gross. Je weniger Pixel an Breite Sie also den Buttons geben, desto mehr Buttons sind möglich. Beim Menü oben mit 5 Buttons hat jeder Button 120 Pixel in der Breite. Wir haben bereits ein Beispiel für Sie anbei mit 8 Buttons in der Datei "index2.html". Dort hat jeder Button eine Breite von 94 Pixel.

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



Dead Text.

Noch 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.

Duis rutrum mauris et risus viverra pharetra. Proin eu orci. Etiam et metus. In nec lectus. Ut faucibus magna a mauris sagittis laoreet. Maecenas dolor odio, hendrerit at, vestibulum vel, iaculis egestas, felis. Fusce fermentum, elit quis gravida mattis, massa neque mattis purus, sit amet interdum lorem nibh ut lorem. Aliquam leo nulla, gravida sed, tincidunt non, malesuada sed, lacus. Phasellus arcu sem, ultrices et, aliquet ac, malesuada aliquam, mauris. Praesent posuere diam eu diam. Proin aliquam suscipit enim. Curabitur ullamcorper nunc dictum dolor. Mauris dictum semper ipsum. Morbi ut sapien.
Mike Muster GmbH & Co.KG
Spezialstrasse Nr. 55
55234 Sampletown

Fax: 049 52 78 94 356