• Herzlich Willkommen!

    Nach der Schließung von inDiablo.de wurden die Inhalte und eure Accounts in dieses Forum konvertiert. Ihr könnt euch hier mit eurem alten Account weiterhin einloggen, müsst euch dafür allerdings über die "Passwort vergessen" Funktion ein neues Passwort setzen lassen.

    Solltet ihr keinen Zugriff mehr auf die mit eurem Account verknüpfte Emailadresse haben, so könnt ihr euch unter Angabe eures Accountnamens, eurer alten Emailadresse sowie eurer gewünschten neuen Emailadresse an einen Administrator wenden.

Forsaker goes Webdesign - Kritik bitte ;)

Forsaker

Guest
Nabend zusammen,

habe die letzten Tage etwas an einem Content-Management für die Webseite eines Freundes rumgebastelt.

Hier mal das derzeitige Resultat : Link

Freue mich über jede Kritik.

Für technik-Interessierte - die Seite basiert auf einem Joomla-CMS und hat im Hintergrund eine MySQL laufen.

Gruß Forsaker
 
Ich find's optisch gelungen, wirkt nicht überfrachtet mit Bildern und Infos, also sehr übersichtlich.

Die Funktionen (Suche angetestet) scheinen auch zu funktionieren.
Bei den Musterspinnen kommen ja wohl noch 'n paar Photos rein, schätze ich mal.

Also macht für mich einen sehr guten Eindruck.

E#: Ich surf mit 1024x768 pixeln
 
jop. Die Inhalte sind momentan nur zu Testzwecken der Positionen vorhanden.
Geht mehr um das Layout selbst.

Auf welcher Auflösung guckst es dir an ?
 
Die Seite funktioniert auch ohne Javascript und ist im FF von der Schriftgröße veränderbar, ohne das Layout komplett zu zerschießen. :top:

Angaben der Schriftgröße in px bewirken im IE, daß die Schriftgröße nicht vom Benutzer im Browser verändert werden kann. Fremde Spinnenbilder, und sei es, daß sie von Wikipedia sind, sollte man nicht in die eigenen Webseiten einbinden ohne Angabe, wo man sie her hat. Außerdem "klaut" man damit Bandbreite von fremden Servern, ohne daß der Betreiber des anderen Servers einen Nutzen davon hat. :flopp:

<div class="logo">
</body>
=> Da fehlt das schließende </div> dazwischen.

Das Impressum muß noch angepaßt werden.

Meta-Tags sollten für jede Seite individuell angepaßt werden, so du sie überhaupt nutzt.

border-style: solid;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
=> kann man abkürzen zu border:1px solid;

font-size : 10pt;
=> pt wird im Druck gebraucht als Größenangabe, sonst nicht.


Darf ich dir die Firefox-Addons "Web Developer" (http://chrispederick.com/work/web-developer/) und "HTML Validator" (http://users.skynet.be/mgueury/mozilla/) ans Herz legen?
 
Rein vom Design her:
Die Farbe mag mir nicht ganz gefallen, beruht aber eher auf Geschmackssache, desweiteren sollten die Bilder im Header länger auslaufen. Zurzeit enden sie eher abprupt.
Font im Header sollte auch überarbeitet werden.
 
Das "geklaute" Bild ist nur temporär auf der Seite, da ich sie etwas füllen wollte.
Es fliegt runter, wenn die richtigen Spinnenfotos eingestellt werden.

Meta-Tags folgen natürlich noch ... soll ja auch bei google gefunden werden.

Das <div class=> muss man doch erst mit </div> beenden, falls Inhalte zwischen den Tags stehen. (ähnlich wie bei Bildern).
Zumindest kannte ich das aus HTML 4.0 so ... kann mich aber auch irren.

Die styles sind ausgeschrieben, falls Anpassungen erfolgen sollen. Dann muss ich es nicht extra noch hinschreiben, sondern kann es einfach einsetzen.
Teile werden allerdings auch von meinem CMS generiert, da u.a. eine PDF-Speicherung vorgesehen ist, die z.B. die Druckausgabegrößen haben will.
 
Nur so ein paar lose Anmerkungen

- Unten verschenkst du Platz und oben verdeckst du das schöne Spinnenbild
- Beim Suchergebnis gibt es eine Schriftfarbe weiß auf Milchweiß oder so, jedenfalls nicht zu lesen. Auch bei News.
- Oben ein Menu und links, teilweise deckungsgleich. Ist das wirklich so gewollt?
- Auf der Hauptseite steht Futtetiere
- Da sind ein paar kleine graue Buttons neben den Texten, deren Bedeutung im FF erst klar wird, wenn man drauf klickt.
- Wär witzig, wenn ab und zu mal eine Spinne durchs Bild krabbeln würde ;)

Ansonsten sehr nett, übersichtlich und ganz gut benutzbar. Wozu dient die Anmeldung? Forum?
 
