NameDerHomepage
Surfin´Fun
 
   

... Do you like sports at the beach? Yeah, especially in the summer! Well, then have fun and take a look at this design

Layout.

Dieses Design heisst "Surfin´Fun". Das Layout macht richtig Laune auf eine frische Brise und eine ordentliche Portion Sonne. Das Layout wirkt sowohl entspannend (grün als neutrale und blau als introvertierte Farbe, ) als auch dynamisch dank Sportler und Wellen.

Eine Harmonie entsteht zudem wie folgt: Das Gelb des Segels wiederholt sich zum Teil im Homepagenamen sowie in den Aufzählungspunkten des rechten Menüs als auch in der kleinen farblich angepassten Beispielgrafik unterhalb des rechten Menüs, welche übrigens anklickbar ist.

In den Fliestext ist ein Kommentar eingebaut (...Do you like sports..), dieser ist so angelegt, dass Ihr Text darum herumfliesst. Diese Kommentar-Box verlängert sich bei mehr Kommentar-Zeilen nach unten automatisch, Sie können aber auch die Breite verändern oder die ganze Box weiter nach unten bzw. an eine beliebige Stelle des Textes platzieren. Auch kann diese Kommentar-Box natürlich an rechter Seite stehen.


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.
Das Haupt-Menü oben ist angepasst an die Grafik mit der Breite von 700 Pixel. Für das Menü heisst das: 700 Pixel = 100 %.
Innerhalb dieser Breitenangabe haben wir das Menü für Sie flexibel angelegt. Im Moment sehen Sie also 7 Links mit der selben Breite je Link. Ein Link hat hier 14% (denn 7 x 14 = fast 100%).

Somit können Sie auch für 6 Buttons einen Prozentwert von 16% oder für 5 Buttons eine Prozentwert von 20% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).

Das 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


Sample - Klick to see big image
   MIKE MUSTER GMBH & Co. KG  
Maschweg 2
28201 Bremen