Da mein Gästebuch bei freenet schon seit längerem nicht mehr erreichbar war und es auch nicht so aussah, als ob freenet das in Ordnung bringen kann oder will, habe ich meinen Account dort nun deaktiviert. Somit ist mein bisheriges Gästebuch Geschichte.
Ob ich ein neues Gästebuch von einem anderen Anbieter anschaffen werde, weiß ich noch nicht. Mal sehen.
Freitag
Samstag
In the Ghetto
Elvis-Imitatoren dieser Welt, zieht euch warm an:
Marti Pellow von Wet Wet Wet singt In the Ghetto.
Wem das nicht reicht, dem sei noch dieses Video von einem Elvis tribute concert empfohlen:
Wet Wet Wet und It's now or never.
Marti Pellow von Wet Wet Wet singt In the Ghetto.
Wem das nicht reicht, dem sei noch dieses Video von einem Elvis tribute concert empfohlen:
Wet Wet Wet und It's now or never.
Montag
Farbenspiel
Während des Redesigns meiner Website bin ich auf eine nützliche Seite gestoßen, die verschiedene Farbtools bietet. Man kann sich auf Basis einer Farbe unterschiedliche Farbschemata anzeigen lassen, die Farbe mit verschiedenen anderen Farben mischen lassen und anderes mehr. Äußerst hilfreich, wenn man nach passenden Farben für eine Website sucht.
Viel Spaß mit diesem Colour Selector!
Viel Spaß mit diesem Colour Selector!
Sonntag
Dokumentation der Verbesserungen an Sylvia's Home
Den Quelltext habe ich gründlich überarbeitet. Eine Menge überflüssige(r) Quelltext und Kommentare sind rausgeflogen. Außerdem habe ich den Quelltext übersichtlicher strukturiert. Die meisten Style-Angaben habe ich aus dem Quellcode genommen und dafür Anweisungen im CSS erstellt. Der Hauptzweck der ganzen Aktion war, die Website barriereärmer zu gestalten.
Äußerliches:
Die auffälligste Veränderung - abgesehen vom neuen Design - ist der Footer. Dieser wurde mit der Anweisung "clear: both;" vesehen, so dass die gefloatete Subnavigation schön im Container bleibt. Außerdem beinhaltet er neben dem Copyright-Hinweis einen Link zur Sitemap, die dadurch von allen Seiten aus erreichbar ist.
Ich habe auch ein neugebasteltes Favicon eingebunden. Leider mag Safari es nicht anzeigen. Seufz!
Aus dem Hauptmenüpunkt "Gästebuch" wurde "Kontakt". Dort findet man nun neben dem Link zum Gästebuch den E-Mail-Link.
Der Haupttext ist jetzt in Blocksatz gehalten. Das gefällt mir einfach besser.
Optische Verbesserungen:
Ich habe die Schriftgrößen in allen Bereichen erhöht, um die Lesbarkeit zu erhöhen. Zumindest im IE6 wird die Schrift nun auch schöner dargestellt.
Es hat sich herausgestellt, dass kursive Schrift zur Hervorhebung von Textstellen einfach nicht ausreicht. Deshalb werden Textstellen jetzt im Grün der Überschriften hervorgehoben. Derzeit zu sehen in den Beschreibungen auf den Eingangsseiten zu den Unterbereichen.
Überschriften und Links haben jetzt unterschiedliche Farben.
Den Websitetitel im Logo habe ich nun absolut positioniert. Das wirkt sich positiv aus, wenn ein Besucher die Schrift über den Browser vergrößert. Man müsste die Schrift schon extrem vergrößern, um den Logotext noch "aus der Spur" zu bringen.
Usability:
Am Anfang jeder Seite habe ich die Sprachangaben ergänzt, damit ein Screenreader erkennt, welche Sprache er da vorliest. Dasselbe habe ich bei Abschnitten gemacht, in denen ein Sprachwechsel stattfindet.
Die Subnavigation ist jetzt passenderweise in eine ungeordnete Liste verpackt.
Die Rubriken "Aktuelles" bzw. "News" auf den Startseiten sind nun auch nicht mehr fälschlicherweise in Definitionslisten vergraben, sondern wurden in h3- bzw. p-Elemente gesteckt.
Auch alle Absätze habe ich in p-Elemente verstaut.
Für mein Zahlenspiel habe ich mir die Mühe gemacht, die jeweilige Zahlenreihe im Alt-Text zu wiederholen, damit jemand, der das Bild nicht sehen kann, auf den Alt-Text zurückgreifen kann. Damit wird das Zahlenspiel auch für solche Besucher spielbar.
Sylvia's Home mag damit noch nicht ein Vorbild für Barrierefreiheit bzw. -armut sein, aber ich bin sicher, obige Verbesserungen stellen einen großen und wichtigen Schritt in die richtige Richtung dar.
Äußerliches:
Die auffälligste Veränderung - abgesehen vom neuen Design - ist der Footer. Dieser wurde mit der Anweisung "clear: both;" vesehen, so dass die gefloatete Subnavigation schön im Container bleibt. Außerdem beinhaltet er neben dem Copyright-Hinweis einen Link zur Sitemap, die dadurch von allen Seiten aus erreichbar ist.
Ich habe auch ein neugebasteltes Favicon eingebunden. Leider mag Safari es nicht anzeigen. Seufz!
Aus dem Hauptmenüpunkt "Gästebuch" wurde "Kontakt". Dort findet man nun neben dem Link zum Gästebuch den E-Mail-Link.
Der Haupttext ist jetzt in Blocksatz gehalten. Das gefällt mir einfach besser.
Optische Verbesserungen:
Ich habe die Schriftgrößen in allen Bereichen erhöht, um die Lesbarkeit zu erhöhen. Zumindest im IE6 wird die Schrift nun auch schöner dargestellt.
Es hat sich herausgestellt, dass kursive Schrift zur Hervorhebung von Textstellen einfach nicht ausreicht. Deshalb werden Textstellen jetzt im Grün der Überschriften hervorgehoben. Derzeit zu sehen in den Beschreibungen auf den Eingangsseiten zu den Unterbereichen.
Überschriften und Links haben jetzt unterschiedliche Farben.
Den Websitetitel im Logo habe ich nun absolut positioniert. Das wirkt sich positiv aus, wenn ein Besucher die Schrift über den Browser vergrößert. Man müsste die Schrift schon extrem vergrößern, um den Logotext noch "aus der Spur" zu bringen.
Usability:
Am Anfang jeder Seite habe ich die Sprachangaben ergänzt, damit ein Screenreader erkennt, welche Sprache er da vorliest. Dasselbe habe ich bei Abschnitten gemacht, in denen ein Sprachwechsel stattfindet.
Die Subnavigation ist jetzt passenderweise in eine ungeordnete Liste verpackt.
Die Rubriken "Aktuelles" bzw. "News" auf den Startseiten sind nun auch nicht mehr fälschlicherweise in Definitionslisten vergraben, sondern wurden in h3- bzw. p-Elemente gesteckt.
Auch alle Absätze habe ich in p-Elemente verstaut.
Für mein Zahlenspiel habe ich mir die Mühe gemacht, die jeweilige Zahlenreihe im Alt-Text zu wiederholen, damit jemand, der das Bild nicht sehen kann, auf den Alt-Text zurückgreifen kann. Damit wird das Zahlenspiel auch für solche Besucher spielbar.
Sylvia's Home mag damit noch nicht ein Vorbild für Barrierefreiheit bzw. -armut sein, aber ich bin sicher, obige Verbesserungen stellen einen großen und wichtigen Schritt in die richtige Richtung dar.
Donnerstag
Sylvia proudly presents ...
Es ist soweit! Die Generalüberholung von Sylvia's Home ist abgeschlossen und die neugestylte Site ist seit gestern Abend online. Ich finde, sie sieht jetzt frischer und fröhlicher aus.
Alle HTML-Seiten, die ich bisher getestet habe, validieren- so wie das CSS. Nur der Internet Explorer ist hier und da etwas kreativ in der Darstellung. Aber das lässt sich verkraften. Ich werde bei Gelegenheit versuchen herauszufinden, woran das liegt.
Ich hoffe, dass ich am kommenden langen Wochenende dazu komme, hier zu dokumentieren, was ich am Markup alles verbessert habe. Außerdem muss noch das Gästebuch dem neuen Aussehen angepasst werden.
Alles in allem war es viel Arbeit, aber es hat sich mit Sicherheit gelohnt.
Alle HTML-Seiten, die ich bisher getestet habe, validieren- so wie das CSS. Nur der Internet Explorer ist hier und da etwas kreativ in der Darstellung. Aber das lässt sich verkraften. Ich werde bei Gelegenheit versuchen herauszufinden, woran das liegt.
Ich hoffe, dass ich am kommenden langen Wochenende dazu komme, hier zu dokumentieren, was ich am Markup alles verbessert habe. Außerdem muss noch das Gästebuch dem neuen Aussehen angepasst werden.
Alles in allem war es viel Arbeit, aber es hat sich mit Sicherheit gelohnt.
Sonntag
Vorgeschmack auf neues Design
Die Generalüberholung von Sylvia's Home ist bald abgeschlossen. Neben der Überarbeitung der HTML-Seiten konnte ich es nicht lassen, auch ein neues Design auszuarbeiten.
Neben einem neuen Headerbild wird es auch eine neue Farbgestaltung geben. Als kleinen Vorgeschmack habe ich schon mal die Farben von Sylvia's Home News angepasst.
Neben einem neuen Headerbild wird es auch eine neue Farbgestaltung geben. Als kleinen Vorgeschmack habe ich schon mal die Farben von Sylvia's Home News angepasst.
Mittwoch
Generalüberholung
Meine Website braucht eine Generalüberholung. Frühjahrsputz ist angesagt.
Der Quelltext muss bereinigt werden - zu viele Umbrüche anstatt Absatz- und Listenelemente, zu viele unnötig gewordenen Kommentare. Kleinere und größere Veränderungen, allen voran ein Footer unter dem Textbereich, der den Copyright-Hinweis und einen Link zur Sitemap aufnehmen wird - und mit "clear: both;" versehen wird, damit die gefloatete Subnavigation nicht mehr über den Rand des Containers hinausfließen kann.
Ob sich am Aussehen viel ändern wird? Wir werden sehen.
Der Quelltext muss bereinigt werden - zu viele Umbrüche anstatt Absatz- und Listenelemente, zu viele unnötig gewordenen Kommentare. Kleinere und größere Veränderungen, allen voran ein Footer unter dem Textbereich, der den Copyright-Hinweis und einen Link zur Sitemap aufnehmen wird - und mit "clear: both;" versehen wird, damit die gefloatete Subnavigation nicht mehr über den Rand des Containers hinausfließen kann.
Ob sich am Aussehen viel ändern wird? Wir werden sehen.
Sonntag
Sitemap
Ich habe meiner Website eine Sitemap spendiert. Diese ist auf der deutschen und der englischen Startseite verlinkt.
Wer sich von dort aus erst mal einen Gesamtüberblick über die Website verschaffen will, kann das nun anhand der Sitemap tun.
Davon abgesehen gibt es ja auch noch für jeden Hauptbereich eine Einführungsseite, die kurz beschreibt, was der Bereich zu bieten hat.
Wer sich von dort aus erst mal einen Gesamtüberblick über die Website verschaffen will, kann das nun anhand der Sitemap tun.
Davon abgesehen gibt es ja auch noch für jeden Hauptbereich eine Einführungsseite, die kurz beschreibt, was der Bereich zu bieten hat.
Dienstag
Webdesign-Spielwiese
Um meine neu gewonnenen Kenntnisse testen zu können, habe ich eine kleine Webdesign-Spielwiese eröffnet. Dort werde ich den selben Inhalt in immerwieder neues CSS verpacken. Was dabei herauskommt, ist über die Seite 'Webdesign' zu erreichen.
Sonntag
Kleine Änderung der Startseiten
Ich habe den Links-Block im Untermenü von beiden Startseiten (d.h. auch der englischen) genommen.
Zum einen hat das ganze das Design gestört. Wenn man die Schriftgröße der Seite erhöhte, floss das Untermenü leicht über den unteren Rand des Containers hinaus. Zum anderen gehören externe Links nicht wirklich in ein Menü.
Den einen oder anderen isolierten externen Link werde ich stattdessen hier auf der News-Seite anbringen.
Zum einen hat das ganze das Design gestört. Wenn man die Schriftgröße der Seite erhöhte, floss das Untermenü leicht über den unteren Rand des Containers hinaus. Zum anderen gehören externe Links nicht wirklich in ein Menü.
Den einen oder anderen isolierten externen Link werde ich stattdessen hier auf der News-Seite anbringen.
IE7-Problem gelöst
Meine Website sieht nun auch im Internet Explorer 7 so aus wie sie soll. Kein durchscheinender Hintergrund mehr (habe ich schon vor ein paar Tagen auf simple Weise korrigiert), kein zusammengestauchter Text mehr. Die Lösung zu letzterem Problem war schwieriger zu finden. Aber ein margin statt einem padding, und das Problem war gelöst.
Die Inspiration zu all dem kam von "Little Boxes", dem Buch das ich im vorigen Eintrag erwähnt habe.
Die Inspiration zu all dem kam von "Little Boxes", dem Buch das ich im vorigen Eintrag erwähnt habe.
Donnerstag
Website-Design
Ich habe mal wieder ein bisschen am Design von Sylvia's Home herumgebastelt. Viel hat sich nicht verändert:
Die Hintergrundfarbe ist stimmiger.
Die Links sehen besser aus - vor allem in der Navigationsspalte.
Die Schrift ist einheitlich.
Und das alles, weil ich gerade dieses Buch durcharbeite. Da lernt so ein Autodidakt wie ich mal von Grund auf, wie das basteln einer Website funktioniert und warum eine HTML- bzw. CSS-Datei so aussieht, wie sie halt aussieht.
Die Hintergrundfarbe ist stimmiger.
Die Links sehen besser aus - vor allem in der Navigationsspalte.
Die Schrift ist einheitlich.
Und das alles, weil ich gerade dieses Buch durcharbeite. Da lernt so ein Autodidakt wie ich mal von Grund auf, wie das basteln einer Website funktioniert und warum eine HTML- bzw. CSS-Datei so aussieht, wie sie halt aussieht.
Abonnieren
Posts (Atom)
Posts