drago schrieb:
Nur so ein paar lose Anmerkungen

- Unten verschenkst du Platz und oben verdeckst du das schöne Spinnenbild
- Beim Suchergebnis gibt es eine Schriftfarbe weiß auf Milchweiß oder so, jedenfalls nicht zu lesen. Auch bei News.
- Oben ein Menu und links, teilweise deckungsgleich. Ist das wirklich so gewollt?
- Auf der Hauptseite steht Futtetiere
- Da sind ein paar kleine graue Buttons neben den Texten, deren Bedeutung im FF erst klar wird, wenn man drauf klickt.
- Wär witzig, wenn ab und zu mal eine Spinne durchs Bild krabbeln würde ;)

Ansonsten sehr nett, übersichtlich und ganz gut benutzbar. Wozu dient die Anmeldung? Forum?
Zum Vergrößern anklicken....

-das "Verdecken" ist durchaus gewollt und ne menge Arbeit ;) Transparenz gibts in der Form leider noch nicht in HTML/CSS.
- bei der suche hab ich graue (gut lesbare) Schriftfarben ... was für nen browser hast du ?
- das Menü oben muss ich noch bearbeiten ... ich überleg noch, was da an Funktionen reinkommen soll.
- die kleinen grauen Buttons haben eigentlich nen ALT-Text, der durchs Mouse-Over nach ner Sekunde erscheint.
- hatte mal so nen Flash gesehen, wo die Spinne dem Mauszeiger folgte... aber ob so ein Spielkrams auf ne Züchter-Seite sollte ? :D


Update : glaub ich hab die zu helle Schrift gefunden ... sollte gefixt sein.
 
Hab Firefox, quasi alle Einstellungen Default außer Werbung/Popups. Mouseover löst da nix aus. Ist das eine Optim im FF?

Hab es gerade noch mal probiert, interessanterweise seh ich jetzt dasselbe grau wie beim "zurück"-Link. Weiß nicht, was das eben war :confused:

Wenn sich der Spielkram in Grenzen hält, wirkt er imho positiv. Zuviel ist sicher nicht gut.

/Edit: ach darum ;)
 
Also ALT-Text erscheint bei mir auch im Firefox. Der soll allgemein erscheinen, weil nicht jeder Bilder sehen kann (Blinde z.B.)

Auch in älteren Browsern wie Mozilla und Netscape ging das immer ...


Hab nebenbei grad nen kleines Update der Bilder gemacht. Die Transparenz verläuft jetzt etwas anders ... in nem Rechteck mit weicheren Kanten. Sagt mal was dazu ...
 
Also ALT-Text erscheint bei mir auch im Firefox. Der soll allgemein erscheinen, weil nicht jeder Bilder sehen kann (Blinde z.B.)
Zum Vergrößern anklicken....
Der ist SiZi-würdig :lol:

Bilder verändert? Is mir jetzt nicht aufgefallen, aber ich hab auch beim ersten Mal nicht soo genau da hingesehen. Aber wenn du die oben links meinst, die verblassen nett in den Hintergrund.
 
Forsaker schrieb:
Also ALT-Text erscheint bei mir auch im Firefox.
Zum Vergrößern anklicken....
Falsch, der Tooltip erscheint auch im Firefox, weil du ein title-Attribut für jedes Bild vergeben hast (zusätzlich zum alt-Attribut). Beispiel dafür ist die Spinne auf der Hauptseite, die hat zwar title, nicht aber alt angegeben:
<img src="http://upload.wikimedia.org/wikipedia/de/1/11/Thekla888.JPG" alt=" " title="spinne" height="300" width="400">
 
Du hast da was....

Spiderling / Nymphe
Musterspinne 1
Diese Musterspinne ist ein Spinderling, der in der Sektion Vogelspinnen zu finden ist.
Zum Vergrößern anklicken....

Was nu... Spiderling oder Spinderling? ;)

Ansonsten ist die Seite hübsch :)
 
Ist nur ne Musterspinne ;)
Ich glaube die heißen Spiderling, aber spielt auch nicht wirklich eine Rolle ^^

drago : Blinde generieren sich normalerweise Blindenschrift aus Text. Bei Bildern ohne ALT-Text ist das leider nicht möglich - da können se nur raten, was da zu sehen ist.

Jo, meinte oben links ... könnten aber noch bei einigen die Alten im Cache liegen ... musste auch durchgehend auf Aktualisieren rumhämmern, bis se langsam mal alle verschwunden warn.
 
Mir gefällts sehr gut. Kein überflüssiger und quietschbunter Schnickschnack. Alles wirkt aufgeräumt, hell und freundlich. Die Seite lädt recht schnell, Navigation funktioniert ebenfalls gut.

IE 6.0.2800.1106 SP1
1280x1024x32bit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben