Eure Webseiten #5

[Milchbox]

Die HTML Umsetztung ist nicht valide und leider auch nicht eingerückt

...

Jetzt schon =)

[Drakes]

Also, dann stelle ich hier mal nformer rein. Wurde dafür ja vor einiger Zeit hier ein Coder gesucht, seit dem Arbeite ich viel daran. Vor einer Woche sind wir offiziel online gegangen. Darf ichs auch noch bei 'Eure Foren' reinstellen? xD Denn wir haben so wenige Backlinks.

[Antares]

Also, dann stelle ich hier mal nformer rein. Wurde dafür ja vor einiger Zeit hier ein Coder gesucht, seit dem Arbeite ich viel daran. Vor einer Woche sind wir offiziel online gegangen. Darf ichs auch noch bei 'Eure Foren' reinstellen? xD Denn wir haben so wenige Backlinks.

...

Hm, nette Seite soweit, nur was mir überhaupt nicht gefällt, ist der Header, sowie unterstehende Links.
Sieh mal, das Design ist in Blau/weiß gehalten und eben diese Elemente fehlen im Logo komplett. Du solltest nicht einfach ein Bild aus Okami benutzen, sondern ein eigenes Logo basteln, am besten eins, welches die beiden Farben enthält.
Die Links darunter passen auch nicht, den rechts davon bleibt ein unnötiger weißer Bereich, was nicht gut aussieht.
Also, bis auf den Header gefällt mir die Seite recht gut.

[Flying Sheep]

Soho, meine Seite gönnt sich seit heute auch mal wieder ein komplett neues Design:

http://dueltower.rpg-atelier.net

Es ist (noch) nicht valide, aber für mehr hatte ich heute einfach keine Lust mehr. In Firefox 3, Opera 9 und IE7 sieht es ganz normal aus, auch bei Größenänderung des Browserfensters.

Im Gegensatz zum letzten Design (Augenkrebsblau auf schwarz), wollte ich das ganze diesmal eher dezent im grauen Bereich halten. Beim Übergang der Headnavi ist noch ein Pixelfehler, den werd ich aber auch erst am Wochenende beheben, denk ich.

[Lynch]

Link entfernt

Forenverband und so. Bietet halt alles was man will, von dem tollen Adventure-Inn von Dennis bis hin zum RM-Zirkel von Tiro, malu und mir. Einfach mal reinschauen und anmelden, wenns gefaellt.

Edit:
Werbung ist hier nicht erwünscht. Eigene Foren gehören in diesen Thread. In diesem Thread hier geht es um selbst erstellte Seiten und Kritik dazu.

[Mad]

Soho, meine Seite gönnt sich seit heute auch mal wieder ein komplett neues Design:

http://dueltower.rpg-atelier.net

...

Farbtechnisch finde ich's gut gelungen. Weiß und orange passen auf den grauen Hintergrund (grau = sexy) und die gestrichelte Rahumung gefällt mir auch gut. Das Logo finde ich verschwommen allerdings ungünstig. Der schwarze Rahmen um die zentrale Navigation ist mir persönlich etwas zu mächtig, sieht aber auch keineswegs schlecht aus.

Mein Vorschlag: Das Logo "entschärfen" und bei den Links als Hoverfarbe vll. schwarz oder weiß nehmen?

Alles in Allem gefällt's mir gut.

------

Und ich setze selber gleich mal hinterher:
Bass Sex Crips

Ich habe rund um mein Hobby, den Bass, mal einen Blog eingerichtet, eher für mich selbst. Für Nicht-Musiker sicherlich auch langweilig, ich wollte auch nur mal nach Verbesserungsvorschläge bezüglich des Outfits fragen.

[drunken monkey]

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.


@ Mad: Der Hintergrund lenkt zu stark vom Vordergrund ab, den solltest du dringend dezenter machen. Und die ist ein viel zu dunkles Blau, die Dinger lassen sich etwa so schwer lesen wie Sheeps Header. Aber den Rest find ich in Ordnung.

Ahja, und wenn du schon XHTML 1.0 Strict als Doctype angibst, halt' dich zumindest annähernd daran, 392 (!) Fehler sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler.
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.

[Drakes]

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.


@ Mad: Der Hintergrund lenkt zu stark vom Vordergrund ab, den solltest du dringend dezenter machen. Und die ist ein viel zu dunkles Blau, die Dinger lassen sich etwa so schwer lesen wie Sheeps Header. Aber den Rest find ich in Ordnung.

Ahja, und wenn du schon XHTML 1.0 Strict als Doctype angibst, halt' dich zumindest annähernd daran, 392 (!) Fehler sind doch etwas viel. o_O Das CSS ist auch merkwürdig: 11 Fehler.
Gilt natürlich nur, falls du nicht komplett irgendeine Blog-Software verwendest oder dort zumindest irgendeinen Einfluss auf den Code hast.

