Eure Webseiten #4

**underdark** · 18.12.2006 10:00

@NPC Fighter: Sehr schön, aber wie du schon selbst gesagt hast: Der Style-Switcher wirkt wirklich verloren, da sollte es eine bessere Lösung geben.

Hätt gern eure Meinung zu meiner HP:
http://www.underdark.at.tf

PS: Woher bekomm ich eine billige .at Adresse? Thx

**drunken monkey** · 18.12.2006 10:56

@ NPC: Sieht super aus, ich wünschte, ich könnte solche Designs entwerfen! o_O' Und im Gegensatz zur vorherrschenden Meinung gefällt mir auch der Styleswitcher. ^^'
Nicht sehr hilfreiche Kritik vielleicht, aber was soll ich machen?

Zitat von underdark

Hätt gern eure Meinung zu meiner HP: http://www.underdark.at.tf

Sieht auch toll aus.

Langsam werde ich neidisch...

Zitat

PS: Woher bekomm ich eine billige .at Adresse? Thx

Keine Ahnung. ._.'

**drunken monkey** · 19.12.2006 13:33

Yeah, auf zum Doppelpost! \o/

Ich habe endlich mal wieder meine Homepage überholt, ob das jetzt designmäßig wirklich eine Verbesserung ist ist mir allerdings noch nicht wirklich klar. <__< Auf jeden Fall ist's nicht mehr so bunt, dafür sieht die Navi immerhin nicht mehr so klobig aus.

Also bewerten/kritisieren bitte, Content folgt dann später mal.

**underdark** · 19.12.2006 15:44

@drunken monkey: Hm, einige Sachen fallen mir negativ auf. Du hast fuer den grauen Bereich abgerundete Ecken und fuer den Rest "eckige" ...

Den Konstrast zwischen den verschiedenen Grautoenen find ich zu gering. Sonst ist es vielleicht ein bisschen langweilig ... wie waers mit einem Bild im Header?
Weiss nicht, was du gegen die Navigation hast. Die find ich gar nicht mal uebel.
Ach ja, noch was: Ueberschriften in Webseiten sollten nicht unterstrichen werden, weil sie sonst wie Links aussehen.

**Antares** · 19.12.2006 19:48

Ta-dam

Ich weiß - noch ist nicht sonderlich viel Inhalt angebracht, allerdings wollte ich in erster Linie nur mal die Meinungen über das Design einhören.

**drunken monkey** · 20.12.2006 11:01

Zitat von Antares

Ta-dam

Warum nur? WARUM?

Übersetzung: sieht super aus, nur das sollte sich noch etwas verbessern lassen. <__<'

**Antares** · 20.12.2006 16:21

Zitat von drunken monkey

Warum nur? WARUM?

Übersetzung: sieht super aus, nur das sollte sich noch etwas verbessern lassen. <__<'

Hm, ja ich weiß..
Validierung war noch nie meine Stärke.
Wenn ich die ganzen ALTs mal ausfüllen würde, hätte ich sicherlich nur noch die Hälfte an Fehlern

**mitaki** · 20.12.2006 17:54

Schau, das Problem liegt schon etwas tiefer als Validierung.

Ganz oben fehlt einmal die Angabe zum Dokumententyp. Ich verstehe nicht, wie man sagen kann „Optimiert für Mozilla Firefox“ (was ohnehin schon paradox ist), aber so eine wichtige Angabe nicht einfügt.

Spontan wüsste ich nicht, welches HTML ich da anwenden soll. Die Metaangaben (um die sich nebenbei kein Schwein schert) enden ohne kennzeichnung als Leeres Element, Bilder dagegen schon.
Das verwirrt auch Firefox, was ihn in diesem zusammenhang nicht besser macht als IE 5.5 (dem IE Quirksmode).

In drei Tagen schreibe ich den nächsten Teil meiner Strict-Serie, wo ich nochmals darauf eingehe, warum Alternativtexte so wichtig sind.

In <head>Bereich hast du zwei große Skripte, die noch dazu obszön eingerückt sind. Auslagern ist hier angesagt. Spart Traffic und macht Besucher froh.

HTML-Code:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

Raus damit, so alte Browser gibts nicht mehr.

Du hast viele Stilangaben direkt in den Elementen verschachtelt, außerdem haben viele Bidler das border-Attribut. Weg damit! CSS wird ausgelagert und muss nur einmal definiert werden.

Marquee? Warum Animationen schlecht sind. Warum Animationen verboten werden sollten.

Ist dir nicht bekannt, dass es neben <div> auch andere Elemente gibt? Vor allem für die Navigation bietet sich doch eine Liste ideal an!

Du kannst dabei auch sparendere Konstrukte erstellen:

HTML-Code:

<!--Statt-->
<div>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
</div>
<!-- Besser: -->
<ul class="navigation">
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
</ul>

Überschriften und Absätze sind dir wohl nicht bekannt.

HTML-Code:

<span style="color: red;">N</span>ews

Wenn du eh schon für Mozilla optimierst, dann mach die Backslashes mit generiertem Inhalt und den Buchstaben mit :first-letter.

Ich empfehle dir zu lernen. Michael Jendryschik hat da nämlich eine wunderbare Einführung in XHTML, CSS und Webdesign geschrieben. Sehr lesenswert.

Hoffnung zu haben ist wirklich eine Herausforderung.

**Antares** · 20.12.2006 18:32

Zitat von mitaki

Schau, das Problem liegt schon etwas tiefer als Validierung.

Ganz oben fehlt einmal die Angabe zum Dokumententyp. Ich verstehe nicht, wie man sagen kann „Optimiert für Mozilla Firefox“ (was ohnehin schon paradox ist), aber so eine wichtige Angabe nicht einfügt.

Gut, Doctype eingefügt.
"Optimiert für Mozilla Firefox" bedeutet soviel, dass ich zu Anfangs die Seite nur mit MF betrachtet habe und letztenendes gibt es mit diesem besagten Browser keine Designfehler.

Zitat von mitaki

Spontan wüsste ich nicht, welches HTML ich da anwenden soll. Die Metaangaben [...] enden ohne kennzeichnung als Leeres Element, Bilder dagegen schon.
Das verwirrt auch Firefox, was ihn in diesem zusammenhang nicht besser macht als IE 5.5 (dem IE Quirksmode).

Geändert.

Zitat von mitaki

(um die sich nebenbei kein Schwein schert)

Sollte das eine Beleidigung sein, oder willst du mir nur damit sagen, dass ich sie theoretisch auch weglassen kann?

Zitat von mitaki

In drei Tagen schreibe ich den nächsten Teil meiner Strict-Serie, wo ich nochmals darauf eingehe, warum Alternativtexte so wichtig sind.

Freut mich.

Zitat von mitaki

In <head>Bereich hast du zwei große Skripte, die noch dazu obszön eingerückt sind. Auslagern ist hier angesagt. Spart Traffic und macht Besucher froh.

Auslagern?

Zitat von mitaki

HTML-Code:

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

Raus damit, so alte Browser gibts nicht mehr.

Erledigt.

Zitat von mitaki

Du hast viele Stilangaben direkt in den Elementen verschachtelt, außerdem haben viele Bidler das border-Attribut. Weg damit! CSS wird ausgelagert und muss nur einmal definiert werden.

Der CSS Part ist sowieso noch nicht fertig, bzw. wird noch optimiert.
Wobei ich mich darum bemühen werde, einige Stilangaben direkt in den Stylesheet zu schreiben.

Zitat von mitaki

Marquee? Warum Animationen schlecht sind. Warum Animationen verboten werden sollten.

Jedem das Seine.
Hat rein gar nichts mit Validierung oder ähnlichem zutun...

Zitat von mitaki

Ist dir nicht bekannt, dass es neben <div> auch andere Elemente gibt?

Selbstverständlich doch. Allerdings benutze ich div aus Erfahrung am meisten, und wohl auch zu oft. Aber solange ich im Code zurechtkomme interessierts doch keinen.

Zitat von mitaki

Vor allem für die Navigation bietet sich doch eine Liste ideal an!

Du kannst dabei auch sparendere Konstrukte erstellen:

HTML-Code:

<!--Statt-->
<div>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
<a class="navigation" href="xyz">Link</a>
</div>
<!-- Besser: -->
<ul class="navigation">
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
 <li><a href="xyz">Link</a></li>
</ul>

