Herzlich Willkommen

Das Layout

Die Idee:

Die Zahl "3". Geordnete Kreativität. Das Design ist hier also entsprechend und auch optisch nett in drei Bereiche aufgeteilt. Kopf (Foto, Menü), Mitte (Inhalt) und Fuss (Zweites Foto, Kontaktdaten). Drei Haupt-Bereiche also und es wirkt gleichzeitig kreativ sowie geordnet.

Wie kommt das? Das liegt an der Zahl "Drei", die erste Zahl nach der 1 und 2, die auch einen Abschluss in sich trägt (Anfang-Mitte-Ende) und einen Spannungsbogen enthält.

(Der Ältere kennnt vielleicht noch die TV-Sendung "Sport-Spiel-Spannung", der Jüngere aber bestimmt die Sendung "1, 2 oder 3"). Sprichwörter: "Aller guten Dinge sind drei", "Dreimal hoch". "Dreimal ist Bremer Recht" oder "Dreimal dürfen Sie raten". Denken Sie aber auch an These-Antithese-Synthese oder Prolog-Hauptteil-Epilog. Läßt man sich einmal auf das Thema ein, fallen einem viele andere Dinge dazu ein: Eingang-Raum-Ausgang, die Dreifaltigkeit Vater-Sohn-Heilige Geist, Morgen-Mittag-Abend oder Vater-Mutter-Kind, als Symbole auch Dreieck und Dreizack oder auch: Jeweils drei Sternzeichen gehören zu einem Element (z.b. die Sternzeichen Stier-Jungfrau-Steinbock = Element Erde).

Das Design

Das Menü ist transparent gestaltet (auch Ihr Foto würde sich hinter das durchsichtige Menü legen). Unten im Fussbereich sehen Sie dann eine andere Grafik als im Kopfbereich, das macht die ganze Geschichte doch noch spannender. Die Farbe Blau -sofern man Sie mit anderen hellen Farben kombiniert- (hier: weiss = Wolken, Möwen, Schaumkronen oder Lichtreflexe) steht immer für Frühling und Sommer, da Sie an Himmel und Meer erinnert. Wie dem auch sei, mir machen die blau-weiß-Farbtöne immer gleich gute Laune.


Die Transparenz

Das Transparenz-Menü im Kopfbereich sowie auch die Transparenz unten im Fussbereich wird durch die teil-transparente Grafik "schwarz_50.png" ermöglicht. Diese hatten wir im Grafik-Programm mit einem Prozentwert von 50% teil transparent gesetzt, somit hat diese jetzt noch 50% Deckkraft ausgehend von der Farbe Schwarz.

Übrigens: Auch die Schattenanteile, welche sich um jede der Boxen (Kopf, Mitte, Fuss) legen, sind transparent. Damit ist es Ihnen auch möglich, die Hintergrundgrafik, die hinter der ganzen Konstruktion liegt auch bei Bedarf zu tauschen, d.h. durch Ihre zu ersetzen. Probieren Sie doch mal, es geht natürlich auch mit einer einfachen Hintergrundfarbe.

Magna aliquam erat volutpat tempor Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Bonus Grafiken

Bezüglich der Transparenz-Grafiken haben wir einige Bonus-Grafiken für Sie anbei, damit Sie evt. varieren können. Diese haben 10%-Transparenz-Sprünge, wie Sie auch an den Datei-Namen erkennen könnnen. Einmal ist die Grundfarbe Weiss und einmal Schwarz, damit man diese ggflls. für möglichst viele farbig unterschiedliche Hintergrund-Bilder (hier bei uns: logo1.jpg und logo2.jpg) einsetzen kann. Es sind die Grafiken namens schwarz_30.png, schwarz_40.png, schwarz_60.png und schwarz_70.png sowie weiss_30.png, weiss_40.png, weiss_50.png, weiss_60.png und weiss70.png.


Die Info

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Nachfolgend noch ein Beispiel für eine Liste. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen. Hier sind es sogenannte numerierte Listen (ol = ordered list), d.h. die Ziffern werden bei jedem weiteren Listenpunkt automatisch vorangestellt.

Liste mit Standard-Aufzählungszeichen -Numerisch-, automatisch fortlaufend, verlinkt:
  1. Terra
  2. Viva
  3. Prudentia
  4. Libre

Liste mit Standard-Aufzählungszeichen -Römisch-, automatisch fortlaufend, nicht verlinkt:
  1. Sed
  2. Condimentum
  3. Bibendum
  4. Semper


Das Template trägt den luftig-leichten Namen "Im Juli". Unbeschwert, rein und frisch soll es sein. Im Fussbereich haben Sie Platz für Ihre Kontaktdaten. Viel Spaß mit diesem Design.
 
 
 
 
 
 
 
 
 
 
 
Tel : +49.108.1234577
Fax : +49.108.9876522 33
Mail : mike.muster@info.de
 
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown
-Kontakt-
2013  |  IM JULI  |   ihre-webseite-beispiel-hier.de