Eure Webseiten #5

[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

[Inius]

Also mir gefällt die Seite gut.
Bis auf das Logo, weil die Schrift nur sehr schwer lesbar ist.


NPC Fighter:
Aber der Server muss auch PHP können und den Platz haben.
Was mit 10MB nicht grade gut umsetzbar ist , aber dort gibt es wenigstens keine Werbung.
Muss mich erst mal nach einem richtigen Server umschauen.
Bin am überlegen ob ich mir einen bei Strato zuelege.

[kris]

Bin am überlegen ob ich mir einen bei Strato zuelege.

...

Davon kann ich abraten! www.netclusive.de <3

btw. ich werkel gerade an einer neuen Version meiner Homepage.
Momentan noch "alpha", mit einigen Bugs (vorallem der IE verzerrt das Design so schlimm -__-") aber trotzdem dürft ihr euch Kritik-mäßig mal austoben:

http://home.perception-studios.de/test

Der YouTube-Converter funzt übrigens schon. ^^
Wird aber erst in den nächsten Tagen für registrierte User unter "Web-Services" verfügbar sein.

[Manni]

Davon kann ich abraten! www.netclusive.de <3

btw. ich werkel gerade an einer neuen Version meiner Homepage.
Momentan noch "alpha", mit einigen Bugs (vorallem der IE verzerrt das Design so schlimm -__-") aber trotzdem dürft ihr euch Kritik-mäßig mal austoben:

http://home.perception-studios.de/test

Der YouTube-Converter funzt übrigens schon. ^^
Wird aber erst in den nächsten Tagen für registrierte User unter "Web-Services" verfügbar sein.

...

Das Design gefällt mir
Aber leider ist die Seite nicht valide. Ausserdem fehlen alt-Attribute bei den Überschriften. Du könntest außerdem genau wie Mugen mehr spezielle Elemente wie zum Beispiel <h*> für Überschriften anstatt einem Haufen von <div>s und <span>s (oder aber Bilder) verwenden (siehe meinen letzten Post in diesem Thread).
Statt mit <center> solltest du Elemente mit margin: 0px auto zentrieren. Auch <font> ist veraltet, verwende stattdessen <span>s mit den entsprechenden CSS Eigenschaften.
Zu deinem CSS-Code: float: center gibt es (leider) nicht, und bei vielen Größenangaben fehlen die Einheiten (px).
Zum Design: Was eventuell gut aussehen würde, wäre eine dunklere Umgebung des Inhaltsbereichs in der Mitte.
Ich hoffe du kannst damit was anfangen

[kris]

Das Design gefällt mir

...

Danke.

Aber leider ist die Seite nicht valide. Ausserdem fehlen alt-Attribute bei den Überschriften.

...

Ob ich sie noch valide kriege, werden wir sehen. Die "alt-Attribute" werden noch ergänzt.

Du könntest außerdem genau wie Mugen mehr spezielle Elemente wie zum Beispiel <h*> für Überschriften anstatt einem Haufen von <div>s und <span>s (oder aber Bilder) verwenden (siehe meinen letzten Post in diesem Thread).

...

Nein. Das ist leider nicht möglich, da die "Überschriften" dynamisch, mit php generierte, Bilder sind. D.h. ich müsste den Text an die CSS-Datei übergeben oder die Klasse in der "index" selber deklarieren... Da finde ich meine Lösung etwas sauberer!

Statt mit <center> solltest du Elemente mit margin: 0px auto zentrieren.

...

Och Leudde, seid doch froh, dass ich zum 1. mal keine Tabellen verwende. -__-"
Bin halt da nun mal etwas "oldsql". :P

Auch <font> ist veraltet, verwende stattdessen <span>s mit den entsprechenden CSS Eigenschaften.
Zu deinem CSS-Code: float: center gibt es (leider) nicht, und bei vielen Größenangaben fehlen die Einheiten (px).

...

Der Code ist ja nicht zu 100% neu geschrieben. Gerade der Content ist ja noch der selbe, wie bei der alten Page und dass dann mal ein <font> reinrutscht kann gut sein. Werde ich nicht zu 100% wegbringen können, weil dann müsste ich 3 Tage lang mit phpMyAdmin schlafen und das wäre mir unangenehm. -__-"
Und Einheiten hatte ich vergessen. ^^ Ist erledigt.

Zum Design: Was eventuell gut aussehen würde, wäre eine dunklere Umgebung des Inhaltsbereichs in der Mitte.
Ich hoffe du kannst damit was anfangen

...

Hm.. Ich hab mal ein bisschen rumprobiert, aber das sieht nicht so gut aus, wie vorher.

Danke für deine Hilfe.

[Manni]

Nein. Das ist leider nicht möglich, da die "Überschriften" dynamisch, mit php generierte, Bilder sind. D.h. ich müsste den Text an die CSS-Datei übergeben oder die Klasse in der "index" selber deklarieren... Da finde ich meine Lösung etwas sauberer!

...

Du kannst trotzdem statt

HTML-Code:

<div class="news_headline"><b>#</b><img></div>

HTML-Code:

<h2><span>#</span><img></h2>

mit entsprechendem CSS dazu verwenden.

Und für den Header kannst du <h1> benutzen, indem du zum Beispiel ein <h1> in das <div> packst, dass du dann über CSS aublendest. Das hat den Vorteil, das auch Leute mit Browsern ohne CSS/Bilder (sehr selten) oder auch Suchmaschinen mit der Seite besser klarkommen.
Ansonsten ist mir eben noch aufgefallen, dass der Kontrast der Schrift in den Loginfeldern sehr gering ist, das ist nahezu unlesbar bei einer etwas höheren Auflösung. Zumindest bei Focus könnten die heller sein.

[kris]

http://home.perception-studios.de/te...hp?go=services

Kleines Update. Der "YouTube 2 Mp3 - Converter" ist einsatzbereit.

[Antares]

Ist meine Seite so perfekt, dass es nichts dran auszusetzen gibt? Wohl kaum..
Bewertung & Kritik bitte ;__;

[treeghost]

@Antares Vom Design her sieht es richtig klasse aus.Der Aufbau sieht aus wie bei einem Blog.Wo zu ist den eigentlich das Login ding oben gut?
Wirst du vielleicht ein Forum einbauen oder ein message System?

@kris Die Seite an sich sieht schon klasse aus.Das eigebaute YT to MP3
ist sehr geil.Njo aber der Header passt ihrgendwie nicht zum farblichem schema.

[Lynch]

Der YT zu MP3 Converter rockt eh alles weg, nie wieder No. 23! NIE WIEDER! Yaaaay!

[Antares]

@AntaresWo zu ist den eigentlich das Login ding oben gut?
Wirst du vielleicht ein Forum einbauen oder ein message System?

...

Also generell erstelle ich eigentlich selten richtige Webseiten, ich erstelle entweder Designs oder verwende ein bereits bestehendes meiner Designs, um Scripts zu entwickeln, welche unter Anderem auch das Anmeldung der User ermöglichen. Demnach baue ich in jedes meiner Design irgendwo einen Login Part ein.

Dieses Design habe ich auch hauptsächlich auß Langeweile erstellt und es wird wohl keine Verwendung mehr finden.

[kris]

Dieses Design habe ich auch hauptsächlich auß Langeweile erstellt und es wird wohl keine Verwendung mehr finden.

...

Och warum denn? Ist doch ganz schnieke <3
Nur die Schrift vom Logo "Zeriphea" ist irgendwie unschön, und der Übergang von Page zu Hintergrund zu abrupt. (Farbverlauf?!)

Aber sonst...

[Kate]

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

...

Lass uns Liebe machen.

Das musst du für irgendwas benutzen, sonst komm ich persönlich vorbei und da du dann ja mein Gesicht gesehen hast, muss ich dich dann ja leider töten.