PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
WIP und Entwürfe zu Webseiten
[Divepage im Bau] Bitte harte und offene Kritik
Beitrag
<blockquote data-quote="Castordesigns" data-source="post: 1214677" data-attributes="member: 290174"><p><strong>AW: [Divepage im Bau] Bitte harte und offene Kritik</strong></p><p></p><p>Hi Brummbär!</p><p></p><p>Also Grundsätzlich möchte ich dich unbedingt ermutigen an der Seite weiterzuarbeiten. Der Inhalt dürfte einige interessieren (es ist nicht etwas was es schon 1000 mal gibt im Netz) und das design wirkt schon recht ordnetlich.</p><p>Flash ist übrigens nicht unbedingt "besser" als eine html Seite (mir scheint du denkst ein bisschen in die Richtung ;-))</p><p>Ich verlasse z.b. eine flashseite nach spätestens 10 Sekunden wieder wegen den Ladezeiten. Gerade eine Informationsseite mit Tipps sollte nicht flash sein, weil sich der Benutzer nicht primär den schönen Flasheffekten erfreuen möchte...</p><p></p><p>Nun zur Website an sich.</p><p>Vermehrt wurden Ladezeiten bemängelt: Halte ich zwar für etwas komisch da deine Grafiken nicht meeeega gross sind; Vielleicht ist der Server auf dem die Daten liegen total langsam?</p><p>Tatsache ist aber, dass du <strong>die Grösse der Bilddateien immer noch reduzieren kannst.</strong></p><p>Ich habe probehalber mal deinen Hintergrund ein bisschen runtergeschraubt:</p><p>Das ist dein Hintergrundbild:</p><p></p><p>und das ist meine komprimierte Version</p><p></p><p></p><p>Meine Datei ist mehr <strong>dreimal so klein </strong>wie das Original. Wie gross ist der Qualitätsunterschied?</p><p>Wenn du das also mit allen Grafiken machst, dann kannst du die Ladezeiten erheblich verkleinern. (edit: jetzt sind mir die langen ladezeiten auch aufgefallen^^)</p><p></p><p>Jetzt kommt der Quelltext:</p><p></p><ol> <li data-xf-list-type="ol">H1 Tag im Header ist irgendwie inexistent bzw. wird nicht dargestellt (hab jetzt nicht genauer geschaut warum)</li> <li data-xf-list-type="ol">[html]<ul class="top-links"> <li> <a> <img src="http://www.psd-tutorials.de/modules/Forum/images/icon-home.gif" alt="home"/> </a><br /> </li><br /> </ul><br /> [/html]Ist nicht wahnsinnig schön, eine Image replacement methode wäre da wohl angebrachter.</li> <li data-xf-list-type="ol">Warum machst du die image bilder so gross? Mach die bilder doch so klein wie die Icons, dann margin/padding und im li machst du als hintergrund die Abtrennung (gepunktete linie) inform von background-position: 50% right; (auch wieder DAten eingespart)</li> <li data-xf-list-type="ol">Deine Seite sieht wenn Bilder deaktiviert sind total deformiert aus... Eigentlich sollte eine Seite genua gleich aussehen nur halt ohne Bilder wenn diese Deaktiviert sind.</li> <li data-xf-list-type="ol">die Hauptnavihintergründe sind halbtransparente PNG's. Erster Nachteil ist, dass es Browser (namentlich IE) gibt, die mit durchsichtigen PNG's sehr schlecht umegehen können, dazu kommt, dass die wieder mehr Speicher benötigen. Warum nicht einfach Gif und halt 1 Farbe. Das merkt man ja kaum bei dem schwachen Verlauf.</li> <li data-xf-list-type="ol">Das Extra img ist irgendwie falsch: das sollte nicht einfach ein img element sein sondern direkt im BG eingebunden sein. warum sollte das ein "extra image" sein? Und wenn es doch ein Bild sein MUSS, dann ohne alt tags</li> <li data-xf-list-type="ol">Content Box: Mach .gifs und nicht PNG's!!! gerade bei den kleinen Eckgrafiken! (Datenmenge Reduzieren)</li> </ol><p>So wünsche dir dann viel Spass beim weitertüfteln!</p><p>Gruss Castor</p></blockquote><p></p>
[QUOTE="Castordesigns, post: 1214677, member: 290174"] [b]AW: [Divepage im Bau] Bitte harte und offene Kritik[/b] Hi Brummbär! Also Grundsätzlich möchte ich dich unbedingt ermutigen an der Seite weiterzuarbeiten. Der Inhalt dürfte einige interessieren (es ist nicht etwas was es schon 1000 mal gibt im Netz) und das design wirkt schon recht ordnetlich. Flash ist übrigens nicht unbedingt "besser" als eine html Seite (mir scheint du denkst ein bisschen in die Richtung ;-)) Ich verlasse z.b. eine flashseite nach spätestens 10 Sekunden wieder wegen den Ladezeiten. Gerade eine Informationsseite mit Tipps sollte nicht flash sein, weil sich der Benutzer nicht primär den schönen Flasheffekten erfreuen möchte... Nun zur Website an sich. Vermehrt wurden Ladezeiten bemängelt: Halte ich zwar für etwas komisch da deine Grafiken nicht meeeega gross sind; Vielleicht ist der Server auf dem die Daten liegen total langsam? Tatsache ist aber, dass du [B]die Grösse der Bilddateien immer noch reduzieren kannst.[/B] Ich habe probehalber mal deinen Hintergrund ein bisschen runtergeschraubt: Das ist dein Hintergrundbild: und das ist meine komprimierte Version Meine Datei ist mehr [B]dreimal so klein [/B]wie das Original. Wie gross ist der Qualitätsunterschied? Wenn du das also mit allen Grafiken machst, dann kannst du die Ladezeiten erheblich verkleinern. (edit: jetzt sind mir die langen ladezeiten auch aufgefallen^^) Jetzt kommt der Quelltext: [LIST=1] [*]H1 Tag im Header ist irgendwie inexistent bzw. wird nicht dargestellt (hab jetzt nicht genauer geschaut warum) [*][html]<ul class="top-links"> <li> <a> <img src="http://www.psd-tutorials.de/modules/Forum/images/icon-home.gif" alt="home"/> </a> </li> </ul> [/html]Ist nicht wahnsinnig schön, eine Image replacement methode wäre da wohl angebrachter. [*]Warum machst du die image bilder so gross? Mach die bilder doch so klein wie die Icons, dann margin/padding und im li machst du als hintergrund die Abtrennung (gepunktete linie) inform von background-position: 50% right; (auch wieder DAten eingespart) [*]Deine Seite sieht wenn Bilder deaktiviert sind total deformiert aus... Eigentlich sollte eine Seite genua gleich aussehen nur halt ohne Bilder wenn diese Deaktiviert sind. [*]die Hauptnavihintergründe sind halbtransparente PNG's. Erster Nachteil ist, dass es Browser (namentlich IE) gibt, die mit durchsichtigen PNG's sehr schlecht umegehen können, dazu kommt, dass die wieder mehr Speicher benötigen. Warum nicht einfach Gif und halt 1 Farbe. Das merkt man ja kaum bei dem schwachen Verlauf. [*]Das Extra img ist irgendwie falsch: das sollte nicht einfach ein img element sein sondern direkt im BG eingebunden sein. warum sollte das ein "extra image" sein? Und wenn es doch ein Bild sein MUSS, dann ohne alt tags [*]Content Box: Mach .gifs und nicht PNG's!!! gerade bei den kleinen Eckgrafiken! (Datenmenge Reduzieren) [/LIST] So wünsche dir dann viel Spass beim weitertüfteln! Gruss Castor [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
WIP und Entwürfe zu Webseiten
[Divepage im Bau] Bitte harte und offene Kritik
Oben