WebStyleBoard

Anfänger

Mittwoch, 27. August 2003, 18:31

shagazulu.de v3

So ich hab mich mal wieder nach langer Zeit hingesetzt und mir ein neues digitales heim designt.

is von den farben her mal was anderes und ich denke mal, dass es nich jedem zusagen wird aber schaut selber:

www.shagazulu.de

probleme gibts mit netscape wegen der schrift, also wenn jemand weiß wie man pixelfonts netscape tauglich macht (was wohl nich geht oder?) bitte sagen

und opera verkackt die ausrichtung

shice das ich nich der beste in css bin :>

achja: spotlight (atm eh schwer zu finden

) und filecenter sind noch nich fertig. filecenter eigentlich nur, weil ich keine dateien hochladen möchte, die nur 70 oder 80% fertig sind :>

und bitte achtet auch auf content hab mir mühe gegeben mit allem

ehrlich...

bye shaga

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Zum Seitenanfang

Alex

EM2004 - Tippgott

Beiträge: 1 535

Mittwoch, 27. August 2003, 18:50

1. Testsystem:
Windows XP
1280*960@24 Bit
Mozilla 1.3.1, nur HTML+CSS

Das Logo oben zeugt von guten Grafikfähigkeiten, der Text darunter ("preloading images & content ...") von Englischfähigkeiten.
Die dann entstehende Wartezeit von derzeit rund 165 Sekunden ohne jegliche Regung des Browsers hingegen zeugt von Stümperhaftigkeit.
Sorge dafür, dass ich zu Informationen über die Seite komme, denn nur dann kommt Google auch dort hin! Das bedeutet: Mach einen Link, der das Preloaden abbricht. Das geht mit

	Quellcode
1	<p><a href="url/zur/zielseite.htm">Preload überspringen</a></p>

Das wird von dem Autor des Preloaders sogar empfohlen

Zitat

// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading

Nun, nachdem ich einen Weg durch den Quellcode gefunden habe, will ich mein bestes geben, die Seite zu bewerten.
mich empfängt eine graue Masse, stellenweise etwas abgedunkelt, außer "shagazulu.de" ist kein Text erkennbar. Aufgrund deiner Vorankündigung stelle ich den Zoom auf 200%.

Nun ist der Text einigermaßen lesbar, leider muss man nun bei den Select-Buttons in beide Richtungen scrollen, und jegliches anderes Design (Boxen etc.) ist zerstört. Dafür hab ich viel leeren Rand, wo kein Text ist...

2. Testsystem:
Windows 98
1600*1200@24 Bit
IE 6, JS deaktiviert.

Der Preloader funzt nicht, ich bin erprobt und gehe gleich auf home.php.
Nun empfängt mich ein ähnliches Gepixel wie eben. Das kleine Problem beim IE: Ich kann die Schriftgröße nicht umstellen. Das schützt das Design, aber ich kann nix lesen...
Dann klick ich lieber schnellstmöglich auf das wohlbekannte graue Kreuz rechts oben in der Ecke...
byebye & out

Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Zum Seitenanfang

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

Mittwoch, 27. August 2003, 18:52

RE: shagazulu.de v3

Zitat

Original von Shagazulu
www.shagazulu.de

Schaun mer mal:
[z]preloading images & content ...[/z]
Und dann? Wo muss ich klicken? Da passiert nichts mehr.

Gruß
Mirko

PS: ich wollte in den Quelltext sehen um den weiteren Weg auch ohne JavaScript zu finden. Der von http://www.shagazulu.de/ (das Frameset, nicht die Seiten darin) ist jedenfalls einen Blick wert: da ist ASCII-Art in den HTML-Kommentaren! Endlich denkt auch mal jemand an mich!

PPS: Tipp für Leute ohne aktiviertes Scripting: der Link zur Seite ohne den Preloader, der keinen vorbeilässt ist http://v029350.titan.kasserver.com/v3/home.php

PPPS: ich schreibe auch noch mehr dazu, aber ich muss jetzt weg. Schönen Tag!

Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Zum Seitenanfang

Anfänger

Mittwoch, 27. August 2003, 18:59

komischweise ist die seite mit ie mittlerweile fast 1000 fach getestet und in der hinsicht kam noch keine beschwerde. und ein abbrechen des preloaders ist vorhanden

sogar ohne pixelfont. recht komisch, dass du das nich gesehen hast

und nein ich meckere ja nich, da ich mir sowas so eine kritik ja erwartet habe, da ich halt in letzter zeit nurnoch mit photoshop arbeite und zu wenig progge (d.h. nich php aber halt alles was man für ne ordentliche seite braucht wie js, css etc.) und somit nich grade userfreundliche seiten erstelle

nur eine bitte habe ich: wenn mir jemand netterweise schon die odyssee seines lebens als antwort schreibt, dann bitte, bitte mit verbesserungsvorschlägen, die ich nich schon umgesetzt habe

also siehe preloading

denn nur so kann ich die seite so verbessern, dass auch ihr ohne komplikationen bei mir rumsurfen könnt

edit: das mit preload abbrechen liegt wohl wieder daran, dass javascript im spiel is oder? :>

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Shagazulu« (27. August 2003, 19:00)

Zum Seitenanfang

t-ob-i

Profi

Beiträge: 1 221

Mittwoch, 27. August 2003, 20:12

Moin,

sorry aber ich kann da nix lesen und somit ist die Seite für mich total unbenutzbar...

Schau dir mal meinen Screenie an..

Tobias

Signatur von »t-ob-i« {SIGNATUR}

Zum Seitenanfang

Profi

Mittwoch, 27. August 2003, 20:53

Also auf meinem Notebook gibt's nur eine Möglichkeit, deine Webseite zu betrachten: Screenshot machen und im Grafikprogramm vergrößern. :evil:

Auf meinem 19"-Monitor ist es nicht viel besser ... Mozilla-User können den Text überhaupt nicht lesen.

Seit langer Zeit das beste Beispiel für kaputtpessimiertes Design.

Signatur von »DukeXP« Schützenverein Einigkeit Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (27. August 2003, 21:01)

Zum Seitenanfang

lordoliver

Schüler

Beiträge: 75

Mittwoch, 27. August 2003, 21:11

yoo.. die schrift gehört auf jeden fall größer...

und das hier vielleicht an die richtige stelle (opera)*g*

Signatur von »lordoliver« Webdesign, Webprogrammierung und Webhosting
ehog.de - Die Lösung aller Probleme

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »lordoliver« (27. August 2003, 21:12)

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

Mittwoch, 27. August 2003, 23:15

RE: shagazulu.de v3

Zitat

Original von Shagazuluprobleme gibts mit netscape wegen der schrift, also wenn jemand weiß wie man pixelfonts netscape tauglich macht (was wohl nich geht oder?) bitte sagen und opera verkackt die ausrichtung shice das ich nich der beste in css bin :>

hi,
also das mit der völlig unleserlichen schrift - auch im ie (ok, ich hab' mir auch keinen font von der seite laden lassen und schätze daß ich nicht alleine abneigung gegen sowas habe) kann ich nur bestätigen.
und warum die ausrichtung im opera und auch im mozilla nicht stimmt, wird wohl an fehlerhaftem css liegen. nur erwarte nicht, daß sich viele leute die mühe machen, den framequellcode über 3 ecken zu holen, wenn du das contextmenü sperrst!

ansonsten, von der optik der startseite:
zu langgezogen, etwas unausgewogen, der text klebt zusehr am linken rand.
außerdem fehlen scrollbalken für schmalere fenster.
gruß
Ingo

Zum Seitenanfang

Profi

Donnerstag, 28. August 2003, 00:58

RE: shagazulu.de v3

Hab' mir auf der Seite "Portfolio" mal ein paar weitere Werke von dir angeschaut. Leider musste ich feststellen, dass du auch dort oft diese mega-kleine und ziemlich schlecht lesbare Schrift verwendest. :evil:

Grafisch sind deine Seiten der Oberhammer (ich krieg' noch nichtmal eine ordentliche Header-Grafik für meine Seiten hin ...

) - Die erheblichen Mängel in der Benutzbarkeit, die einem Großteil der Besucher das Lesen der Texte unmöglich machen, sollten für dich aber Grund genug sein, die Gestaltung nochmal zu überdenken.

Signatur von »DukeXP« Schützenverein Einigkeit Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Zum Seitenanfang

Investorman

Erleuchteter

Beiträge: 3 610

Donnerstag, 28. August 2003, 09:53

Hi Shagazula,

alles Sichtbare ist eindeutig zu klein bemessen. Vor allem die Minischrift macht einen ja nahezu wahnsinnig. Die Inhalte der Punkte "Artist" und "Info" erinnern mich irgendwie an diese Freundschaftsbücher, die man in der Grundschule von seinen Mitschülern zum Hineinschreiben umwerfender Infos bekam ...

Was soll dieser graue Bereich an der linken Seite? Passt nicht in die Seitenoptik.

Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

Zum Seitenanfang

Anfänger

Donnerstag, 28. August 2003, 09:55

RE: shagazulu.de v3

Zitat

Original von Ingo
hi,
also das mit der völlig unleserlichen schrift - auch im ie (ok, ich hab' mir auch keinen font von der seite laden lassen und schätze daß ich nicht alleine abneigung gegen sowas habe) kann ich nur bestätigen.
und warum die ausrichtung im opera und auch im mozilla nicht stimmt, wird wohl an fehlerhaftem css liegen. nur erwarte nicht, daß sich viele leute die mühe machen, den framequellcode über 3 ecken zu holen, wenn du das contextmenü sperrst!

ansonsten, von der optik der startseite:
zu langgezogen, etwas unausgewogen, der text klebt zusehr am linken rand.
außerdem fehlen scrollbalken für schmalere fenster.
gruß
Ingo

hi also erstmal hast du das richtig erkannt: die font muss antürlich geladen werden, da ich nich davon ausgehe, dass du sie hast

das mit opera ist so eine sache: er erkennt bei mir die schrift genau wie im ie (is ja schonmal was) aber er schafft es nich alles richtig hinzustellen. der text ist normalerweise nämlich genau in der mitte beim ie(wenn die font geladen ist) und mir ist immer noch nich ganz klar wieso das mit der "zermatschten" schrift nich geht

naja hier die css datei damit nich alle meckern es wär so schwer die zu finden:
http://v029350.titan.kasserver.com/v3/style.css

hier nochmal die url damit ihr euch den quelltext ohne die schönen ascii-arts ansehen könnt

http://v029350.titan.kasserver.com/v3/home.php

btw: ich hab schon im preloader korrigiert, dass wenn kein js da is trotzdem der skip-button da is

und hier an alle, die nich glauben, dass es wirklich funktionieren kann hab ich mal das design gescreenshotet

und als anhang hochgeladen

so und schonmal danke und nat. auch danke für die viele harte aber hoffentlich ehrliche kritik :>

shaga

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Zum Seitenanfang

t-ob-i

Profi

Beiträge: 1 221

Donnerstag, 28. August 2003, 09:57

Zitat

und hier an alle, die nich glauben, dass es wirklich funktionieren kann hab ich mal das design gescreenshotet und als anhang hochgeladen

Das soll heißen das wir dich hier umsonst krikisieren und du nicht einmal drüber nachdenkst den Fehler zu korrigieren?

Tobias

Signatur von »t-ob-i« {SIGNATUR}

Zum Seitenanfang

Anfänger

Donnerstag, 28. August 2003, 10:09

nein- da ich ja eh schon sachen geändert habe- aber ich wollte dafür sorgen, dass wenn es hier nette leute gibt, die sich den quellcode ansehen sollten,diese mir sagen können, was ich machen muss, damit es mit anderen browsern wie bei mir aussieht. wenn sie nur die kaputten sachen sehen können sie ja nich wissen wo sie nach meinen fehlern suchen müssen :rolleyes:

//edit: sry für den satzbau aber ich bin noch müde und hab grad erstmal viel müll rausgestrichen

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Shagazulu« (28. August 2003, 10:11)

Zum Seitenanfang

t-ob-i

Profi

Beiträge: 1 221

Donnerstag, 28. August 2003, 10:16

Shagazulu: Lade dir doch mal Mozilla runter - dann sieht du die kaputten Sachen ebenfalls

Signatur von »t-ob-i« {SIGNATUR}

Zum Seitenanfang

Anfänger

Donnerstag, 28. August 2003, 10:21

mozilla und netscape unterscheiden sich nich so sehr oder? ich habs mit netscape und opera getestet, bevor ich bei euch gepostet habe- wollte wissen was auf mich zukommt

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Zum Seitenanfang

Ingo

Fortgeschrittener

Beiträge: 570

Donnerstag, 28. August 2003, 11:29

RE: shagazulu.de v3

Zitat

Original von Shagazuluhi also erstmal hast du das richtig erkannt: die font muss antürlich geladen werden, da ich nich davon ausgehe, dass du sie hast

das mit opera ist so eine sache: er erkennt bei mir die schrift genau wie im ie (is ja schonmal was) aber er schafft es nich alles richtig hinzustellen.

hi,
aber selbst wenn ich das Laden des Fonts zulassen würde, dürfte die Anzeige mit 6pt wohl trotzdem viel zu klein und unleserlich bleiben. Außerdem solltest Du Deine Seite so gestalten, daß Dein spezieller font ein Zusatz ist, sie aber auch ohne diesen noch nutzbar beibt, denn Du kannst nicht davon ausgehen, daß jeder Besucher gerne neue Fonts laden möchte.

Und gerade habe ich mir die Seite mal im Opera (Win, 7.11) angesehen. Hier wird der Font weder geladen noch kommt hierzu eine Abfrage. Das Design (speziell bei der shoutbox) ist hier genauso kaputt wie beim Mozilla. Dies spricht m.E. für einen Fehler in Deinem Code.

Apropos Code: da Du ja jetzt die URI hierfür angegeben hast, habe ich mal drübergesehen. Die Tabellen sind nur viel zu sehr verschachtelt, so daß man dort nur sehr mühsam auf Fehlersuche gehen kann. Aber mal ein Tip: setze doch mal einen passenden DOCTYPE und laß die Seite vom w3c prüpfen - entferne dann sämtlich Fehler und Du hast eine Chance, daß die Anzeige auch in Standardbrowsern klappt. Interessant wäre hierbei auch noch, wie der IE die Seite im Standardkonformen Modus anzeigt...

GRuß
Ingo

Zum Seitenanfang

Profi

Donnerstag, 28. August 2003, 12:06

RE: shagazulu.de v3

Zitat

Original von IngoUnd gerade habe ich mir die Seite mal im Opera (Win, 7.11) angesehen. Hier wird der Font weder geladen noch kommt hierzu eine Abfrage. Das Design (speziell bei der shoutbox) ist hier genauso kaputt wie beim Mozilla. Dies spricht m.E. für einen Fehler in Deinem Code.

Ich hab' mir die Seite im InternetExplorer, Mozilla Firebird, Netscape und Opera angeschaut und hab' bei keinem der Browser eine Aufforderung erhalten, einen Font zu installieren. Mag' sein, dass ich den komischen Font schon auf dem Rechner habe - aber lesen kann ich die Seiten nur mit Internet Explorer und auch dort nur mit Lupe.

Obwohl das jetzt sehr hart klingt: Fang nochmal von vorne an und informiere dich über das Konzept, das hinter HTML steckt. Deine Seiten sind grafisch schön anzusehen, aber noch nicht einmal für Normal-Sehende, die den Internet Explorer nutzen und einen Font installieren, zugänglich. Ein Großteil deiner Besucher dürfte bereits nach ein paar Sekunden oben rechts auf [X] klicken.

Signatur von »DukeXP« Schützenverein Einigkeit Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Zum Seitenanfang

Anfänger

Donnerstag, 28. August 2003, 12:34

selbst wenn das auch vielleicht hart klingen mag: ich hab mir konstruktive kritik und nich sachen wie "fang doch nochmal von vorne" von eurer community erwartet. es mag dir vielleicht nicht in den sinn kommen, aber die verschachtelung mach ich ja nich aus spass sondern um die grafische vorarbeit umsetzen zu können. ich hätte auch viel lieber mit zwei tables und mit ner mini css datei gearbeitet, aber damit eben ein so aufwendiges design umsetzbar is muss man schachteln. besonders wenn man mit templates und viel datenbank arbeitet. das mag vielleicht hier nich rüber kommen, da der komplette php code ja nich ausgegeben wird, aber 99% der seite sind php, sodass ich inhalte schneller austauschen kann. und das ist eben nicht zu ändern. da ich halt wie gesagt nich mit css richtig umgehen kann bräuchte ich eben in dieser hinsicht hilfe. deswegen wäre es eben nett, wenn man mir verrät, wie man als alternative font z.b. verdana verwenden kann, sodass für die leute, die eben keine lust auf ne font haben, die btw. nich installiert wird sondern ganz einfach nur geladen (wie z.b. ein image) wird, auch meine seite betreten können. solltet ihr außer der font und der falschen ausrichtung noch große fehler entdecken (ich spreche von sichtbaren) dann teilt sie mir mit- oder besser- gebt mir verbesserungsvorschläge und nicht nur hinweise "da klickt jeder gleich das x rechts oben" -.- danke,

shaga

Signatur von »Shagazulu« --->
<

~°shagazulu.de°~

Zum Seitenanfang

Profi

Donnerstag, 28. August 2003, 12:51

OK, für mich ist dieser Thread beendet.

Signatur von »DukeXP« Schützenverein Einigkeit Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Zum Seitenanfang

Anfänger