SaSa22
- 13. Mai 2024
- #Anzeige
Hi wolfdancer ... hast du hier schon mal geguckt?
watson
KSG-Mutti™
20 Jahre Mitglied
schön 
Sehr ausführlich und verständlich erklärt
Winzige Kritik
Mal auf die Rechtschreibung und Grammatik achten, sind einige kleine Fehlerchen enthalten
watson
Sehr ausführlich und verständlich erklärt
Winzige Kritik
Mal auf die Rechtschreibung und Grammatik achten, sind einige kleine Fehlerchen enthalten watson
PerlRonin
Dicker KSG-Dackel™
Mod-Team
15 Jahre Mitglied
Ein paar Kommentare zum technischen:
- Table-Layout ist umstaendlich zu pflegen und heutzutage bequem durch CSS ersetzbar. Gerade wenn Euch die Arbeit mit Behinderten interessiert, ist Accessability (also die Zugaenglichkeit einer Site durch Screenreader oder andere Hilfen), enorm wichtig, und diese ist mit CSS-Layouts erheblich einfacher zu realisieren als bei einem Table-Design.
- Die Abstaende zwischen den linken Navi-Icons sollten etwas groesser sein, da der Text unter dem Icon sonst schwer zu lesen ist.
- Unten die Navi hat irgendwie einen voellig kaputten Zeilenumbruch.
- Viele Bereiche sind zentriert gesetzt, was bei Stichpunkten so gerade eben noch geht, was aber fuer normalen Text extrem anstrengend zu lesen ist. Teils ist zentrierter und links ausgerichteter Text gemischt, wodurch der Gesamteindruck noch unruhiger wird.
- Einige Seiten haben am Fuss ein Impressum, andere nicht. Ich wuerde das Impressum auf eine eigene Seite packen und in die Navigation aufnehmen.
- Nur die Homepage hat am Fuss der Seite eine Navigation, dabei ist diese ja wichtig, denn man hat ja bis unten gelesen und will dann weiter klicken, statt erst nach ganz oben zu scrollen.
- Bei Aufzaehlungen wuerde ich Punktlisten benutzen. Dafuer sind sie ja gedacht.
- Die Banner-Images sind im Grunde ueberfluessig. Ein Background-Image mit dem normalen Text darueber tut's doch auch. Geht sowohl bei Table- als auch CSS-Design. ALT-Tags habt Ihr wenigstens gesetzt, insofern ist dieser Vorschlag eher kosmetischer Natur.
wolfdancer
15 Jahre Mitglied
dir ist eventuell aufgefallen, dass ich ziemlicher anfänger bin
???aaaaaber, ich kenn einen, der einen kennt, der weiß wo einer wohnt, der sich damit auskennt .....
neee, im ernst. mit dem womit ich nix anfangen kann gehe ich mal zu meinem schätzeken. der weiß dann was du meinst.
vielen dank für deine mühe! toll!
das wird noch professionel sach ich dir .....
PerlRonin
Dicker KSG-Dackel™
Mod-Team
15 Jahre Mitglied
Dann drueck' ich 'mal die Daumen, dass Ihr mit dem Konzept auch Erfolgreich seid.
Wenn "Schaetzeken" Fragen hat, PM...
Wenn "Schaetzeken" Fragen hat, PM...
kangalklaus
15 Jahre Mitglied
Sieht ja prima aus. Auch der Link zuwolfdancer schrieb:ach so ..... ähm ..... hier der link:
Grüße Klaus
wolfdancer
15 Jahre Mitglied
pearl: ich mache das beides seit über drei jahren schon - erfolgreich - aber trotzdem danke
schätzeken war in dem bereich selbständig, ich bin nur stur .....
klaus: ruf einfach mal wieder an! vielleicht wird es ja doch noch was uns .... du erinnerst dich? die seite sieht nur ganz anders aus ...
schätzeken war in dem bereich selbständig, ich bin nur stur .....
klaus: ruf einfach mal wieder an! vielleicht wird es ja doch noch was uns .... du erinnerst dich? die seite sieht nur ganz anders aus ...
Marion
Harry Hirsch™
Mod-Team
20 Jahre Mitglied
Schön dezenter Hintergrund, gefällt mir. Bei "Delfin" mit "f" schauderts mich allerdings immer noch... *schüttel*
Warum ist die Navigationsleiste unten dreizeilig?
Warum ist die Navigationsleiste unten dreizeilig?
PerlRonin
Dicker KSG-Dackel™
Mod-Team
15 Jahre Mitglied
Das ist ein grosser Schritt vorwaerts
Hier nochmal ein paar Anmerkungen:
Hier nochmal ein paar Anmerkungen:
- Die Listen und die einheitlich linksbuendigen Absaetze geben ein viel klareres Bild.
- Ich bin immer noch der Meinung, dass das Impressum auf eine einzelne Seite sollte, statt auf jeder Seite unten im Fuss zu stehen. Ein nicht-behinderter ignoriert die kleine Schrift einfach. Z.B. ein Blinder geraet in diesen Sinnlosen Abschnitt jedesmal auf's Neue mit seinem Screenreader 'rein.
- Die Homepage habt Ihr begonnen, mit CSS zu stylen, und wenn man sich die Seite mit Lynx anschaut, ist die Navigation nun am Fuss der Seite. Das ist gut, denn mit Screenreadern kommt man ja nachdem man den Inhalt der Seite gelesen hat, an die Navigation, wo man dann weiterblaettern kann, statt
- die Navi auf jeder Seite oben erstmal ueberspringen zu muessen
- um dann nachdem man gelesen hat, wieder zurueck nach oben zu springen um die Navigation zu nutzen
Leider sind die Begruessung (Herzlich willkommen...) und der einleitende Text vertauscht, der Text steht also oben statt unten.
Es geht bei Accessability nicht nur um Sehbehinderte. Jemand, der einen Webbrowser nur mit Joystick und dem Kinn bewegen kann, hat grosse Muehe, wenn er auf jeder Seite 2x quer durch das Dokument blaettern muss, nur um auf die naechste Seite zu kommen. Solche Probleme sind durch kleine Kniffe leicht loesbar und wirken sich in keinster Weise auf ein gutes Design aus.
Es geht bei Accessability nicht nur um Sehbehinderte. Jemand, der einen Webbrowser nur mit Joystick und dem Kinn bewegen kann, hat grosse Muehe, wenn er auf jeder Seite 2x quer durch das Dokument blaettern muss, nur um auf die naechste Seite zu kommen. Solche Probleme sind durch kleine Kniffe leicht loesbar und wirken sich in keinster Weise auf ein gutes Design aus.
- Was fuer die Accessibility noch fehlt, sind sinnvolle Alt-Tags bei den Bildern (Bei der Navi habt Ihr sie ja schon), bzw.
alt=""
bei den clearpixel.gif. Sonst sieht's naemlich so aus:
Code:
[noparse] Konzept (p1 of 4)
[clearpixel.gif]
Home
Konzept
Ziel
Das Team
Service & Kontakt
Infos & Berichte
Bilder
Links
[clearpixel.gif] [clearpixel.gif] [clearpixel.gif] [clearpixel.gif]
[clearpixel.gif] [clearpixel.gif]
Konzept
Das Konzept der Helpdogs ist
INDIVIDUALITÄT.
Wir erstellen für jede Einrichtung ein entsprechendes Konzept,
angepasst an die jeweiligen Bedürfnisse.
-- press space for next page --
Arrow keys: Up and Down to move. Right to follow a link; Left to go back.
H)elp O)ptions P)rint G)o M)ain screen Q)uit /=search [delete]=history list
[/noparse]Es gibt zum einen Online-Viewer fuer Lynx, mit dem Ihr die Seite testen koennt unter der Adresse
Zum Anderen gibt es
ein Plugin fuer Firefox (das ich aber selber noch nicht getestet habe, weil ich Lynx direkt unter Linux laufen habe).
Sinnvolle Alt-Tags beschreiben den Inhalt des Bildes, also z.B. "Eine Autistin beim Fuettern von Elsa" oder "Joschi schmust mit einem bettlaegrigen Patienten". Solche Informationen sind auch fuer eine Person die das Bild selber nicht sehen kann interessant.
Sinnvolle Alt-Tags beschreiben den Inhalt des Bildes, also z.B. "Eine Autistin beim Fuettern von Elsa" oder "Joschi schmust mit einem bettlaegrigen Patienten". Solche Informationen sind auch fuer eine Person die das Bild selber nicht sehen kann interessant.
- Die Bilder mit einer 256-Farben-Web-Palette zu speichern ist heute wirklich nicht mehr zeitgemaess. Ich glaube nicht, dass in den letzten 5 Jahren ueberhaupt noch Grafikkarten mit 8-Bit gebaut wurden. Wenn Du von Deinem Grafik-Programm eine "Optimale Palette" berechnen laesst, kannst Du den Pixel-Effekt (Dithering) auf den grossen Farbflaechen vermeiden.
- Ausserdem wuerde ich bei dem unruhigen Hintergrund die Bilder mit Transparenz versehen. Im Anhang unten findest Du zwei schnell gemachte Beispiele. Die sind nicht perfekt, aber wenn Du sie bei Dir zum Test einbaust, wirst Du den Effekt sehen, von dem ich rede. Bei dem Navi-Huendchen ist zudem der Abstand nach oben und unten ein wenig vergroessert, da ich immer noch finde, dass man schwierigkeiten hat, zu entscheiden ob der Text zum Bild darueber oder darunter gehoert. Schau' Dir die Bilder einmal mit einen bunten Hintergrund an, dann wirst Du sehen, was sich geaendert hat.
- Ich wuerde bei den Navi-Huendchen einen klareren Font benutzen, oder ggf. den Text vom Browser unter das eigentliche Bild setzen, und nicht mit in das Bild einbauen.
- Auf der Seite "Service & Kontakt" ist im Abschnitt Service die erste Ueberschrift zentriert, die zweite linksbuendig.
- Wenn Du mit CSS konsequent weiter machst, und auch das Font-Styling im Stylesheet machst, wird Dein HTML-Code erheblich besser zu lesen und damit auch zu warten sein. Nutze fuer Ueberschriften auch die Tags, die dafuer gedacht sind (H1 - H6), und nicht <p font=...>. Auch das hilft Personen mit Screenreadern, die Struktur Deiner Inhalte besser zu erkennen und damit zu verstehen.
Anhänge
wolfdancer
15 Jahre Mitglied
pearl: dein wissen in ehren, aaaaber, ich wollte keinen kurs machen zur professionellen hp-erstellung (werde es meinen mann lesen lassen ...).
die seiten sind für betreuer von einrichtungen gedacht.
bisher war nicht geplant, dass so selbständige menschen mit handicap das nutzen.
aber sicher einen gedanken wert.
die bilder sind gescannt von fotos, besser hab ich es noch nicht hinbekommen, arbeite daran.
die kleinigkeiten werde ich gleich erledigen.
die seiten sind für betreuer von einrichtungen gedacht.
bisher war nicht geplant, dass so selbständige menschen mit handicap das nutzen.
aber sicher einen gedanken wert.
die bilder sind gescannt von fotos, besser hab ich es noch nicht hinbekommen, arbeite daran.
die kleinigkeiten werde ich gleich erledigen.
PerlRonin
Dicker KSG-Dackel™
Mod-Team
15 Jahre Mitglied
Nur so am Rande, es heisst Perl, nicht Pearl. Eine Pearl gibt's hier auch, ist aber jemand anderes.
Das mit den Bildern mit komischen Farben bezog sich auf das Navi-Huendchen und das Banner. Die Fotos sehen ok aus.
Wollte Dich nicht stressen, mit meiner Liste, und das ist ja auch keine Pflichtuebung alles zu beachten.
Was die Selbstaendigkeit von Behinderten betrifft, moeglicherweise stolpert ja ein betroffener ueber Eure Seite und kennt Leute, an die er Euch verweisen koennte. Eine Seite behindertengerecht zu machen ist viiiieeel weniger Aufwand als es allgemein immer behauptet wird.
Aber wie gesagt, wenn's Dir zuviel wird, halt' ich mich was zurueck
Das mit den Bildern mit komischen Farben bezog sich auf das Navi-Huendchen und das Banner. Die Fotos sehen ok aus.
Wollte Dich nicht stressen, mit meiner Liste, und das ist ja auch keine Pflichtuebung alles zu beachten.
Was die Selbstaendigkeit von Behinderten betrifft, moeglicherweise stolpert ja ein betroffener ueber Eure Seite und kennt Leute, an die er Euch verweisen koennte. Eine Seite behindertengerecht zu machen ist viiiieeel weniger Aufwand als es allgemein immer behauptet wird.
Aber wie gesagt, wenn's Dir zuviel wird, halt' ich mich was zurueck
wolfdancer
15 Jahre Mitglied
peeeeeeerl, sorry
neee, ist ja schon schön, wenn jemand von außen so mit elan kritisiert - darum hatte ich gebeten.
bin lediglich überfordert
aaaaber auch lernfähig, flexibel, intelligent, gut aussehend, sympatisch, .... ähm, na gut, streich was du willst ...
ich nehme mir definitiv zu herzen was du schreibst und tue was ich kann.
rest muß warten, aber ich finds gut !!!!!! ehrlich !!!!!
na, dann gucke mal, ob ich noch n lob verdient hab
neee, ist ja schon schön, wenn jemand von außen so mit elan kritisiert - darum hatte ich gebeten.
bin lediglich überfordert
aaaaber auch lernfähig, flexibel, intelligent, gut aussehend, sympatisch, .... ähm, na gut, streich was du willst ...
ich nehme mir definitiv zu herzen was du schreibst und tue was ich kann.
rest muß warten, aber ich finds gut !!!!!! ehrlich !!!!!
na, dann gucke mal, ob ich noch n lob verdient hab
kangalklaus
15 Jahre Mitglied
wolfdancer schrieb:
Danke! Nun konnte ich heute Abend auch einmal herzlich lachen (sorry).
Klaus
Wenn dir die Beiträge zum Thema „Juhuuu, neue HP steht ...“ in der Kategorie „Glückwünsche, Grüße & sonstige Mitteilungen“ gefallen haben, du noch Fragen hast oder Ergänzungen machen möchtest, mach doch einfach bei uns mit und melde dich kostenlos und unverbindlich an:
Registrierte Mitglieder genießen u. a. die folgenden Vorteile:
- kostenlose Mitgliedschaft in einer seit 1999 bestehenden Community
- schnelle Hilfe bei Problemen und direkter Austausch mit tausenden Mitgliedern
- neue Fragen stellen oder Diskussionen starten
- Alben erstellen, Bilder und Videos hochladen und teilen
- Anzeige von Profilen, Benutzerbildern, Signaturen und Dateianhängen (z.B. Bilder, PDFs, usw.)
- Nutzung der foreneigenen „Schnackbox“ (Chat)
- deutlich weniger Werbung
- und vieles mehr ...
Diese Themen könnten dich auch interessieren:
Ich denke, bei einem 12-jährigen Dobermann stehen die mittel- bis langfristigen Nebenwirkungen eher im Hintergrund, wenn der Hund durch ein Medikament noch eine schöne Zeit hat. ;)
-
tessa
- Gesundheit & Ernährung
Hallöchen u willkommen hier!:hallo: Was sind denn eure Probleme?
LG Doug-Frauchen
-
rackna83
- Die "Stell' Dich vor!"-Ecke
super, sowas liest man doch gern :) und dem opa viel spass mit den frühlingsgefühlen :D
-
steffi75
- Gesundheit & Ernährung
Hallo Nicole,
da kann man dir und Laura zu diesem schönen Jubiläum nur recht herzlich gratulieren und euch noch viele, viele glückliche gemeinsame Jahre wünschen! :)
-
KleineLaura05
- Glückwünsche, Grüße & sonstige Mitteilungen
