Design: "Pinky"

Pink - warum nicht? Zwar ein etwas jugendlicher Stil und doch ist diese Homepagevorlage ganz passabel. Das hier verwendete Hintergrundbild ist sowohl horizontal als auch vertikal ausgerichtet und bleibt beim Scrollen stehen. Probieren Sie es doch gleich einmal aus, indem Sie nach unten scrollen.

Konstruktion: Frameset

Diese Designvorlage besteht aus drei Frames:

1 Frame oben = Navigationsframe (navi.htm) incl. Homepagename
1 Frame mittig = Haupt- bzw. Inhaltsframe (inhalt.htm)
1 Frame unten = Fußframe (fuss.htm)

Um weitere Html-Dokumente zu erhalten, ist die 'inhalt.htm' so oft zu kopieren, wie Seiten benötigt werden. Die zuvor kopierten Dokumente sind beim Abspeichern noch dementsprechend umzubenennen. Formatierungen können, wenn gewünscht, über die extern ausgelagerten CSS-Dateien ('navi.css', 'style.css' und 'fuss.css') vorgenommen werden.

Navigation und allgemeine Textlinks

Die Grafik der Navigationsleiste ist in drei Grafiken gescliced (geschnitten, zerlegt), die in der Tabelle wieder zu einer Einheit zusammengesetzt wird. Grund des Slices: Wenn die Grafik aus einem Stück bestünde, könnte die Anzahl der Links nicht variiert werden. Eine Beschriftung der Link-Buttons ist nicht notwendig, da die Verweise über den Html-Text in der 'navi.htm' angepasst werden können. Um auch der Monitorauflösung von 800 x 600px gerecht zu werden, sollte die Navigationsleiste besser nicht erweitert werden. Bei Bedarf kann auch der Frame der Fußzeile für ein weiteres Navigationsmenü verwendet werden. Ersatzweise ist dann der Text der Fußzeile z. B. ans Ende des Inhaltsframes zu setzen.

Hier noch ein allgemeiner Beispiel-Link im Text ohne Ziel.

Die Fußzeile

Selbstverständlich ist diese in der 'fuss.htm' anzupassen. Die Fußzeile sowie auch die Navigation sind stets sichtbar, um zugleich einen der Vorteile von Frames zu nennen.

...

Bitte beachten Sie

Die Nutzung dieser Homepagevorlage ist nur für private Inhalte kostenlos, sofern der Backlink, der auf unsere Seite (http://www.homepage-vorlagen-webdesign.de/homepagevorlagen/) verweist, nicht entfernt wird. Der Backlink darf nur gegen Bezahlung entfernt werden! Für eine Nutzung gewerblicher, sowie kommerzieller Seiten, ist diese Homepagevorlage ebenfalls zu erwerben. Auf nachfolgenden Links gelangen Sie zu den Nutzungsbedingungen, bzw. zum Bestellformular von homepage-vorlagen-webdesign.de!

...

Blindtext

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.