HP-Vorlage ohne Frames 05 (für textbasierte Seiten)
Webseite mit festen Abmessungen und zentrierter Darstellung. Bis auf die Links in der Fußzeile der Seite, kann man hier nur von Seite zu Seite blättern.
Gedacht für Texte, die man eh nur in richtiger Abfolge lesen kann.
Eignet sich aber auch für einen Bericht oder eine Foto-Reportage.
Augenfreundliches Design, für das Lesen von längeren Textpassagen.
Die Schriftgröße kann in der externen CSS-Datei dateiübergreifend eingestellt werden.
Eigenschaften
Breite 750 Pixel
Höhe Titel 65 Pixel
Höhe Inhalt 550 Pixel
Höhe Fußzeile 25 Pixel
externe CSS-Datei
externe JS-Datei
vertikal: zentriert
horizontal: zentriert
|
|
Layout
Webseite ohne übliche Menüleiste! Bis auf die 'Home'. Impressum' und Kontakt-Links' in der Fußzeile der Seite, kann man hier nur von Seite zu Seite vor- und zurückblättern. Durch Einfügen einer kleinen Menüleiste im Kopfbereich könnten sie das ändern.
Darstellung innerhalb einer Tabelle mit festen Abmessungen. Dadurch ist gewährleistet, dass das Layout in allen Bildschirmauflösungen gleich aussieht. Die in Breite und Höhe festgelegte Tabelle wird zentriert angezeigt. Gestaltungsmöglichkeiten durch farbiche Anpassung sind durch wenige Änderungen möglich. Allerdngs müssten sie dann eigene Buttons entwerfen oder Textlinks einsetzen.
Webseiten-Vorlage
Die Vorlage dient der Demo eines augenfreundlichen Designs und der ansonsten wenig üblichen 'Blättern-Technik'. In meiner Web-Toolbox finden sie, falls sie dieses Beispiel für sehr viele Seiten einsetzen möchten ein JavaScript, dass die 'Blättern-Funktion' ein wenig vereinfacht. Für nur wenige Seiten können sie die Verweise leicht von Hand eintragen.
JavaScript Blättern-Funktion für durchnummerierte HTML-Seiten
Kopieren sie bei der Erstellung eigener Seiten ihre Texte in die Musterdatei, die sie unter jeweils anderen Dateinamen abspeichern. Wenn sie dabei die Seiten mit 'seite01.htm', seite02.htm' usw. bezeichnen, müssen sie lediglich die Endnummern in den Verweisen ändern. Für die letzte Seite nehmen sie meine Vorlage 'letzte.htm', da dort ja der Link zur nächsten Datei nicht angezeigt werden soll.
Die Vorlage dürfen sie frei verwenden. Die Grafiken habe ich selbst erstellt. Natürlich können sie alles nach eigenen Vorstellungen anpassen.
Beispiele für Linkpfeile finden sie in meiner "Image-Box".
MINI-Image-Box - Grafiken zum Download (Menü Pfeile)
|