Werd ich warscheinlich alles noch ändern. Deine Idee ist gut.

Zitat von mitaki

Überschriften und Absätze sind dir wohl nicht bekannt.

Kann man das essen?

Zitat von mitaki

Wenn du eh schon für Mozilla optimierst, [...]

Jetzt reite nicht ständig auf diesem Wort herrum >_>

Zitat von mitaki

Ich empfehle dir zu lernen. Michael Jendryschik hat da nämlich eine wunderbare Einführung in XHTML, CSS und Webdesign geschrieben. Sehr lesenswert.

Danke für die Kritik, ich werde sehen, was sich noch alles ändern lässt.
Am besten gehe ich gleich bei dir in die Lehre.

Zitat von mitaki

Hoffnung zu haben ist wirklich eine Herausforderung.

Das ignoriere ich jetzt mal bewusst

**mitaki** · 20.12.2006 18:56

Zitat

Sollte das eine Beleidigung sein, oder willst du mir nur damit sagen, dass ich sie theoretisch auch weglassen kann?

Letzteres. Sprachangabe im <html lang="de"> bzw. <html xml:lang="de">.

Es gibt nur 2-4 wichtige Metaangaben, diese immer:

HTML-Code:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Die beiden, wenn du Inlinescripte/Stile verwendest

HTML-Code:

<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

Die ist die einzige für SuMas noch relevante, alle andern wurden zu sehr missbraucht.

HTML-Code:

<meta name="description" content="beschreibung" />

Zitat

Auslagern?

Im <head>

HTML-Code:

<script type="text/javascript" src="pfad/zu/*.js"></script>

language-Attribut-browser gibt auch nimmer

Zitat

Jedem das Seine.
Hat rein gar nichts mit Validierung oder ähnlichem zutun...

Doch. Marquee validiert nicht

Zitat

Selbstverständlich doch. Allerdings benutze ich div aus Erfahrung am meisten, und wohl auch zu oft. Aber solange ich im Code zurechtkomme interessierts doch keinen.

Sieh dir deine Seite mit Lynx an

Zitat

Kann man das essen?

Gute Frage, aber ich höre, es schmeckt gut

Zitat

Am besten gehe ich gleich bei dir in die Lehre.

Schlechte Idee. Die, die es können tun es. Die die es nicht können, lehren es. Ich tu es meistens, von daher

**Antares** · 20.12.2006 19:05

@mitaki:

Ok, das mit den Metas hab ich verstanden, aber ist es denn sooo unglaublich schlecht für die Performance, wenn ich sie drin lasse?

Achja, und was ist Lynx?
Marquee validiert nicht? Heißt was?

Außerdem wollte ich doch in erster Linie nur mein Design bewertet haben (*extra dazugeschrieben hab*), und du hast es nicht mal erwähnt ;__;

**mitaki** · 20.12.2006 19:16

Zitat

Ok, das mit den Metas hab ich verstanden, aber ist es denn sooo unglaublich schlecht für die Performance, wenn ich sie drin lasse?

Die Entscheidung liegt natürlich bei dir, du kannst den zusätzlichen Trafficverbrauch aufs Jahr hochrechnen, aber natürlich weiß ich nicht, wie wichtig dieser Faktor für dich ist.

Zitat

Achja, und was ist Lynx?

Ein Textbrowser. <img /> ohne alt-Attribut zeigt er gezwungenermaßen als [INLINE] an, ohne <p> und <hX> findet man keine Dokumentstruktur vor.

Zitat

Marquee validiert nicht? Heißt was?

Heißt, dass wenn du XHTML schreibst, deine Seite eigentlich nur eine Fehlermeldung ausgeben dürfte. Leider wird XHTML von fast allen browsern als HTML verarbeitet, welches Fehlerfreundlich ist.

Zitat

Außerdem wollte ich doch in erster Linie nur mein Design bewertet haben (*extra dazugeschrieben hab*), und du hast es nicht mal erwähnt ;__;

Ich entschuldige mich! Ernsthaft, denn das ist ja der Sinn des Threads.

Es ist ein wirklich nettes Design. Die Graphiken passen gut zusammen und die Farben harmonieren. Nur das Rot sticht ein bischen hervor.

Der Counter und die Umfrage gehen ein bisschen nach links, was nicht ganz so gut passt.

Außerdem ist der Viertelkreis links unten etwas kantig, aber da kann man wohl drüber wegschauen.

Alles in allem doch ein ansprechendes Design

**onkelz0162** · 22.12.2006 16:19

ganz neu und frisch:

www.gta-modders.de.vu

**DFYX** · 22.12.2006 16:51

Sieht etwas zusammengestückelt aus und die Schrift is sehr schlecht lesbar.

**Whiz-zarD** · 22.12.2006 19:14

Zitat von onkelz0162

ganz neu und frisch:

www.gta-modders.de.vu

Mit dem Opera kann man die Seite gar nicht öffnen (zumindest bei mir nicht). Da kommt nur ne weisse fläche.
Mit dem IE schon.
Der Header sieht ... naja ...Bescheiden aus.
Das Design hat rein gar nichts mit GTA zu tun.
Dunkelblaue Schrift auf auf Dunkelgrauen Hintergrund ist einfach nur Hässlich.
Die Roten Trennlinien machen auch keinen Sinn.
Und die Schrift ansich ist viel zu klein.

FF · 22.12.2006 20:17

mach den active X scheiß raus, in nicht IE browsern funktioniert die Seite nicht.

**drunken monkey** · 22.12.2006 20:34

Zitat von Freierfall

mach den active X scheiß raus, in nicht IE browsern funktioniert die Seite nicht.

Muss ich widersprechen, im Firefox geht's.

Sollte aber trotzdem raus, auch ziemlich unnötig, imo. In punkto Design schließe ich mich Whiz-zarD an, Schrift zu klein, Hintergrund nicht passend, orange Trennlinien komplett unmotiviert. ._.'

Und da ich schon mal da bin (§2pfeif): was kann bitte an der MySQL-Abfrage
"SELECT COUNT (*) FROM `posts`;"
falsch sein? o_O' Ich hab das genau so in phpMyAdmin reingeschrieben, nimmt er ohne zu meckern. Aber sobald ich's in einem PHP-Skript verwende, bekomme ich einen MySQL-Error betreffend der Tatsache, dass sich darin ein Syntaxfehler nahe dem Ende ("near '*) FROM `posts`' on line 1") versteckt.
Ich hab's auch schon mit zahlreichen Abwandlungen versucht, die alle in phpMyAdmin laufen, aber ohne Erfolg. <__<
Hilfe? :3schau

**AgentJG** · 22.12.2006 20:39

Zitat von onkelz0162

ganz neu und frisch:

www.gta-modders.de.vu

Naja. Meine Verbesserungsvorschläge wären:

- Schriftfarbe ändern (Helles Grau oder Weiß).
- Schrift größer machen.
- Header rausschmeißen und neu machen (Dann aber die volle Breite nutzen).
- Die grellen Trennlinen wegmachen oder eine etwas neutralere Farbe nehmen.
- Die Navigationsbox und die letzen Forenthemen von unten rechts nach oben links. Dafür die Online Stats abspecken (Eig. auch sinnlos) und nach rechts.
- Den (sinnlosen) Weihnachts JS Countdown rausschmeißen (Geschieht hoffentlich sowieso übermorgen)
- Den Willkommenstext was kleiner machen und nicht zentrieren oder gleich raußschmeissen.

**Antares** · 22.12.2006 21:36

@drunken monkey:

Hab mal einen kleines Script zusammengebastelt.

PHP-Code:


$abfrage = "SELECT COUNT(*) AS posts
FROM posts";

$ergebnis = mysql_query($abfrage);

$data=mysql_fetch_assoc($ergebnis);

echo $data['news'];

So dürfte es funktionieren.

**mitaki** · 22.12.2006 22:08

Zitat

was kann bitte an der MySQL-Abfrage
"SELECT COUNT (*) FROM `posts`;"

Unter umständen kann es als Fehler gewertet werden, wenn zwischen dem Funktionsnamen und den Parametern ein Leerzeichen steht.

Statt: COUNT (*)
Also: COUNT(*)

Allerdings empfehle ich statt * explizit den Namen einer Spalte anzugeben, das sollte performanter sein

Thema: Eure Webseiten #4

Themen-Optionen

Anzeige

Berechtigungen