...

Das ist Blogger. Aber man kann da denn Code schon sehr stark beeinflussen, als erstes sollte er den Javascript zu einem 'Kommentar' machen.

HTML-Code:

<script type="text/javascript"> /* <![CDATA[ */    Javascript    /* ]]> */ </script>

[Flying Sheep]

Mein Vorschlag: Das Logo "entschärfen" und bei den Links als Hoverfarbe vll. schwarz oder weiß nehmen?

...

Das Logo gefiel mir insgesamt verschwommen besser (im Grunde sinds zwei Schatten des eigentlichen Logos), weil ich das Logo mangels Zeichentablett mit Gimp gemacht hab (in Sachen Grafik bin ich nicht wirklich ein Ass ^^°) und es geschärft einfach zu kantig ist. Ich schau mal was sich machen lässt, es sieht wirklich etwas merkwürdig aus.
Zu den Hoverfarben:
yikes, in der linken Navi hab ich noch ein falsches Attribut drin. Dieses ganz dunkle rot hatte ich anfangs testweise drin und da hab ichs vergessen zu ändern >_<. Eigentlich sollte es dieselbe Hoverfarbe haben, wie der Link in der Haupttabelle ("erstellt von: Flying Sheep" unter dem Newseintrag). Die orange Farbe in der Headnavi gefällt mir eigentlich besser als schwarz.

Alles in Allem gefällt's mir gut.

...

danke

@ Sheep: Ist mir zu dunkel und der Header viel zu kontrastarm. Vielleicht ist's ja bei deinem Bildschirm besser, aber ich musste es markieren, um es vernünftig lesen zu können. Sonst ist es aber recht gut.

...

Hmm... also ich kann sowohl die Headergrafik, als auch die Headnavi sehr gut lesen (und das bei meinen schlechten Augen ). Vllt liegt es auch an meinem Bildschirm (High Definition Crystal View ^^°), ich probiers morgen mal an unserem Desktop PC, der hat noch nen Röhren-Monitor

Und ich setze selber gleich mal hinterher:
Bass Sex Crips

...

Gefällt mir im Grunde auch ganz gut (jaja, grau = sexy ). Was mich allerdings ziemlich stört ist, dass der ganze Inhalt direkt über dem Hintergrundbild "schwebt". Gut, es ist geschmackssache, aber ich finde es müsste noch ne <table> rein, am besten mit nem passenden einfarbigen Hintergrund. So kann man nämlich weder das Datum noch die Überschrift halbwegs gut lesen. Auch die blauen Trennlinien werden von dem mächtigen Hintergrund fast verschluckt. (Die Headergrafik rockt btw!)

[Mugen]

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

[dead_orc]

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

...

Dazu sag ich nur eins: mehr Kontrast!
Ich dachte im ersten Moment, die Seite wäre irgendwie deaktiviert o.Ä. und da läge ein alphatransparenter schwarzer Layer drüber. IMO muss unbedingt entweder der Hintergrund heller oder die Schrift - Schwarz auf Dunkelgrau liest sich scheiße.

[Mugen]

So, verändert und an der area gearbeitet, der ein alt-Attribut fehlte.

[Spark Amandil]

Meine Fresse, mal wieder viel Bunti bunti mit wenig Inhalt. Naja wers mag, was die Seite darstellen / vermitteln soll is jedenfalls nicht ersichtlich, und ich hoffe sehr dass deine Zielgruppe keinen Internetexplorer benutzt. (ja ich spreche von dem immer noch extrem weit verbreiteten ie6 bei dem diese Pngs dann extrem scheisse aussehen werden)
In meinen Augen leider nichts weiter als ein kleiner, unbedeutender Grafikblender, sorry.
Was mir irgendwie nicht so recht klar werden will: deine Divs setzen zum Teil auf 800px breite, der eigentliche Content innerhalb dieser Divs nimmt gerade mal 2/3 ein während viel leerer Raum bleibt. Was das bezwecken soll kann ich nicht erkennen... spätere Werbeeinblendungen an den Seiten vielleicht?

[Manni]

Neues Layout, Content trudelt in den nächsten Tagen ein, laut dem Validator valider XHTML- und CSS-Code.

...

Dann will ich auch mal meinen Senf dazu abgeben. Zu dem Design an sich will ich gar nicht viel sagen, das ist Geschmackssache Aber zum Code fallen mir einige Punkte ein:

• Warum teilst du deine Stylesheetdefinitionen auf drei Dateien auf, wenn du ganze vier Klassen definierst? Das ist nicht übersichtlich, sondern nur sinnlos (Javaprogrammierer scheinst du ja laut deiner Signatur nicht zu sein).
• Des Weiteren fehlen Alternativtexte für die Überschriften und das Menü, die Seite ist somit ohne Bilder nahezu unbenutzbar.
• Mir persönlich gefallen Bilder über Stylesheets besser als <img>-Tags, denn damit kann man sauberen HTML Code erzeugen und Inhalt und Design besser trennen. So kann man zum Beispiel über folgenden Code Überschriften machen:
  
  HTML-Code:

  <h1 id="#foo"><span>Eine Überschrift</span></h1>

  Code:

  h1
  {
    margin: 0px;
    padding: 0px;
  }
  
  h1 span
  {
    display: none;
  }
  
  #foo
  {
    background: url('dein_bild.png') no-repeat top left;
    width: 42px;
    height: 23px;
  }

  Das lässt sich wunderbar auch für Headergrafiken verwenden, die im Prinzip ja eine Überschrift erster Ordnung darstellen.
• Einrückung würde den Code lesbarer und besser strukturiert machen, allerdings ist das bei dynamisch generiertem Inhalt nicht so einfach und auch nicht unbedingt notwendig
• Ich kann dir nur empfehlen, mal Lynx Viewer zu versuchen, zwar musst du deine Seite nicht unbedingt textbrowserfreundlich machen, allerdings zeigt eine solche Sicht gut, wie gut die Informationen der Seite zugänglich sind (bei dir fehlen beispielsweise Header, Menü und Überschrift).
• Wenn du für das Menü eine formatierte Liste benutzt, fallen die imho unschönen und undurchsichtigen Imagemaps weg. Du könntest überhaupt mehr spezifische Elemente wie <p> benutzen anstatt einem Haufen generischer <div>s.
• Warum benutzt du als "Python Fanboy" PHP? :P

Ich hoffe, diese Kritik hilft dir weiter

[Inius]

Mugen also das erste Design gefällt mir recht gut.

So jetzt meine:
http://home.gelsennet.de/~doerner/HP/default.htm

Die Portal Seite werde ich dann mal Updaten(auf unteren Text bezogen).


Bevor jemand mit den IFrames kommt, ich weiss das ihr sie nicht mögt aber alle Browser außer:
MSIE 5.01 Windows XP Leerer Frame
MSIE 4.01 Windows XP Leerer Frame
MSIE 5.5 Windows XP zeigt nicht alles an im Frame. (Könnte daran liegen das der mit meine Reload Methode ein Problem hat)
IRONIE,MEIN LIEBLINGS BROWSER,BIN JETZT TRAURIG!

Zerhacken die Seite:
Dillo 0.8.5 Ubuntu 7.10 Zerhackt die ganze Seite(ist am schlimmsten!)
MSIE 8.0 Beta/ Windows XP (nur leicht aber trotzdem nicht schön!)

Und diese zeigen die Bilder im Frame nicht an. Aber sonst alles normal!Liegt wohl daran das, dass neben dem Bilder der Text sein soll, wenn ich das abschalte geht es!
Opera 9.50 Windows XP
Flock 2.0 / Ubuntu 7.10 (Gutsy Gibbon)

Habe das ganze auf http://browsershots.org/ testen lassen.
Scheint ganz gut zu sein.

Würde mich über Kritik freuen.

[NPC Fighter]

WIR SIND FÜR ALLE BROWSER

...

Abgesehen von IE < 6 und 8, Dillo, Opera und Flock. Davon abgesehen finde ich diese gesamte Introseite ziemlich merkwürdig, auf der mir im Titel und in der Mitte ein großgeschriebener Satz entgegensteht, der grammatikalisch auch nicht allzu anspruchsvoll ist und abgesehen von Links zu diversen Webbrowsern wenig Sinn hat. Ich würde das Ding ersatzlos streichen. Braucht niemand, ist nervig und zieht die Zeit bis zum Finden einer gewünschten Information unnötig in die Länge.

