• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Überprüfung der HP

B

Broker

Neues Mitglied
Hi All,

wäre denn jemand von den hilfsbereiten Profis hier im Forum willens, meine neue HP auf Sinnhaftigkeit des Codes, Benutzer- und Augenfreundlichkeit und was man noch so alles testen kann, zu überprüfen?

Wie schon bei diversen Hilfeschreien meinerseits erwähnt, ist dies mein erstes Projekt gewesen.

Die Site findet man unter Udenheim - Startseite

Vielen Dank und einen schönen Abend wünscht der

Broker
 
Werbung:
Werbung:
Nicht vollständig, aber was mir auf den ersten Blick so auffällt:

Die Seite sieht im FF und IE 7 unterschiedlich aus. Die Ursache liegt vermutlich bei diesen CSS-Fehlern, die du bereinigen solltest. Sind eher Flüchtigkeitsfehler, manchmal fehlt ein Doppelunkt, manchmal Tippfehler.

Das
Code: 
body {
text-align: center; /*fuer IE*/;
}
ist unnötig. Der IE kann bei richtigem Doctype auch ohne diese angabe zentrieren.

Beim .clearer solltest du auf den height-Wert verzichten (außerdem "px" statt "pix").

#header kannst du weglassen. Den margin-top-Wert kannst du ebenso dem #wrapper zuweisen.
 
Danke für Deine Anmerkungen, prm. Werde mich drum kümmern, soweit ich mir das zutraue; die Lightbox-CSS habe ich so übernommen. Da werde ich nur vorsichtigund zunächst auf einer Testseite experimentieren.

Aber soweit ich das beurteilen kann, scheinen im Code meiner HP ja keine "dicken Dinger" zu sein, die einem Profi die Hände über den Kopf zusammen schlagen lassen...:smile:
 
Hallo,

vllt wird das Thema ja verschoben...

- nicht valide [Invalid] Markup Validation of http://www.udenheim.de/ - W3C Markup Validator

- einige hinweise könntest du verbessern um die qualität deiner homepage zu steigern Qualidator - Testresultate für http://www.udenheim.de/

- header ist nicht eine überschrift 1. grades (<h1> ...</h1>) ? und wozu das <div> außenrum? gruppierst du mehrere elemente?
Code: 
  <div id="header">
   <img src="http://www.html.de/images/banner.gif" width="768" height="90" alt="Bildercollage">
   </div>
- ist der inhaltes des bildes "bildercollage"? Oder sieht man da nicht etwas?

- wieso <div> um das menu rum? du kannst direkt dem <ul> die id zuweisen.
- wieso <div id="footer">? du kannst doch dem <p> die id zuweisen.


Was mir so auffällt ist, dass das Design recht schlicht gehalten ist, die Farbgebung ist nicht so ganz mein Geschmack, aber wie gesagt, das ist von User zu User unterschiedlich.

Aufjedenfall ist da noch viel Potential .


Gruß
Loon3y
 
Werbung:
Zunächst mal vielen Dank für die Überprüfung der Site und der damit verbundenen Tipps, Anregungen und Kritiken.

Die semantischen Punkte in meinem HTML-Code werde ich (hoffentlich korrekt) versuchen zu berichtigen.

Was das Layout und die Farbgebung angeht, so kann man über Geschmack natürlich trefflich streiten.

Vielleicht werde ich über die Zeit mit anderen Farben spielen und auch das Layout "entschlichten"...:wink:...Wie gesagt, das war mein erstes Projekt (ich bin Laie und beabsichtige nicht, das professionell zu betreiben) und ich bin froh, dass ich damit schon mal online bin.

In jedem Fall habe ich hier im Forum viel gelernt und komme bei Bedarf gerne wieder.

"So long" sagt der

Broker
 
Broker schrieb:
...Wie gesagt, das war mein erstes Projekt (ich bin Laie und beabsichtige nicht, das professionell zu betreiben) und ich bin froh, dass ich damit schon mal online bin.
Zum Vergrößern anklicken....


