Einen schönen Guten Abend zusammen,

ich habe gerade meine neue Website fertiggestellt und würde mich rieisig freuen, wenn Ihr Euch die Seite mal anschauen könntet und Feedback gebt.

Pocket Sight - der innovative Stadtführer

Besonders wichtig wäre mir, wie Euch

• das Design
• die Farbwahl
• der Code

gefällt.

Außerdem habe ich ein kleines Problem mit dem Internet Explorer. Alle Seiten außer "Team" funktionieren einwandfrei. Auf "Team" wird die Navigation komplett verschoben und der Strich am unteren Rand wird ganz dick schwarz. Ich habe bisher keine Lösung dafür und würde mich freuen, wenn mir jemand einen Lösungsvorschlag posten könnte.

Ich bin schon sehr auf Eure Kommentare gespannt.

Die Wahrscheinliche Lösung für dein Navi-Problem auf der Team Seite steht hier: [Invalid] Markup Validation of http://www.pocket-sight.de/team.html - W3C Markup Validator. Das Problem dürfte sich "Quirksmode" nennen

Zum Quellcode:

• Die DocType-Deklaration sollte immer oben stehen.
• Das <xml>-Ding brauchst du nicht.
• Die Navigation wäre gerne eine Liste (<ul>)
• Die Footer-Navi wäre auch gerne eine Liste.
• Du solltest dich dringend um deine alt-Tags bei den Bildern kümmern....
• Warum sind alle Texte in den Bildern verfrachtet? Für Leute die keine Bilder laden, Menschen mit ISDN-Leitung und Suchmaschinen eine absolute Katastrophe.
• Das Forumlar unter Bestellung ist sicherlich keine ungeordnete Liste. Wenn dann eine Definitionsliste. Du kannst auch eine Tabelle mit CSS nachbauen.
• Ob ein Link in einem neuen Fenster oder Tab geöffnet wird, sollte dem User überlassen werden.
• Du solltest dir die Benutzung von Blocksatz noch einmal überlegen.

Desweiteren solltest du alle Seiten mit dem Validator von der W3C checken. Auf allen Seiten sind Fehler im Quelltext.

Das Design ist ja kaum vorhanden. Meiner Meinung nach hast du zu viele verschiedene Schirften auf den Seiten im Einsatz. Da du einen farbenfrohen Kalender verkaufen willst, solltest du in die Seite auch ein paar mehr Farben reinbringen.

__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!

Moin,

Ergänzend zur Antwort von Praktikant:

• Selbst wenn du die Texte aus den Bildern rausnimmst, und nur das Bild links daneben als Bild einbindest, lädt dieses viel zu lange. Nimm auf jeden Fall jpg für so ein Bild und dann am besten ein Progressives (Bild wird im Laufe das Ladevorgangs schärfer und baut sich nicht von oben nach unten auf).
• Das Logo oben Links springt, wenn man in der Navi oben über einen Link hovert
• Das Unterstreichungsbild in der Navi solltest du vorladen
• Für sowas wie das "Mehr lesen" auf Presse oder das "Folgt uns" gibt es entweder das Font-embedding per CSS oder Image Replacement. Auf jeden Fall sollte der Text als Text im Quellcode stehen!
• Auf der Seite "Presse" hab ich nicht gemerkt, was die Bildchen da links sollten, bis ich draufgeklickt habe
• Die aktive Seite sollte in der Navi nicht verlinkt und gekennzeichnet sein
• Wenn du eine vernünftige Zeichenkodierung (ich empfehle UTF-8) nimmst, brauchst du soetwas wie &uuml; nicht, sondern kannst einfach ü hinschreiben.
• Sowas:
  HTML-Code:

  <div id="linie"
    			<hr style="color:black; background:black; height: 1px; width: 980px;">
  			</div>

  geht (abgesehen von dem fehlenden >) gar nicht. Sowas ist ein border-bottom bei dem Element dadrüber!
• Warum gibt es den Facebooklink zweimal? Auch hier wieder: Image Replacement (Link siehe oben)!

So, genug gemeckert. Das Design an sich gefällt mir nämlich ganz gut, schön minimalistisch und übersichtlich.

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden

Ergänzend solltest Du vielleicht noch einen Check für das Bestell-Formular einbauen. Ich habe gerade zweimal einfach mal das leere Formular abgeschickt und es kam der Text "Vielen Dank für die Bestellung ...".

Hier sollten die Felder überprüft und entsprechende Fehlermeldungen angezeigt werden.

Vielen, vielen Dank für die vielen Kommentare.

Ihr seid echt super!

Ich werde mich mal an die Arbeit machen und Eurer Feedback einarbeiten. Auch werde ich versuchen die Fehlermeldungen des Validators so gut wie es geht abzuarbeiten.

Hallo erstmal. Ich habe mir auch gerade einen Blick auf deinen Quellecode gegönnt und mir ist da ein wichtiger Punkt aufgefallen, worüber Suchmaschinen defintiv nicht sehr erfreut sind und daher eine sehr schlechte Indexierung zur Folge hätte.

• Es wurden keinerlei H Tags verwendet, dabei ist doch gerade das Logo oder der Name in der Regel die wichtigste Überschrift.

Und sonst muss ich den Vorrednern zustimmen.

Das Design finde soweit gut, nur ist es leider nicht zugänglich für Leute die keine Bilder sehen können.

Warum wurden die Styleangaben innerhalb der Html-Seite erledigt und nicht in die CSS-Datei mit ausgelagert?


Gruß Jürgen

Hi, ich find die Seite optisch soweit auch gelungen. Auf der Teamseite könntest du noch Bilder einbauen. Auf der Team-Seite gibt es aber auch noch 20 HTML Fehler.

einer davon:

Error Zeile 62, Zeichen 45 : required attribute "alt" not specified

<p><img src="bilder/marcel_kaiser.png"></p>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>

__________________
Cross-Browser-Tests, Kompatibilitätstests Ihrer Webdesigns in den gängigsten Browsern mit www.fwpscreenshots.de
Zusätzliche Features: HTML/CSS-Validator, Screenshot-Fading, Projekt- und Benutzerverwaltung, u.v.m.