Du bist nicht angemeldet.

Kundenwebsite

  • 1
  • 2

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

1

Freitag, 26. März 2004, 13:09

Kundenwebsite

Hallo Leute,

habe für einen Kunden eine Internetseite erstellt.
Valides XHTML und valides CSS.

Würde gerne mal Eure Meinung dazu hören.

Link: http://www.sine-cura.de

Liebe Grüße
ARESOL
Signatur von »ARESOL« wieder da

DukeXP

Profi

Beiträge: 1 553

  • Private Nachricht senden

2

Freitag, 26. März 2004, 14:22

RE: Kundenwebsite

Wenn du schon extra auf das valide (X)HTML samt zugehörigem Stylesheet hinweist willst du sicher auch eine optimale Zugänglichkeit sicherstellen. Leider überzeugt die Seite in einem Textbrowser nicht wirklich:
[q=Lynx]Headergrafik
Bild Steuerrad

Willkommen
Das Haus
Die Wohnungen
Kontakt
Gästebuch
Weblinks
Impressum
Bild Sylt
Webdesign by EDANET

Bild Anschrift Bild Duenen Bild Sine Cura Bild Strand


Bild Strandkorb
Willkommen im Haus Sine Cura, unserem gastfreundlichen Ferienhaus für
die ganze Familie

Wir begrüßen Sie ganz herzlich auf der Website unseres
familiengeführten Ferienhauses.
Die folgenden Seiten sollen Ihnen unser Haus, die wunderschöne
Landschaft und vor allem die atemberaubende Nähe von nur 100 m zum
Brandungsstrand (Weststrand) näher bringen.
Wir freuen uns auf Sie!
Erika + Hans-Georg Lüfelsmeier

Haus Sine Cura[/q]Alt-Texte solltest du nur für Bilder einsetzen, die für das Seitenverständnis oder die Navigation zwingend notwendig sind, also z. B. für Textgrafiken. Für eine Beschreibung eines Bildes ist das title-Attribut vorgesehen.

Ansonsten wirklich gut gelungen, schön übersichtlich und klar strukturiert. Lediglich die Subnavigation ist gelegentlich etwas ungewöhnlich: warum gibt es für ein Haus eine "Beschreibung 1" und eine "Beschreibung 2"? Klar, du hast den Text nicht in einem Stück im statischen Layout untergebracht, aber versteht das auch der Besucher? Übrigens ist die Seite im Firefox nicht zentriert sondern klebt am linken Seitenrand.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »DukeXP« (26. März 2004, 14:23)

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

3

Freitag, 26. März 2004, 15:28

Hi, danke für Deine Rezenssion!

Das timmt aber nicht ganz laut w3 Consortium ist eine Seite mit title-Attribut nicht valide und ohne alt-Tag auch nicht.

Wie kann ich denn im Firefox die Seite zentrieren, müsste ja eigentlich mit CSS gehen, oder?

LG
Signatur von »ARESOL« wieder da

Nash.Bridges

Profi

Beiträge: 1 426

  • Private Nachricht senden

4

Freitag, 26. März 2004, 15:33

In CSS:

Quellcode

 
1
2
3

#rahmen {
margin-left: auto;
margin-right: auto;}
Das sollte Helfen.

HTH Arne :)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Nash.Bridges« (26. März 2004, 15:33)

JoDo

Anfänger

Beiträge: 29

  • Private Nachricht senden

5

Freitag, 26. März 2004, 16:56

Hallo ARESOL

Zwei Punkte die mir gleich aufgefallen sind:

Bei Wohnung6.htm, und an einigen anderen Stellen, verrutscht die Navigationsleiste und die rote Überschrift.

Für die Fotos kannst du sicherlich nichts, aber ich finde sie schlecht. Vielleicht würde ein dezenter Rahmen helfen.

Sonst sieht es ganz nett aus.
Gruß JoDo

Mozilla 1.5 mit XP

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

6

Freitag, 26. März 2004, 18:14

Danke Dir Nash.

Für die Bilder kann ich wirklich nix, die kommen aber noch raus, wenn der Kunden demnächst zu seinem Ferienhaus fährt und neue schießt.

Von Rahmen halte ich nicht wirklich was, sorry.

Danke schonmal an alle

Mehr Kritik :-)
Signatur von »ARESOL« wieder da

DukeXP

Profi

Beiträge: 1 553

  • Private Nachricht senden

7

Freitag, 26. März 2004, 19:47

Zitat

Original von ARESOL
Das timmt aber nicht ganz laut w3 Consortium ist eine Seite mit title-Attribut nicht valide und ohne alt-Tag auch nicht.
Bist du dir da ganz sicher oder hat dir das ein Validator geflüstert? :D

Der alt-Text bietet alternativen Text für eine Grafik an, falls diese nicht dargestellt wird. Gründe dafür können zum Beispiel sein, dass der Besucher einen Textbrowser benutzt, das Laden von Grafiken deaktiviert hat oder einen Sprachbrowser benutzt. Auch Suchmaschinen können mit Grafiken nichts anfangen, sie beachten stattdessen den alt-Text und ziehen diesen auch für das Ranking heran.

Bei Grafiken mit einem Nutzwert, wie z.B. Fotos, sollte der alt-Text dafür sorgen, dass man auch ohne die Grafik zu sehen, alle wichtigen Informationen erhält, die durch die Grafik vermittelt werden sollen. Falls man zum Beispiel Grafiken für die Navigation verwendet, sollte der alt-Text die Funktion der Grafik beschreiben. Auf keinen Fall, sollte der alt-Text der Dateigröße oder dem Dateinamen der Grafik entsprechen. Auch alt-Texte wie "Firmenlogo" oder "Schriftzug" sind sinnlos, da sie dem Besucher keinen zusätzlichen Nutzen bringen.

Die meisten Seiten setzen Grafiken auch zu dekorativen Zwecken ein oder verwenden unsichtbare GIFs zur Kontrolle des Layouts. Diese Grafiken haben keinen Nutzwert, doch deshalb darf man hier trotzdem nicht auf einen alt-Text verzichten! Denn Textbrowser ersetzen die Grafiken dann durch einen unschönen Platzhalter, wie z.B. "[image]", oder "[dateiname]". Das macht jedoch Webseiten unter Umständen vollkommen unleserlich. Um das zu vermeiden, sollte man alle Grafiken ohne Nutzwert mit alt="" versehen, denn dann stellt der Browser keinen Platzhalter dar.

Die von dir verwendeten Alt-Texte "Bild Steuerrad", "Bild Sylt", "Bild Anschrift", "Bild Duenen", "Bild Sine Cura", "Bild Strand" und "Bild Strandkorb" bieten keinerlei Mehrwert. Ein Benutzer (ob behindert oder nicht) mit einem Textbrowser kann zwar bei dir lesen / vorgelesen bekommen "Bild Anschrift", hat aber keine Möglichkeit, die Anschrift in Erfahrung zu bringen.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 6 mal editiert, zuletzt von »DukeXP« (26. März 2004, 20:05)

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

8

Freitag, 26. März 2004, 19:52

[q=Aresol]Mehr Kritik :-)[/q]
Du hast es so gewollt... ;)

Also die Farbwahl gefällt mir, abgesehen von dem rot für die Überschriften, ganz gut.

Doch es gibt ein paar Dinge, die ich nicht ganz verstehe:

- Die Punkte vor und hinter einer Überschrift finde ich etwas merkwürdig.

- Warum vernichtest Du einen großen Vorteil von HTML, indem Du die Seite in ein starren, kleinen Bereich zwängst? Ich betrachte die Seite auf einem 17" TFT-Bildschirm bei einer Auflösung von 1280 x 1024 Pixel. Dabei wird die Seite oben in der Mitte angezeigt und drumherum ein riesiger weißer Rand...

- Warum bekomme ich eine freundliche Erfolgsbestätigung für das Ausfüllen des Kontaktformulares, wenn ich nichts ausfülle und nur auf senden klicke? ;)


Also mit Deiner Barrierefreiheit, wie im Impressum postuliert, ist es nicht weit her, denn wenn ich die Schrift größer machen will, tut sich rein gar nichts, weil Du die Schriftgröße in px anstelle von em angegeben hast... Das hat mit Barrierefreiheit wenig zu tun. :rolleyes:


Eines noch zum Schluß. Du benutzt CSS. Das ist gut. Aber warum verwendest Du CSS nicht auch, um das Ausdrucken der Seiten zu optimieren? Druck mal eine Seite mit Beschreibung aus, dann siehst Du, was ich meine...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »LapisInfernalis« (26. März 2004, 19:54)

DukeXP

Profi

Beiträge: 1 553

  • Private Nachricht senden

9

Freitag, 26. März 2004, 20:01

Zitat

Original von LapisInfernalis
Also mit Deiner Barrierefreiheit, wie im Impressum postuliert, ist es nicht weit her, denn wenn ich die Schrift größer machen will, tut sich rein gar nichts, weil Du die Schriftgröße in px anstelle von em angegeben hast... Das hat mit Barrierefreiheit wenig zu tun. :rolleyes:
Das ist nicht wirklich ein Problem der Seite sondern ein Problem deines Browsers. Jemand der aus irgendwelchen Gründen auf eine größere Schrift angewiesen ist verwendet mit Sicherheit einen Browser, der ihm diese Funktionalität bietet. Zahlreiche Seiten, die sich mit Barrierefreiheit beschäftigen, empfehlen übrigens aufgrund diverser Nachteile die Schriftgröße nicht in der Einheit "em" zu definieren.

Ein viel größeres Problem ist, dass sich das Seitenlayout nicht an eine größere Schrift anpassen kann und so bereits bei einem Erhöhungsschritt gesprengt wird. Besonders die Begrenzung der zur Verfügung stehenden Höhe wirkt sich äußerst nachteilig aus.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »DukeXP« (26. März 2004, 20:04)

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

10

Freitag, 26. März 2004, 20:05

[q=DukeXP]Das ist nicht wirklich ein Problem der Seite sondern ein Problem des Browsers. Jemand der aus irgendwelchen Gründen auf eine größere Schrift angewiesen ist verwendet mit Sicherheit einen Browser, der ihm diese Funktionalität bietet. [/q]

Das wage ich zu bezweifeln, denn der IE bietet ja die Möglichkeit der Schriftvergrößerung, aber halt nur, wenn man em verwendet...

Das Browser wie der FireFox die Schriftgröße trotz der Verwendung von px vergörßern ist zwar eine nette Dreingabe, streng genommen aber nicht korrekt, weil eine Angabe in px absolut ist und nicht relativ...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

11

Freitag, 26. März 2004, 20:17

Ich will aber eine absolute Schriftgröße.

Das mit dem alt werd ich mir mal überlegen, aber bitte erklär mir mal was zu title="" .

Vielen Dank für die bisherige Kritik.
Signatur von »ARESOL« wieder da

DukeXP

Profi

Beiträge: 1 553

  • Private Nachricht senden

12

Freitag, 26. März 2004, 20:23

Zitat

Original von LapisInfernalis
[q=DukeXP]Das ist nicht wirklich ein Problem der Seite sondern ein Problem des Browsers. Jemand der aus irgendwelchen Gründen auf eine größere Schrift angewiesen ist verwendet mit Sicherheit einen Browser, der ihm diese Funktionalität bietet. [/q]Das wage ich zu bezweifeln, denn der IE bietet ja die Möglichkeit der Schriftvergrößerung, aber halt nur, wenn man em verwendet...
Der Internet Explorer unter Windows ist als einziger aktueller Browser so programmiert, dass dieser in der Werkseinstellung einen in der Einheit "px" definierten Text nicht skalieren kann. Auf dem Mac funktioniert das übrigens einwandfrei.

Zitat

Original von LapisInfernalis
Das Browser wie der FireFox die Schriftgröße trotz der Verwendung von px vergörßern ist zwar eine nette Dreingabe, streng genommen aber nicht korrekt, weil eine Angabe in px absolut ist und nicht relativ...
Relativ in Abhängigkeit vom übergeordneten Element oder der im Browser eingestellten Standardschriftgröße, die beide durchaus absolut definiert sein können.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (26. März 2004, 20:31)

DukeXP

Profi

Beiträge: 1 553

  • Private Nachricht senden

13

Freitag, 26. März 2004, 20:29

Zitat

Original von ARESOL
Das mit dem alt werd ich mir mal überlegen, aber bitte erklär mir mal was zu title="".
Mit dem title-Attribut kannst du eine Beschreibung zu einem Bild hinterlegen, die dann bei Überfahren mit der Maus sichtbar wird. Der Internet Explorer zeigt fälschlicherweise auch das alt-Attribut auf diese Weise an. Für längere Texte biete sich das longdesc-Attribut an. Nähere Informationen findest du bei selfhtml.
Signatur von »DukeXP« Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (26. März 2004, 20:32)

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

14

Freitag, 26. März 2004, 20:35

[q=Aresol]Ich will aber eine absolute Schriftgröße.[/q]

Kannst Du ja auch... Aber barrierefrei solltest Du Deine Seite dann nicht nennen, vor allem nicht, weil Dein Layout höchst allergisch auf Schriftvergrößerung reagiert, wie DukeXP bereits erwähnt hat...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Ingo

Fortgeschrittener

Beiträge: 570

  • Private Nachricht senden

15

Freitag, 26. März 2004, 20:58

hi,
valider code ist nicht alles...
ein bild wird dir die unzulänglichkeiten und die erforderlichen Korrekturen wohl am besten aufzeigen: http://www.isis.de/members/~iturski/tests/sine.jpg
Gruß
Ingo

TheNobody Style

alter Sack, aber Chef :D

Beiträge: 4 678

Vorname: Andreas

  • Private Nachricht senden

16

Freitag, 26. März 2004, 23:58

ich frage mich gerade, was "barrierefrei" mit dem Layout zu tun hat. Barrierefreiheit heisst lediglich, dass die Seite auf jedem System benutzbar ist ... ich denke dass einem fast Blinden, der die Schrift auf 300 px hochschrauben muss, dass Layout so ziemlich am Ar*** vorbei geht.

nun mal was zu der Seite ...

Punkt 1:
ich als Kunde würde mir das qualitativ absolut lausige Edanet-Bildchen verbeten ... das is ja wohl echt unter aller Kanone

Punkt 2:
auch wenn ich ein GB auf ner "firmenseite" nicht verstehe ... so sollte es doch designmässig reinpassen. Also das mit dem Orange ... na nicht wirklich

Punkt 3:
irgendwie wirkt die Startseite ... nuja ... alles irgendwie deplaziert ...
vielleicht das Foto nach oben links ... und denn Text rechts ... nur so ne Idee ...

ansonsten gibt es ja nich so viel "Seite" ...

soweit mal kurz von mir ... :)

TNS
Signatur von »TheNobody Style«

Investorman

Erleuchteter

Beiträge: 3 610

  • Private Nachricht senden

17

Samstag, 27. März 2004, 00:17

RE: Kundenwebsite

Hi Aresol,

mir gefällt die Seite gut. Nicht zu voll und nicht zu leer. Ein angenehmes Design und die nötigsten Infos zum Haus sind vorhanden.

Zitat

Original von ARESOL
(ich) habe für einen Kunden eine Internetseite erstellt.
Hmm, was mich nun interessieren würde: Wenn Du die Seite erstellt hast, was hat dann der Hinweis "Wendesign by Edanet" dort zu suchen? Ehrlich gesagt glaube ich kaum, dass es sich um Deine GmbH handelt ...
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

18

Samstag, 27. März 2004, 04:24

warum ist der Hintergrund blau, hab ich doch nirgends definiert?

Und warum zeigt Mozilla das so an?
Signatur von »ARESOL« wieder da

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

19

Samstag, 27. März 2004, 04:27

Ist nicht meine GmbH, aber die Firma bei der ich angestellt bin und ich habe die Seite erstellt.
:-)
Signatur von »ARESOL« wieder da

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

20

Samstag, 27. März 2004, 12:29

[q=Cheffe]ich frage mich gerade, was "barrierefrei" mit dem Layout zu tun hat. Barrierefreiheit heisst lediglich, dass die Seite auf jedem System benutzbar ist ... ich denke dass einem fast Blinden, der die Schrift auf 300 px hochschrauben muss, dass Layout so ziemlich am Ar*** vorbei geht.[/q]

Natürlich haben Barrierefreiheit und das Layout nur bedingt miteinander zu tun. Tatsache ist, dass die Seite, zumindest für IE-Benutzer, nicht barrierefrei ist.

Der Fakt, dass das Layout zerschossen wird, wenn man die Schriftgröße erhöht ist nur, wie ich bereits erwähnte, ein unschöner Nebeneffekt. ;)
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)
  • 1
  • 2

Lesezeichen: