HomeVorlagenHP-HilfenKontakt HilfeTechnik
(c) Nutzung Impressum BestellungWiderrufPreiseDatenschutz



Technik

Ladezeit, Menues, Auflösung usw.

Frames- oder nicht Frames-Seiten

Diese Frage ist so alt wie das Webdesign. Was sind die Vorteile und was Nachteile? Unsere Vorlagen sind ohne und mit Frames gestaltet, auch bezeichnet als Tabellen-Konstruktionen (ohne Frames) und Frameset-Konstruktionen bzw. Inline-Frames. Wählen Sie also selber.

Frames - die Vorteile:
Frame-Konstruktionen haben Vorteile in der Verwaltung der Dateien, d.h.die Navigation ist nur einmalig zu bearbeiten. Ausserdem bleiben wichtige Teile der Homepage konstant sichtbar, wie das Menü oder das Logo.

Frames - die Nachteile:
Eine Monitor-Auflösung kann jeder Besucher auf seinem Monitor selber einstellen. Also auch wenn es nur noch "Riesen-Monitore" zu kaufen gibt, so stellt der Anwender die Monitoransichtsgrösse selber ein. Sehrwohl werden kleinere Auflösungen gewählt, z.b. bei Alter, Augenabhängigkeit, Gewohnheit und pers. Bedürfnisse. Man muss also nachwievor mit einer Auflösung von 800x600 planen, wie es im Webdesign auch üblich ist. Bei längeren Menüs jedoch, welche über die Bildschirmgrenze bzw. die Framegrenze hinausgehen (denken Sie daran, dass Sie bei einer Monitoreinstellung von 800x600 Bildschirmauflösung sehr viel weniger Platz haben als z.b. bei Ihrer jetzigen Monitoreinstellung von 1024x768 oder höher) , gibt es dann jedoch eine zusätzliche unschöne Scroll-Leiste neben dem Menü, welche es aus optischen Gründen zu vermeiden gilt. Oder einfacher gesagt: Mehr als ca. 7-9 Links (ausgehend von einer normalen Konstruktion mit Logo/Banner oben) bei einem vertikalem Menü ( von oben nach unten) sind nicht machbar, sofern Sie auch der Auflösung von 800x600 gerecht werden wollen ohne hässliche Scroll-Leiste beim Menü zu erhalten (nämlich dann, wenn Ihr Menü länger ist, als die Bildschirmauflösung die der Besucher auf seinem Monitor eingestellt hat). Lesen Sie mehr zum Thema Auflösung weiter unten.

Frames haben gegenüber Nicht-Frames-Seiten Nachteile in den Suchmaschinen.

Seiten ohne Frames - die Vorteile

Bei Seiten ohne Frames ist das Menü nach unten unbegrenzt.
Ausserdem gibt es Vorteile bei den Suchmaschinen (Schauen Sie sich mal die meisten professionellen Seiten an), die verwenden in der Regel keine Frames.
Denn für die professionellen Anwender ist entscheidend, dass sie gefunden werden, nur das zählt - denn ansonsten heisst es: In Schönheit und Effektivität sterben, ohne was erreicht zu haben. Sicherlich werden auch Frame-Seiten bei den Suchmaschinen gut gelistet, bei den Seiten ohne Frames ist jedoch die Chance weitaus grösser, dass man über mehrere Einzelseiten mit unterschiedlichem Inhalt gefunden wird.

Seiten ohne Frames - die Nachteile

Ein Menü muss in mehreren HTML-Seiten bearbeitet werdern.
Jedoch:
Es gibt mittlerweile auch HTML-Editoren mit "Dateiübergreifendem Ersetzen" (z.b. der kostenlose HTML-Editor PHASE 5 - einfach dort die Hilfe-Datei ansehen),d.h. eine Änderung (z.b im Menü) wird auf beliebig viele andere Html-Dateien übertragen. Ein weiterer Grund sich von Frames zu lösen.

Auflösung

Eine Webseite sollte immer für verschiedene Monitorauflösungen (800x600 und 1024x768) konzipiert sein, da man nicht wissen kann, mit welchem Monitor ein Anwender die Seite ansurft bzw. welche Auflösung der Anwender auf seinem Bildschirm eingerichtet hat.
(Eine Monitor-Auflösung kann jeder Besucher auf seinem Monitor selber einstellen. Also auch wenn es nur noch "Riesen-Monitore" zu kaufen gibt, so stellt der Anwender die Monitoransichtsgrösse selber ein. Sehrwohl werden kleinere Auflösungen gewählt, z.b. bei Alter, Augenabhängigkeit, Gewohnheit und pers. Bedürfnisse).


Urteilen Sie niemals über eine Webseite, wenn Sie diese nur bei einer Bildschirmgrösse ansehen (das gilt nicht nur für meine Vorlagen sondern generell). Den wahren Wert einer guten Konstruktion erkennen Sie, wenn Sie eine Homepage bei verschiedenen Auflösungen testen.

Sicherlich muss man als Webdesigner immer einen kleinen Kompromiss beim Design eingehen, will man beiden Auflösungen gerecht werden. Aber eben diesen Kompromiss zu finden, macht gutes Webdesign aus. Wir haben unsere Designs verschiedenen Auflösungen angepasst.

Häufig findet man auf Webseiten einen Hinweis wie " Diese Seiten sind optimiert für eine Auflösung von 1024x768 und Internet Explorer." Das hat nichts mit Webdesign zu tun, sondern zeigt, dass der entsprechende Webmaster sich keine Gedanken gemacht hat bzw. es sich sehr einfach gemacht hat.

Die Auflösung des Monitors (grösser oder kleiner) lässt sich zum Testen wie folgt umstellen: Unter Windows: Einstellungen/Systemsteuerung/Anzeige/Eigenschaften von Anzeige/Einstellungen o.ä. je nach Windows-Version. So leicht stellt jeder Besucher seine Monitorauflösung also selber um. Gehen Sie also niemals nur von Ihrer Monitoreinstellung aus (z.b einer grossen von 1024x768 oder höher)

Ss sollte für den Anwender nur eine einzige Scroll-Leiste zu sehen sein, nämlich die vertikale (von oben nach unten) Leiste neben dem Inhalt. Auf keinen Fall weitere Leisten wie - eine untere horizontale Leiste (von links nach rechts) - und auch keine weiteren vertikalen Scroll-Leisten, wie man es manchesmal bei Frame-seiten und auch Inline-Frame-Seiten sieht.

Wann bekomme ich überhaupt eine zusätzliche nicht gewünschte Scroll-Leiste?

Immer dann, wenn Sie Ihre Homepage nur bei Ihrer womöglich sehr hohen Monitor-Ansicht von 1024x768, 1280 x 720 oder höher bearbeiten und denken "So wie ich es jetzt zu Hause auf meinem Schirm sehe, so sehen es doch alle!"

Ein Besucher aber, welcher Ihre Homepage mit einer Auflösung von 800x600 ansurft, sieht dann aber zusätzliche Scroll-Leisten, die Sie nicht sehen. Und noch wichtiger: Auch Grafiken oder Teile vom Menü, die Sie vollständig sehen, sind für den Besucher dann nicht einsehbar.

Ladezeit

Nicht jeder hat einen DSL-Anschluss. Testen Sie unsere Seiten mal bei einem normalem Anschluss, der serviel langsamer ist - und sie werden sehen, wie schnell unsere Homepagevorlagen trotzdem geladen werden - denn:

Der Ladezeit kommt zu Gute, dass grössere Grafiken zerschnitten sind. Alle Grafiken der Webseiten sind optimiert (möglichst bester Kompromiss zwischen Qualität und Grösse der Bilder in kb), um eine schnelle Ladezeit zu gewährleisten.

Optimiert heisst in diesem Fall:
    Auswählen für jede einzelne Grafik zwischen den Formaten Gif (eher bei Motiven mit wenig Farben, z.b. Comics, einfache Buttons, Text als Grafik) und Jpg (eher bei Motiven mit vielen Farben, wie Fotos, Motive mit Schatten, Farbverläufe, 3D-Buttons). Hat man sich dann für ein Format entschieden, gilt es, die optimale Komprimierungsstufe zu finden.
    Bei Gif-Grafiken einen annehmbaren Wert zwischen 1 und 256 Farben zu finden und abzuspeichern.
    Bei Jpg-Grafiken einen annehmbaren Wert zwischen einer Kompressionstufe von 1 bis 100% zu finden und abzuspeichern. (Ein guter Durschnittswert ist ca. 85 %)

Text-Links und Grafik-Links

Text-Links haben eine schnelle Ladezeit und die Menüs sind schnell zu erweitern oder zu verringern. Sie können jedoch nur die Schriftart auswählen, die die Mehrzahl der Anwender auf Ihren Rechnern haben. Dies sind in der Regel Schriften wie "Times New Roman, Verdana, oder Arial".

Grafik-Links haben eine längerne Ladezeit. Sie können jedoch eine beliebige und auch individuelle Schriftart aus Ihrem Grafik-Programm zum Beschriften der Buttons wählen.

Bitte finden Sie weitere Tipps unter Hilfe.