Zur Seite an sich:
Also grafisch macht das Teil meiner Meinung nach nicht besonders viel her. Diese quietschbunten, runden Buttons, die einen andersfarbigen Hintergrund an ihren Kanten haben, passen da halt irgendwie einfach so gar nicht ins Restbild.
Diese Streifen überall sind auch nicht gerade State of the Art.
Der Header macht auf mich einen irgendwie plumpen Eindruck, weil dieses Logo keinen Wiedererkennungswert hat und ansonsten halt auch nur aus dem (arg großen) Schriftzug auf einem Verlauf besteht.
Das Bild rechts ist halt extrem nichts sagend, wie wäre es mit einer Bildunterschrift, die mir erklärt, was das überhaupt soll?
Dass die Frames auf keine allzu große Gegenliebe stoßen werden, hast du ja selbst schon ganz richtig erkannt. (;


Also mein Fall ist es (wie du wahrscheinlich schon gemerkt hast) nicht so wirklich. Ich würde das Design nochmal komplett überarbeiten und dabei auch darauf achten, kein so grobes Layout zu machen. Bei kleineren Displays sieht das nicht unbedingt klasse aus und mit einer horizontalen Scrollleiste ist auch niemandem geholfen. Warum lässt du die Breite nicht einfach mit der des Browserfensters mitskalieren?
Und bitte: Auf der Seite hast du angegeben, dass du PHP-Kenntnisse hast. Da ist es doch nicht so das Problem, auf Frames zu verzichten und damit die typischen Frame-Probleme, mit denen du deine Seite belastest, aus der Welt zu schaffen. ^^

[Mugen]

Dann will ich auch mal meinen Senf dazu abgeben. Zu dem Design an sich will ich gar nicht viel sagen, das ist Geschmackssache Aber zum Code fallen mir einige Punkte ein:

• Warum teilst du deine Stylesheetdefinitionen auf drei Dateien auf, wenn du ganze vier Klassen definierst? Das ist nicht übersichtlich, sondern nur sinnlos (Javaprogrammierer scheinst du ja laut deiner Signatur nicht zu sein).
• Des Weiteren fehlen Alternativtexte für die Überschriften und das Menü, die Seite ist somit ohne Bilder nahezu unbenutzbar.
• Mir persönlich gefallen Bilder über Stylesheets besser als <img>-Tags, denn damit kann man sauberen HTML Code erzeugen und Inhalt und Design besser trennen. So kann man zum Beispiel über folgenden Code Überschriften machen:
  
  HTML-Code:

  <h1 id="#foo"><span>Eine Überschrift</span></h1>

  Code:

  h1
  {
    margin: 0px;
    padding: 0px;
  }
  
  h1 span
  {
    display: none;
  }
  
  #foo
  {
    background: url('dein_bild.png') no-repeat top left;
    width: 42px;
    height: 23px;
  }

  Das lässt sich wunderbar auch für Headergrafiken verwenden, die im Prinzip ja eine Überschrift erster Ordnung darstellen.
• Einrückung würde den Code lesbarer und besser strukturiert machen, allerdings ist das bei dynamisch generiertem Inhalt nicht so einfach und auch nicht unbedingt notwendig
• Ich kann dir nur empfehlen, mal Lynx Viewer zu versuchen, zwar musst du deine Seite nicht unbedingt textbrowserfreundlich machen, allerdings zeigt eine solche Sicht gut, wie gut die Informationen der Seite zugänglich sind (bei dir fehlen beispielsweise Header, Menü und Überschrift).
• Wenn du für das Menü eine formatierte Liste benutzt, fallen die imho unschönen und undurchsichtigen Imagemaps weg. Du könntest überhaupt mehr spezifische Elemente wie <p> benutzen anstatt einem Haufen generischer <div>s.
• Warum benutzt du als "Python Fanboy" PHP? :P

Ich hoffe, diese Kritik hilft dir weiter

...

Werd' bei einem neuen Projekt/Layout mehr darauf achten.

Das mit den Imagemaps hat mir Spark Amandil ebenfalls gesagt. Werd' sie wohl beim nächsten mal komplett weglassen, es sei denn, es fallen kleine Spielereien an, die Imagemaps benötigen (bzw. mit denen es leichter wird). (Z.B. ein Bild, welches Pixel enthält, die 'ne Map besitzen und einem zu 'ner Seite führen.)

PHP hab' ich eigentlich nur als Dateiendung genommen - weiß nicht, gefiel mir besser als .html. *g*

Alternativtexte kommen auch noch rein, die tags dafür sind da.

An die Überschriften hab' ich, um ehrlich zu sein, auch nicht richtig gedacht.

Aber nun gut, danke für eure Tipps, die ich natürlich in spätere Webprojekte mit einfliessen lasse.

(Python-Crack bin ich noch nicht, eher'n Anfänger, der grade einen nicht-grafischen Taschenrechner hinbekommt - mit Schleifen. *g* Bisher gefällt mir die Sprache jedoch sehr, da sie sehr einfach, jedoch trotzdem mächtig ist, zumindestens für eine Interpretersprache. Da fande ich eine Fanboy-Sig doch schon passend. *g*)

[Antares]

So, hier mal eine von mir. Ich weiß, der Code ist nicht gerade der beste, was aber daher kommt, dass ich bisher einfach zu faul war die ganzen "style" in meinen divs zu classes umzuwandeln bzw. sie in den Stylesheet einzubinden.
Deswegen ist alles auch etwas sehr unübersichtlich, ich hoffe ihr verzeihts mir..
Zum Inhalt bleibt zu sagen, dass da wohl keiner mehr hinzukommen wird, da ich nicht vorhabe was aus der Seite zu machen...daher kommts auch, dass kein einziger Link funktioniert, bzw. keine Funktionen zur Verfügung stehen.

//Edit: Der Top-Button funktioniert