Im heutigen Review wird SunoChans Seite Rei Tenshi’s TCG genauer unter die Lupe genommen.
Wie der Seitentitel bereits verrät, handelt es sich hier um ein Trading Card Game, das SunoChan und ihr Team leiten.
Layout
Aufgebaut ist eure Seite dreispaltig: links und rechts jeweils eine Navigationsspalte und in der Mitte der Inhalt. Auf der rechten Seite befindet sich die eigentliche Navigation, während links so Dinge wie die Statistik oder die Shoutbox untergebracht sind.
Farblich dominieren verschiedene Grautöne, die durch einige rote und grüne Links sowie die bunte Headergrafik aufgelockert werden, sodass die Seite nicht etwa trist wirkt.
Das Headerbild wechselt von Zeit zu Zeit, wobei ich die Qualität hier recht unterschiedlich finde. Der Schriftzug wirkt dadurch, dass er so verpixelt ist, nicht allzu professionell, und bei den verwendeten Fotos weiß ich nicht so recht, wie sie zum Thema der Seite passen (sind das irgendwelche japanischen Stars? Dazu habe ich keine Angaben gefunden und kenne mich zugegebenermaßen nicht so aus).
Die Überschriften heben sich durch einen dunkleren Balken klar vom Fließtext ab, und somit ist eure Seite übersichtlich und gut strukturiert. Auch die Bezeichnungen der einzelnen Links in der Navigation sind passend und leicht verständlich gewählt.
In Sachen Lesbarkeit gibt es hier nichts zu beanstanden, alle Schriften sind groß genug gewählt und weisen einen guten Kontrast zum Hintergrund auf.
Leider besitzt die Seite keinen Footer, sodass sie nach unten hin einfach abgeschnitten wirkt.
Positiv ist, dass es keine störenden Werbeeinblendungen gibt.
Macht 20 von 35 Punkten.
Coding
Das Layout basiert auf Tabellen, was mittlerweile als überholt gilt. Mit Divs ließe es sich ebensogut umsetzen.
Da ihr für das Layout eine feste Höhe angegeben habt, entsteht bei Seiten mit kürzerem Inhalt – und das scheinen die meisten zu sein – unterhalb des Contents ein großer leerer Raum. Dies könntet ihr vermeiden, indem ihr mit Divs und dem PHP-Befehl include(); arbeitet, sodass sich die Höhe des Layouts an den jeweiligen Inhalt anpasst. Wie das geht, erfahrt ihr in diesem Tutorial: Endless Layout
Leider vermischt ihr das Design und die Struktur in eurem Quellcode völlig, sodass die Styleangaben direkt im HTML stehen (“bgcolor=”#FFFFFF”“). Eine CSS-Datei verwendet ihr gar nicht.
Dadurch habt ihr nicht nur einen unnötig aufgeblähten Quelltext (ihr müsst zum Beispiel unzählige Male das font-Tag notieren und dadurch viele Angaben x-mal machen, obwohl das wesentlich eleganter mit wenigen Zeilen in einer Stylesheet-Datei erledigt wäre), sondern müsst im Falle eines Redesigns auch alles neu schreiben.
Von daher würde ich euch dringend dazu raten, euch ein wenig mit CSS zu beschäftigen. Dabei können euch folgende Tutorials weiterhelfen: Einstieg in CSS, Sauberes Coding, Stylesheets einbinden
Erstellt habt ihr die Seite allerdings selber und habt nicht nur auf ein fertiges Baukastenskript zurückgegriffen, sodass es hier zumindest 5 von 30 Punkten gibt.
Inhalt
Kommen wir zum Wichtigsten einer Seite: dem Inhalt.
Ihr erklärt gut, was ein TCG überhaupt ist und wie es funktioniert – dadurch fühlen sich auch diejenigen Besucher eurer Seite nicht verloren oder verwirrt, die bisher nicht mit Sammelkartenspielen in Berührung gekommen sind.
An der Fülle des Inhalts gibt es hier wahrlich nichts auszusetzen – man sieht, dass ihr eine Menge Arbeit in die Seite gesteckt habt. Eure User können an zahlreichen Spielen teilnehmen, und ihr bietet wirklich viele verschiedene Cardsets an. Wow!
Bei den Credits führt ihr zwar vorbildlich viele Seiten auf, aber so etwas wie “Credits: Google” oder “flickr” ist leider nicht in Ordnung. Google und flickr sind ja nicht die Copyright-Inhaber der Bilder, sondern ihr habt diese nur durch diese Suchmaschine bzw. Seite gefunden. Habt ihr bei den einzelnen Fotografen denn auch gefragt, ob ihr ihre Bilder verwenden dürft?
Da die Credits alphabetisch sortiert wurden und zu einigen Buchstaben keine Einträge vorhanden sind, würde ich diese dann auch ganz weglassen und nicht notieren “Buchstabe X: nichts vorhanden”. Das zieht die Seite nur unnötig in die Länge.
Was mir gut gefällt, ist die bebilderte Geschichte eurer Seite, auf der man die Entwicklung von den Anfängen bis heute verfolgen kann. Auch die Teamseite mag ich.
Zum Thema tote Links: der Button links in der Navigation, unter dem Titel “Part Of”, wird nicht angezeigt, ebenso die ersten vier Buttons auf der Affiliate-Seite.
Die Mischung aus Deutsch und Englisch finde ich nicht so gelungen, ich mag es immer lieber, wenn man sich für eine der beiden Sprachen entscheidet und diese dann auch beibehält. Dass es kaum Rechtschreibfehler gibt, ist allerdings ein Pluspunkt.
Hier komme ich auf 28 von 35 Punkten.
Summa summarum sind das 53 Punkte – inhaltlich hat eure Seite wirklich Einiges zu bieten, aber vor allem am Coding solltet ihr unbedingt arbeiten. Bei Fragen stehe ich euch da auch gerne zur Verfügung!