30.08.2009
Schritte einer Webseitenerstellung
Welche Schritte sind bei der Erstellung einer Webseite eigentlich grundsätzlich zu verfolgen?
Diese Frage beantwortet Markus Winkelmann auf seiner Webseite Webdesign-Tutorial. Seine Informationen sind für Anfänger gedacht, die schon ein wenig HTML und CSS können, die aber noch keine rechte Idee davon haben, was bei der Erstellung einer Webseite sonst noch bedacht werden muss und wie das Ganze strukturiert angegangen werden kann.
Die Gliederung seiner Informationen ist am folgenden Screenshot abzulesen.

Die Texte sind kurz und verständlich geschrieben und enthalten die grundlegenden Informationen, ganz wie es seine Absicht ist. Dem Anfänger wird ein guter Überblick über bedenkenswerte Aspekte gegeben.
28.08.2009
Icon-Suchmaschine
Icons für das eigene Weblog oder auch die eigene Webseite kann man immer mal gebrauchen. Auf verschiedenen Internetseiten lassen sich auch zumindest für die nicht-kommerzielle Verwendung kostenlose Angebote finden. Oft muss man sich aber durch Übersichten klicken, um das zu einem Thema passende Icon zu finden. Etwas leichter geht es mit der Icon-Suchmaschine Iconfinder.
In einer einfachen Maske lässt sich ein (englischsprachiger) Begriff eingeben und nach einer kurzen Suche wird das Ergebnis angezeigt. Über einige Optionen lässt sich das Ergebnis weiter einschränken.
Ein Klick auf das gewählte Icon führt zu einer Seite mit weiteren Informationen, wie Autor, Quelle usw. sowie zur Möglichkeit des Downloads.
Wichtig an dieser Stelle ist es, sich die Lizenz anzusehen, um festzustellen, ob das Gefundene auch auf der eigenen Seite unter welchen Bedingungen eingesetzt werden darf.
Prädikat: praktisch und funktionell
25.08.2009
Wie wichtig ist Validität für eine private Webseite?
Diese Frage stelle ich mir gerade, weil ich (wieder einmal) reichlich Zeit damit verbracht habe, diese Seite valide nach XHTML-strict zu gestalten. Die beschränkten Kenntnisse eines Freizeit-Webdesigners führen dazu, dass nur mit Hilfe einer Suchmaschine und viel Trial and Error Fehler beseitigt werden konnten, die eine Validitätsprüfung ausgeworfen hat. Das Ganze war ziemlich zeitaufwändig. Ist dieser Aufwand für eine kleine, bescheidene, private Seite wirklich erforderlich?
Sicher ist es grundsätzlich sinnvoll, Standards einzuhalten. Eine vernünftige Darstellung der Seite in verschiedenen Browsern und auf verschiedenen Systemen kann so sicher eher gewährleistet werden. Und man lernt ja auch etwas bei der Fehlerbeseitigung. Ich tendiere allerdings dahin, für mich festzulegen, dass eine weit gehende Annäherung an den Standard ausreichen muss. Das tut dem Perfektionisten vielleicht weh. Aber wem nutzt eine Seite, die zwar valide ist, auf der die Inhalte aber zu kurz kommen, da für deren Erstellung die Zeit nicht mehr ausreicht? Der Versuch, Validität zu erzeugen, wird hier demnächst also mit einer klaren Zeitvorgabe angegangen. Reicht die nicht aus, wird trotzdem abgepfiffen.
Leider sind die Ausgaben der hier verwendeten Blogsoftware Flatpress auch schnell nicht mehr ganz so valide, wie auf der Homepage angepriesen wird: “Standard-compliant (XHTML valid)”. Gibt man im Editor ein Return zu viel oder zu wenig an der richtigen bzw. falschen Stelle ein, ist der Code schon nicht mehr valide. Siehe dazu diesen Forumsbeitrag. Darauf muss man erstmal kommen. Ich bezweifle allerdings, dass das bei anderer Software anders ist.
Links zum Thema:
Druck was du willst
Hier im Blog werden immer mal wieder Hinweise auf praktische Tutorials gegeben. Mancher möchte das Tutorial als Ausdruck haben, weil sich damit besser arbeiten lässt. Nun gibt es auf den Tutorialseiten meist keine vernünftige Möglichkeit des Ausdrucks. Hier hilft eine Webseite namens “Print What You Like“. PWYL ist ein kostenloser Onlineservice, der es ermöglicht, nur bestimmte Elemente einer Seite auszudrucken oder z.B. als PDF- oder HTML-Datei abzuspeichern. Das folgende Video beschreibt, wie es funktioniert. Das Ganze ist eine praktische Sache und klappt gut.
Tipp:
Wenn man eine PWYL-Seite als PDF speichert, kann es passieren, dass Bilder am Ende einer Seite beginnen und am Anfang der zweiten Seite enden. Das ist nicht besonders schön. Ich nutze manchmal folgenden Workaround:
- unter PWYL speichern des Dokuments als HTML
- Import in OpenOffice
- bei Bedarf bearbeiten
- Speichern als … wie man möchte
Update
(17.10.09)
Eine nicht ganz so umfangreiche Alternative ist The Printliminator.
20.08.2009
Valides Einbinden von Videodateien
Ich habe in einem Artikel hier vor kurzem eine Videodatei eingebunden. Nach einem Test der Seite auf valides XHTML bei validator.w3.org wurden mir in der Folge allerdings eine Reihe von Fehlern ausgeworfen.
Eine Lösung dafür habe ich auf dieser Webseite gefunden.
Dort ist für YouTube-Videos beschrieben, wie der Code anzupassen ist, damit valides XHTML daraus wird. Es funktioniert wohl aber bei allen flashbasierten Angeboten.
In diesem Artikel wird ebenfalls auf das Problem eingegangen. In einem Kommentar wird netterweise auf eine weitere Seite verlinkt, auf der ein Online-Tool angeboten wird, das den z.B. von YouTube angebotenen Code automatisch in valides XHTML 1.0 Strict konvertiert.
Das teste ich dann mal beim nächsten Video.