Es ist egal ob Profi, Laie, privates Projekt oder Firmenprojekt, man sollte schon den W3C-Standard einhalten wenn man eine Homepage im www betreibt. Selbst im Intranet sollte das Pflicht sein. Denn eigentlich kann jedermann von überall darauf zugreifen, oder zumindest eine komplette Firma. Auch dort kann es Menschen mit Sehbehinderung und Blindheit geben die benuzterspezifisch Einstellungen haben.


Gruß
Loon3y
 
...und deswegen nehme ich ja auch Kritiken und Verbesserungsvorschläge dankend auf und versuche, sie umsetzen.

Aber bei einem ersten Projekt wird nie von Anfang an alles perfekt und hundertprozentig sein...Normalerweise lernt man mit der Praxis.
 
Werbung:
HTML: 
<meta name="robots" content="index, follow">
...kannst du löschen, das ist das Standardverhalten für Suchmaschinen.

============================

Javascripte alle am Ende des Dokuments auflisten, nicht am Anfang.

============================

Lightbox CSS in udenheim.css packen. Das spart einen HTTP-Request.

============================

media types im CSS Dokument angeben, nicht im HTML-Code
Code: 
@media screen {

/* CSS-Code */

}
 
Hi Ccisco,

vielen Dank für Deine Anmerkungen.

Gestatte mir bitte zwei Fragen...

1. Du sagst, Javascripts am Ende des Dokuments einbinden...die Anleitung der Lightbox besagt, dass ich die drei Zeilen in den Head zu packen habe.

2. "media="screen"" in den link für das stylesheet im Header angeben, habe ich aus einem Buch für HTML und CSS. Ich wüsste jetzt nicht, welchen CSS-Code ich dem noch hinzuzufügen hätte...

Gruß

Broker
 
Zu Punk 1: JavaScript-Skripte verhindern parallele Downloads. D. h. wenn der Browser anfängt ein Skript zu laden, startet er keine anderen Downloads (CSS, Bilder, ...). Wenn du die Skripte ganz unten einfügst, wird deine Website schneller aufgebaut.

Zu Punkt 2: Den CSS-Code, den du hinzufügen musst, habe ich ja geschrieben. Meiner Meinung nach gehört diese Angabe in das Stylesheet, weil es ja mit dem Aussehen der Website auf verschiedenen Ausgabegeräten zu tun hat. Und sowas gehört IMHO in das Stylesheet, und nicht in das HTML-Dokument, weil es eine logische Folge der Trennung von Inhalt und Präsentation darstellt.
 
Werbung:
Die Javascript-Zeilen habe ich jetzt nac h dem schliessenden Body-Tag eingefügt...es scheint zu funktionieren.

Mit dem Media-CSS-Code hatte ich Dich falsch verstanden. Ich dachte für Deine Bemerkung *CSS-Code* müsste ich noch CSS-Spezifizierungen einfügen...oder stehe ich mal wieder auf dem Schlauch?
 
Die Skripte sollten vor dem schließenden body-Tag stehen.

So sieht dein CSS-Dokument aus:

Code: 
[COLOR=Red]@media screen {[/COLOR]

/* dein üblicher CSS-Code */

[COLOR=Red]}[/COLOR]
...und im HTML-Code löscht du das media="screen".
 
Danke noch mal...Änderungen sind drin; hochgeladen wird das Teil aber erst heute Abend.

Ein schönes Wochenende wünscht der

Broker
 
Werbung:
Nochmals ich...

Nix war's mit dem Wochenende.

Nachdem ich alle Eure Anregungen umgesetzt habe, erscheint im IE6 auf der Seite der "Vereine und Organisationen" wieder ein Riesenabstand zwischen der Überschrift und dem Table...obwohl ich da nix geändert habe...

Habt Ihr Ideen?

Edit: Hab's rausgefunden: lag an der Formatierung der Überschriften der Tabelle. Durch "Font-weight: bold" ist das ganze Gedöns nach unten gerutscht. Muss ich wohl noch ein wenig mit den Abständen spielen
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben