M•A•D — Marc's Applied Design

Modernes Webdesign

Unter der Bezeichnung M•A•D — Marc's Applied Design biete ich Homepagegestaltung und Designvorlagen für Internetauftritte an. Dabei verwende ich moderne Techniken bei der Erstellung der Webseite wie z.B. (X)HTML, PHP und MySQL sowie die Gestaltung des Layouts mit CSS 2.0.
Dabei beachte ich Funktionalität und Aussehen genauso sehr wie barrierearme Gestaltung und Einhaltung der Standards.

Neuigkeiten

Neues Design: Das neue Design ist Teil des M•A•D Layouts für all meine Websites.

M•A•D: koschel.EU is a member of the M•A•D Project Group

YAML: Das neue Layout basiert auf dem YAML-Framework

Willkommen: koschel.eu - die private Homepage von Marc Koschel

Thema Webdesign bei koschel.IT


Webdesign

Was unterscheidet heute eigentlich noch die ganzen Websites im Internet? Natürlich der Inhalt, und das Aussehen. Klar dem ist sicher so. Doch die Struktur der meisten Seiten und damit auch gewisser Inhaltselemente ist doch immer wieder gleich. So finden wir auf allen Seiten einen Titel, eine Navigation, ein Logo, ein Copyright-Hinweis, etc. Schauen wir uns einmal genauer an, was Webseiten heutzutage gemeinsam haben.

Es kreisen so viele Begriffe rund um die Seiten im Internet, so dass ich hier ein wenig mehr Klarheit schaffen möchte. Neben denen in der Überschrift verwendeten englischen Begriffe finden wir auch Begriffe wie Webangebot, Webauftritt, Webplattform und Webseiten. Das Ganze kann dann auch noch anstelle des "Web-" mit "Internet-" ersetzt werden.

Die meisten Webdesigner verstehen leider das falsche, wenn man sie auf barrierefreien Webseiten anspricht. Barrierefreie Websitegestaltung wird häufig mit Gestaltung von Websites für behinderte Menschen gleich gesetzt. Diese Gruppe bildet jedoch nur einen Teil der Zielgruppe. Barrierefrei heißt zunächst einmal nur Websites so zu gestalten, dass möglichst viele (behinderte Menschen eingeschlossen) ohne Probleme auf die Inhalte der Webseite zugreifen können. Daher wird barrierefreies Webdesign oft auch mit Accessibility zu deutsch Zugänglichkeit gleichgesetzt. Dies trifft es meines Erachtens auch besser, da die Zielgruppe so wesentlich weiter gefasst wird. Neben den Menschen mit Behinderungen sind damit ebenso ältere Menschen eingeschlossen, die besondere Bedingungen an die Zugänglichkeit des Internets stellen, aber auch die große Masse an Surfern, die mit Handy und anderen Kleinstmonitoren auf Webseiten zugreifen. Ein weiterer possitiver Effekt ist, dass barrierefreie Seiten meist besser für Suchmaschinen optimiert sind.

Ich habe heute den sehr lesenswerten Artikel "Alles valide oder was?" von Dirk Jesse gelesen. Er erläutert in diesem Artikel inwieweit Validatoren für HTML und CSS wichtig zur Selbstkontrolle für validen Code ist, jedoch nicht für die Qualität des Quelcodes.

Tutorials

In der vergangenen Lektion haben wir uns den generellen Aufbau einer HTML-Seite angeschaut. Wir haben gelernt, dass sie prinzipiell in zwei Bereiche aufgeteilt ist: Auf der einen Seite ist der Header-Bereich auf der anderen der Body-Bereich. Lektion 2 beschäftigt sich nun mit der Strukturierung des Inhalts.

Auf Basis von HTML oder XHTML werden (die meisten) Internetseiten aufgebaut. Grund genug sich mit dieser Auszeichnungssprache zu beschäftigen, sofern man eigene Webseiten gestalten will. Auf koschel.IT biete ich daher ein Webseminar an, welches in mehreren Lektionen den Zugang zu (X)HTML erläutert. In der ersten Lektion sollen die grundlegenden Bausteine einer HTML-Datei gezeigt werden.

Ich hatte dieses Tutorial bereits vor ca. acht Jahren zum ersten Mal geschrieben. Damals berücksichtigte ich nur HTML 4.01 und ging auch nicht auf CSS ein. Das damalige Tutorial war auch Grundlage für den Kurs HTML für Kinder, den ich an der Matthäus Kirche in Mannheim-Neckarau unterrichtete.