Name der Homepage

Layout

Dieses Design heisst: PUBLICITY DEPARTMENT.

Das Hauptmotiv oben zeigt ein sogenanntes Makro-Foto. Diese Technik der Fotografie macht Details für das menschliche Auge sichtbar, die man normalerweise nicht sieht. Fotografiert werden z.B. Insekten, Blumen oder Alltagsgegenstände. Beim Haupt-Motiv dieser Vorlage sieht man deutlich den sehr feinen Sprühstaub sowie die markanten Rillen der Finger.

Als Farben wählten wir für dieses Design sogenannte Industriefarben. Das sind Farben, die ausgewaschen wirken und Grau-Anteile haben. Das macht hier den ganz besonderen Reiz aus. Dieses Industrie-Design kennt man z.B. auch aus der Mode, nämlich dem modernen, individuellen "Jeans-Look", hier werden neben den ausgewaschenen Jeans dann auch gerne Zubehörteile wie T-Shirts in eben diesen blassen, ausgewaschenen, leicht gräulich angehauchten Farben präsentiert, gerne in Beige- oder Grün-Tönen, oftmals dann auch im Grenzbereich zum "Military-Look".



Technik

Die Breite der Gesamtkonstruktion beträgt 840 Pixel. Ausgehend von diesem Wert (840 Pixel = 100 %) bekommt die Spalte mit dem Foto 66 Prozent Breite und die Spalte daneben mit der Navigation 34 Prozent Breite. Die vorstehend genannten Werte sind auch veränderbar.

An sehr exklusiver Stelle haben wir hier Platz für Ihren Slogan oder Firmenspruch geschaffen: Genau mittig in den Sprühdunst gelegt, ist die Aufmerksamkeit garantiert.

Seite ohne Frames. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.



Bonus

Hier sehen Sie bereits die Bonus-Version 2, welche transparent ist: In dieser Bonusversion liegt im Hintergrund eine schräg-gestreifte Grafik, die gekachelt wird. Das besondere hier ist, das in den grossen Browsern der Hintergrund durch ausgewählte Teile der Seite transparent durchscheint.

Wie funktioniert diese Transparenz? Neben gif und jpg - Grafiken gibt es ja auch noch png-Grafiken. Das PNG-Format hat einen entscheidenden Vorteil: Man kann solch eine Grafik im Grafikprogramm mit mit einem beliebigen Tranzparenz-Prozentwert (von 1 - 99) abspeichern. In dieser Vorlage haben wir uns entschieden, 14 Prozent Transparenz auf die PNG-Grafiken zu legen. Für die Version 6 des Internet-Explorers musste zudem eine sogenannte Browserweiche sicherstellen, dass hier die Transparenz über den CSS-Befehl "Opacity" zustande kommt, denn der Internet-Explorer erkennt erst ab Version 7 transparente PNG-Grafiken.

Hier geht es zurück zur Version 1 (index.html / format.css). Die Version 1 ist ohne die oben erwähnten Transparenz-Anteile.



Navigation

Textlinks. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Beide Menüs oben sind um einige Links zu erweitern bzw. natürlich auch zu verkürzen.

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

Fusce bibendum pretium ante. Pellentesque sed enim nec odio laoreet congue. Nullam aliquam rhoncus libero. Morbi vitae sem. Sed quis lorem. Curabitur suscipit vehicula est. Donec venenatis.

Praesent nisl mi, condimentum sed, bibendum semper, fringilla a, felis. Phasellus tincidunt odio vel nulla. Morbi vitae urna quis nulla imperdiet rhoncus. Aliquam feugiat, nulla non semper mollis, sapien velit rutrum urna, eu vehicula erat risus et leo. Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.
Mike Muster GmbH & Co. KG  •  Spezialstrasse 55  •  55234 Sampletown