Sebastian: Schon wieder so eine Seite...

Hi Leute,

ich weiß, es nervt so langsam mit den Bewertungen von Seiten, aber werft doch bitte mal noch einen Blick auf diese Seite.

Danke

  1. Hi Leute,

    ich weiß, es nervt so langsam mit den Bewertungen von Seiten, aber werft doch bitte mal noch einen Blick auf diese Seite.

    Okay, ganz kurz:

    1. Wozu ist diese Umleitung am Anfang? Das verwundert.

    2. Sonst ganz nette Seite, auch wenn ich von Tanzschulen nichts halte, dem Klientel wirds denke ich gefallen.

    3. Der Typ auf der Startseite würde mich eher abschrecken, aber da kann man wohl nichts machen. ;)

    Cheers, Johann

  2. Hi,

    ich weiß, es nervt so langsam mit den Bewertungen von Seiten, aber werft doch bitte mal noch einen Blick auf diese Seite.

    Sieht IMHO auf den ersten Blick ganz gut aus.
    Nein wirklich, fuer ein Tanzschule find ich es sogar ganz gut.
    Schoen waere es nur, wenn rechts der Ticker auch stoppbar waere oder rigendwann aufhören wuerde.

    Ciao,
      Wolfgang

  3. Hallo Sebastian!

    Hhm, es ist schon spät und ich bin kein so geübter Tester. Aber ein paar Stichpunkte kann ich Dir ja mal nennen:

    • Die Schriftgröße ist leider fest formatiert. Das ist immer so ein ewig umstrittens Thema, ich weiß, ich weiß, aber ich persönlich stell das manchmal schon um.

    • Die Navigation zeigt nicht den aktuell ausgewählten Punkt an. Da kann man sich dann schon mal verlieren und weiß irgendwann nicht mehr so genau, wo man jetzt eigentlich gerade steckt. Die Überschriften scheinen zwar durchgängiges Design zu haben, aber mich irritiert immer ein wenig die Größenordnung der Überschriften.
      Beispiel: Klick auf "Tanzschule" in der Navigation. Danach steht zwar auch "Tanzschule" in der Seite, aber mit genau derselben Schrift wie dann auch "Wie sieht die Tanschule aus" dort steht, obwohl das ne andere logische (Unter-)Ebene ist.

    • Bei der Navigation würde ich auch ein klein wenig deutlicher herausstreichen (z.B. durch mehr Einrückung), welches die Ober- und welches die Unterpunkte sind. Der Unterschied fällt jetzt kaum auf.

    • Den Impressum-Link vielleicht auch in die Navi mitaufnehmen? Der soll ja bekanntlich "gut zu erreichen" sein.

    • Immer wenn ich auf "Startseite" gehe, kommt ne ActiveX-Warnmeldung (weil ich diesen (Sicherheits-)Schrott deaktiviert habe). Ist ActiveX nötig?

    • Den Quelltext hab ich mir gar nicht lange angeschaut: Aber jedenfalls sollte man versuchen, tags wie <center> rauszuwerfen und durch besseres HTML zu ersetzen. <center> gehört u.a. ja offiziell (W3C) zu den totgesagten tags.

    • Schön ist der Einsatz von Perl und CSS, ohne jetzt die Umsetzung geprüft zu haben. ;) Java(-Script) hab ich wiederrum ausgeschaltet. Aber das ist ja auch so ein leidiges Dauerthema.

    • Auch schön der Einsatz des alt-Attributs bei <img>. Aber dort würde ich auch durchgehend "&" mit dem entspr. Entitiy "&" formatieren. Kommt dann der angestrebten (?!?) *g* Standardkonformität näher.

    • Zumindest auf der Startseite würde ich vielleicht die zwei metatags description und keywords aufnehmen. Hilft ein klein bißchen bei Suchmaschinen, macht aber kaum Aufwand. :)

    • Bei den Links würde ich Verweise auf Seiten wie "http://www.adtv.de" immer durch einen Slash beenden, also dann "http://www.adtv.de/". So spart man sich unnötige Kommunikation mit dem Server, gehört allerdings mehr in die Katgorie "Schönheitsfehler".

    • Die @-Grafik in der Rubrik Kontakt ist meines Erachtens ein wenig zu groß. Ich habe zwar ne 1280er Auflösung und Deine Seite hat bei mir ohne Probleme Platz, aber das @ nimmt dort doch viel von dem wichtigesten Teil der Seite weg, nämlich dem oberen Drittel.

    • Ansonsten ist der erste Eindruck beim Erstaufruf der Seite eigentlich ein ganz angenehmer.

    Aber wie gesagt: Ich hab mich jetzt nicht in die Tiefen der Seite reingegraben. Die Punkte sind nur so ein erster, persönlicher Eindruck von mir.

    • Ich weiß jetzt nicht genau, ob das auch bei Tanzschulen und dergleichen zutrifft, aber es könnte sein, daß Du im Impressum eine USt-Nummer angeben muß. Dazu solltest Du aber genug hier im Forum oder auch im WWW finden.

    Mach's gut,
    Andreas

  4. hi

    ich weiß, es nervt so langsam mit den Bewertungen von Seiten, aber werft doch bitte mal noch einen Blick auf diese Seite.

    dann wollen wir mal..

    • sinnlose Weiterleitung. Warum wird das nicht serverseitig geregelt?
    • wasn das für 'ne Fratze da oben?
    • pixel gifs im code - sowas ist mega out
    • <center> sollte man ebenfalls meiden
    • der scroller sollte anhalten, wenn man mit der maus rübergeht

    ansonsten sieht der Code ok aus (vali bockt gerade). Lobenswert, dass es auch alt="" gibt.

    Grüße aus Bleckede

    Kai

    1. nochmal...

      auf Stonie's speziellen Wunsch erleutere ich das nochmal näher...

      Vorab: das ist eine der besten Seiten seit langem (!) - und eine der wenigen, die wirklich einen guten HTML-Code haben. Paar Details als wie schon gesagt noch zu verbessern...

      • sinnlose Weiterleitung. Warum wird das nicht serverseitig geregelt?

      diese Weiterleitung auf einen anderen Server - ginge es nicht auch, das du einfach beide Domainnamen an den "echten" Server vergibst? Dann entfällt diese Weiterleitungsseite, die ich offengesagt bescheuert finde.

      • wasn das für 'ne Fratze da oben?

      damit meine ich jetzt, dass das Gesicht von wem auch immer da oben durch die Navigation schielt - irgendwie finde ich sieht das doof aus...[taucht auch nicht immer auf, die anderen bilder passen weitaus besser]

      • pixel gifs im code - sowas ist mega out

      ...und verlängert das ganze unnütz. Warum nicht mit margin/padding arbeiten?

      • <center> sollte man ebenfalls meiden

      besser: ein <div align="center"> (die ganz korrekte version ist dem IE zuviel.

      • der scroller sollte anhalten, wenn man mit der maus rübergeht

      wohl selbsterklärend.

      ansonsten sieht der Code ok aus (vali bockt gerade).

      bockt immer noch.

      Grüße aus Bleckede

      Kai

  5. Hallo Sebastian!

    Kurz gesagt: Sehr schön! Hast du fein gemacht, weiter so.

    Ein paar Kleinigkeiten:

    Die Bilder auf http://www.harryhagen.de/content/bietigheim/tanzschule/ sind zu klein und zu dunkel. Man kann nur von den Sälen was erkennen - und selbst da isses arg wenig ansprechend. Das muss noch besser gehen, finde ich.

    Bei der Information über die Kinder- und Jugendlichenkurse (da geht's ja wohl hauptsächlich um Ballett) würde ich mir überlegen, ob das Bild besser getauscht werden sollte. Man springt bei dieser Art von Tanz selten in Turnschuhen gen Himmel, auch wenn das Bild als solches sehr fröhlich und schwungvoll wirkt. Aber da sollte es doch was passenderes geben.

    Bei den Veranstaltungen würde ich ein Wort über den Ablauf der jeweiligen Veranstaltung verlieren - ausserdem gibt's doch auch in dieser Tanzschule sicherlich Abschlussbälle, oder? Wo sind die Fotos davon? :o)

    Hier http://www.harryhagen.de/content/bietigheim/showsmore/ verwendest du ein Bild doppelt - habt ihr von dem Paar nicht mehr Fotos? Das Bild von dem Paar, das Tango Argentino tanzt, ist unscharf - ist das Absicht?

    Bei den Mitarbeiterfotos auf der eingangs erwähnten Seite muss auch noch ein bisschen "nachgearbeitet" werden. Ausserdem fehlt auf der Seite der "nach oben"-Link.

    Das hier [http://www.harryhagen.de/content/bietigheim/tanzschule/kontakt.shtml] kann im Zweifelsfall rechtlichen Ärger nach sich ziehen. Ihr seid ein Diensteanbieter und also solltet ihr zumindest dazusagen, warum ihr alle Angaben (vor allem den Namen) benötigt. Es lebe das TDG.

    Diese Seite http://www.harryhagen.de/content/bietigheim/tanzschule/anmelden.shtml ist ausgesprochen gut - die Informationen, die durchzulesen sind, vor das Anmeldeformular zu stellen, halte ich für sehr vernünftig. Ist auch übersichtlich geordnet. Wunderbar!

    Bei den http://www.harryhagen.de/content/bietigheim/tanzschule/agb.shtml würde ich die Formulierungen nochmal nachfeilen. Beispielsweise gibt es beim besten Willen keine Woche à 1 Stunde. Lest's euch nochmal genau durch, es sind ein, zwei "Formulierungshaken" drin.

    Hier nochmal der Warnhinweis für http://www.harryhagen.de/cgi-bin/guestbook.pl?action=add&tanzschule=bietigheim. Ihr solltet da eine andere Formulierung für "Ihr Name" finden, weil das schon unter den Begriff "persönliche Daten" fällt und somit Ärger geben kann. Ich glaub's zwar nicht - aber Webrobin ist überall, mal so gesehen.

    Das Gästebuch ist schön, passt super 'rein und funktioniert. Sehr gut!

    Den Link auf's Impressum würde ich in die Menüleiste links nehmen - warum sollte der so klein, mickerig und versteckt sei Dasein ganz unten fristen? Ausserdem könnte in die Seite ein nettes Bild, damit's lockerer aussieht.

    Wie gesagt - das, was ich anspreche, sind meiner Ansicht nach Kleinigkeiten, die die Seiten noch besser machen können. Insgesamt ist das Angebot sehr informativ und geht auch über das platte "Das sind unsere Kurse - das sind unsere Räume - das sind wir" von vielen anderen Tanzschulen weit hinaus. Gratuliere - das ist wirklich ordentliche Arbeit.

    Auf Validität habe ich die Seiten nicht geprüft.

    File Griese,

    Stonie

  6. ich weiß, es nervt so langsam mit den Bewertungen von Seiten, aber werft doch bitte mal noch einen Blick auf diese Seite.

    Solange die Seiten interessant und gut aufgebaut sind (wie Deine), nervt es IMHO eher weniger. Was wirklich nervt, sind die Seiten, die mit dem Kommentar "ist nicht fertig, Inhalt gibt's noch nicht, aber bewertet das mal" hier reingeworfen werden und sich dann als HTML-Gerippe herausstellen, in dem bereits 150 Code-Fehler stecken.

    Aber zu Deinen Seiten:

    • Vorneweg: Sehr schön gestaltet, übersichtlich, ansprechend, viele Infos.

    • Der Code

    if (top.frames.length > 0) {top.location.href = self.location}

    funktioniert im Netscape 4.0x nicht bzw. schlimmer: er lässt den Browser in eine endlose Neuladeschleife wandern, weil top.frames.length in diesem Browser grundsätzlich 25 ist. Benutze besser

    if (top!=self) {top.location.href = self.location}

    • Ganz besonders schlecht: Nach Aufruf von http://www.tanzschule-bietigheim.de saugt mein Browser erstmal 20 Sekunden lang satte 670 KByte (und das bei 768k DSL wohlgemerkt) durch die Leitung. Und zu allem Überfluss passiert das auch noch ohne das sich etwas auf dem Bildschirm tut. Da kann man eigentlich nur noch Mitleid mit Modem-Leuten haben..
      Auf jeden Fall wirst Du aber eine ganze Menge Besucher bereits verloren haben, bevor sie überhaupt die erste Seite zu sehen ist.

    Du wirst wohl bei den Bildern nochmal nacharbeiten müssen.

    • Wählt man auf http://www.harryhagen.de/ _keine_ Tanzschule aus und drückt "Los", gibt's eine Überraschung ;)

    • Bei http://www.harryhagen.de/content/ ebenfalls. Wobei ich hier eigentlich auf ein generelles Problem hinweisen will: Das /content/ in den Adressen erfüllt für den Besucher keinen Zweck, es ist sinnlos. Wahrscheinlich hilft es Dir, intern Ordnung zu schaffen, aber nach außen hin sollte es nicht sichtbar sein.

    • Die Fotos auf http://www.harryhagen.de/content/bietigheim/tanzschule/ sollten allesamt komplett nochmal von einem _Fotografen_ gemacht werden.
      Das die Säle teilweise etwas dunkel sind, wurde hier ja schon angemerkt. Die Personenbilder haben (fast) allesamt den geradezu üblichen Mangel, daß sie wohl aus irgendwelchen Fotoalbumsschnappschüssen oder von Passfotoautomatenfotos abgescannt wurden (unscharf, zu gelb, zu blau, zu dunkel, zu klein, etc) und a) schlecht sind und b) im Stil keines dem anderen gleicht.

    Fototechnisch ideal ist einzig das Bild von Armin, besonders grausam hingegen Gabi (unscharf, gelb), Milan, Benjamin und Claus (irgendwie unscharf, um 1000% vergrößert?). Ich persönlich würde mich nicht so dermaßen unvorteilhaft darstellen lassen wollen, ehrlich. Und einen Sympatiebonus bekommt ihr damit bei potentiellen Kunden sicher auch nicht.

    Die große Nase oben auf dieser Seite solltest Du vielleicht auch gegen ein anderes Bild austauschen, vielleich ein Gruppenfoto. So eine Grinsenase hat zwar einen erheiternden Effekt auf den Betrachter, aber so richtig passen tut's nicht :)

    • Die beiden Tanzkursbilder auf http://www.harryhagen.de/content/bietigheim/tanzkurse/ öffnen unnötigerweise neue Fenster. Auch solltest Du unter die erklärenden Texte dazu noch einen Textverweis setzen ("Mehr Infos.."). Nicht jeder merkt sofort, daß ein Foto zu einer weiteren Seite führt.

    • Ebenfalls auf der Seite fehlen entsprechende Foto-Einträge zu den anderen Kategorien (Spezial, Jugendliche, Kinder). Oder kennzeichne die existierenden beiden als "aktuelle Besonderheiten" o.ä.
      Momentan könnte man jedenfalls meinen, Ihr bietet nur zwei Kategorien an.

    • Sehr gut: Ein Klick auf Anmeldung setzt gleich den richtigen Tanzkurs im Formular (meine Begeisterung für solche unscheinbaren, aber wichtigen und leider meistens vergessenen Details kennt keine Grenzen :).

    • Kindertanzkurse: Texte bei S und M sind gleich, ein allgemein etwas mehr fließender bzw. zusammenhängender Text auf dieser Seite wäre besser. Es sollte so aussehen, daß man sich einerseits die gesamte Seite wie einen "Lebenslauf" durchlesen kann (also ohne Wiederholungen zu sehen zu bekommen), andererseits sollten die Beschreibungen zu den einzelnen Kurse natürlich auch für sich alleine stehen können.

    Tippfehler bei L: "Umgestzt wird dies..".

    Das nicht so ganz passende Trampolin-Foto hatte Stonie ja schon bemängelt.

    • Jugendliche: "..Damen wie man sich führen läßt ( Großes Problem ! )." sollte "..Damen wie man sich führen läßt (großes Problem!)." geschrieben werden (keine Abstände zwischen Satzzeichen).

    • Telefonnummern sind als Verweise angelegt (jeweils auf die Kontaktseite), Mail-Adressen im Gegensatz dazu jedoch häufig nicht anklickbar.

    • Die Hochzeitstanzkurse sind schon seit Wochen vorbei.

    • Ein doppeltes No Angels-Cover auf der Dance4Fans-Seite.

    • Und natürlich vieles bis alles, was die anderen schon geschrieben haben, im positiven wie im "negativen" :)

    Gruß,
      soenk.e

  7. Hi Leute,

    danke für eure Anregungen. Mit viel Genuss habe ich auch festgestellt, dass bei meiner Seite nicht das Bewerten des Quelltextes im Vordergrund, der scheint ja dank ausgiebigem Test mit dem W3-Consortium-Validator einigermaßen gelungen zu sein, sondern das Inhaltliche.

    Die Anregungen zum Inhaltlichen werde ich nochmals überdenken und die bzw. die einzelnen Stichpunkte nochmals ein bisschen überarbeiten.

    Die Weiterleitung ist meiner Meinung nach auch grausam, war aber die einzige Lösung, wenn man auf eine Domain keinen direkten Einfluß hat, sie also weder selber serverseitig konfigurieren kann (kann nur in root-Verzeichnis auf einem anderen Sever weitergeleitet werden), und kein Speicherplatz zur Verfügung steht. Schade! Da ist meine Lösung mit ServerName-abhängigem Inhalt durch ServerSideIncludes doch meiner Meinung angemessen.

    Dass ein Java-Newsticker stoppt, wenn ich mich der Maus darüberfahre, stört mich persönlich. Deshalb habe ich diesen Typ gewählt, da er erst stoppt, wenn man ihn anklickt. Man kann ihn dann sogar hoch- und runterschieben und so schneller an die einzelnen Einträge gelangen.

    Ich finde es aber echt klasse, dass sich einige doch wirklich Zeit genommen haben, die Seite ein bisschen genauer zu begutachten und mich auch auf Kleinigkeiten hingewiesen haben und nicht gleich ein paar Schlagworte in den Raum geworfen haben und ich mir den Rest zusammen reimen muss. Danke!

    Sebastian

    P.s.: Wem noch etwas auffällt, der kann das gerne noch schrieben...

    1. Hallo Sebastian!

      Ich hab ja weiter unten schon was geschrieben. Aber ich möchte doch nochmal anmerken, daß Deine Seite wohl zu denen zählt, die hier doch wirklich "gut davongekommen" ist! ;) Doch ne tolle Sache, darfst Dich auch ruhig freuen! :)

      Bye bye,
      Andreas

    2. Hallo, Sebastian,

      P.s.: Wem noch etwas auffällt, der kann das gerne noch schrieben...

      Erst einmal: eine wirklich schöne Seite. Die kleinen berechtigten Mängel wurden bereits genannt.
      Dennoch habe ich mir einmal die Layouttabellenstruktur angesehen, weil ich herausbekommen wollte, was Kai mit den GIF-Platzhaltern und Sönke mit der langen Ladezeit (Renderingzeit, zusätzlich zur reinen Datenübertragungszeit) meinten. Dabei erkannte ich, dass der Tabellenaufbau einige Verbesserungen nötig hat.

      Die Tabelle im Seitenkopf könnte man unter Umständen um eine Zeile erleichtern, bspw. die ersten beiden zusammenfassen, die Grafik mit den halben Köpfe des Logos http://www.harryhagen.de/shared/gfx/top/image_top_logo_small.jpg beschneiden und vertikal unten ausrichten. Über den Sinn von http://www.harryhagen.de/shared/gfx/top/bgtop.gif würde ich nachdenken, umfasst zwar nur 569 Byte, aber "Kleinvieh macht auch Mist". Diese Grafik könnte man auch auf den sich von der Hintergrundfarbe unterscheidenden Bereich zuschneiden und per CSS ausrichten, sodass der gleiche Effekt entsteht.

      Die zwei- bis vierspaltige Layouttabelle mit Navigation und Seiteninhalt hat sicher ihren Zweck. Das grausige ist aber nun, dass du generell alle Abstände mit verschachtelten Tabellen und GIF-Platzhaltern in eigenen Tabellenzellen realisierst. Die Navigationsgrafiken sind nämlich erneut in einer Tabelle angeordnet, aber richtig gefährlich wurde es für meine Kinnlade beim Betrachten der mittleren Spalte, denn der gesamte Inhalt ist in Tabellenzellen zerstückelt. Heraus kommen im schlimmsten Falle 3 Layouttabellen (Kopf, Inhalt, Fuß) und drei weitere darin enthaltene. Hier würde ich raten, dringend nachzubessern und wie Kai sagte mit margin und padding via CSS-Klassen zu arbeiten.

      Die untere Fußtabelle besteht, wie ich das auf den ersten Blick erkennen kann, aus 12 Zellen, hier wären allerhöchstens zwei nötig.

      All diese unnötigen verschachtelten Tabellen und Einbetten jedes Elements in eine eigene Zelle verderben die Ladezeit
      und ein einfaches Ändern oder automatisches Generieren von Inhalten ist sicherlich aufwändig.

      Unnötig finde ich den doppelten Alternativtext im Seitenkopf. Mir sind außerdem die Quelltexteinrückungen (Tabulatoren) aufgefallen, die auf jeder Seite bis zu 1KB ausmachen. Beim Entwickeln einer Seite mag das nützlich sein, aber wenn das Layout steht und ein Projekt publizierbar ist, sind diese Einrückungen eher lästiger Traffic. Man könnte ohne weiteres an den "Templates" weiterhin mit Einrückungen arbeiten, diese aber beim Generieren der Seite on-the-fly oder mittels eines "Caches" herausfiltern. Falls es sich einfach in dein CMS einbinden lässt, würde ich es empfehlen.

      Ansonsten sehe ich ordentlich strukturierte Dokumente, Alternativtexte und sogar Popup-Fenster und andere JavaScript-Spielereien hast du intelligent gelöst, das gefällt mir. CSS sollte man für meinem Geschmack ruhig etwas verstärkter einsetzen, aber wenn du erst einmal auf die Platzhalter-Grafiken und -zellen verzichtest, erkennst du sicher das Potenzial von CSS.

      Ich persönlich würde mir noch wünschen, dass du eine vollständige DTD angibst, d.h. mit SYSTEM identifier, damit die Browser deine Seitencode nicht im Kompatibilitätsmodus rendern. Das wäre in deinem Fall...
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      ...falls ich mich nicht irre.

      Viele Grüße,
      Mathias