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.

weiterlesen "Strukturierung von Webseiten"

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.

weiterlesen "Barrierefrei — Na und?"

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.

weiterlesen "Validatoren richtig verstehen"

Wenn man sich aktuelle Webseiten anschaut, erkennt man zunächst, dass diese aus immer den gleichen Elementen bestehen. Im Basislayout gibt es den sogenannten Header (Kopfbereich), die Hauptnavigation, den Hauptbereich (meist ein-, zwei- oder drei-spaltig) und den Footer (Fußbereich). Manchmal findet man auch noch die Seitenavigation für untergeordnete Seiten. Bevor man also an die Erstellung der einzelnen Webseiten geht, sollte man sich gut überlegen, wie man seine Präsenz im Internet konzipiert und gestaltet.

weiterlesen "Lösungsansätze zur Planung und Umsetzung einer Web-Präsenz"

Ich betreibe mehrere verschiedene Websites zu unterschiedlichen Themen. Insgesamt sind dies sieben Webprojekte, jedoch sind aktuell drei Projekte inaktiv. Die Projekte sind in unterschiedlichen Jahren gestartet und haben sich mit der Zeit verändert, sowohl inhaltlich als auch von ihrem Layout und Design. Für mich sind meine Webprojekte Spielwiesen, um einen kreativen Ausgleich zu meinem Beruf zu haben und um Neuerungen in (X)HTML, CSS, PHP und MySQL zu testen und umzusetzen. Ich betreibe also meine Webprojekte privat als Hobby, d.h. aber nicht, dass ich keine professionellen Ansprüche an meine Websites habe. Das Gegenteil ist der Fall, da ich auch Websites für Freunde und Bekannte erstelle, sind mir professionelle Techniken und Umsetzungen wichtig.

weiterlesen "Eine Web-Präsenz planen und umsetzen"

Webseiten werden im Allgemeinen in (X)HTML geschrieben. Doch nicht nur. Die Angaben zum Layout werden mit Hilfe von Cascading Stylesheets (CSS) hinzugefügt. Funktionalitäten oder Programme werden mit Hilfe von Scriptsprachen (JavaScript, PHP, ASP) ergänzt. Da alles eigentlich reiner Text ist, benötigt man nicht viel. Das Programm Editor, welches jeder Windowsinstallation beiliegt, oder TextEdit bei MAC OX sind absolut ausreichend. Wirklich?

weiterlesen "Editoren für die Gestaltung von Webseiten"

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.

weiterlesen "Das HTML Einsteigerseminar – Lektion 1"

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.

weiterlesen "Das HTML Einsteigerseminar – ein Tutorial"

HTML ist eine Sprache, die jeder leicht erlernen kann und jeder braucht, der eine Internetseite erstellen möchte. HTML ist eine Auszeichnungssprache und wurde von Tim Berners-Lee, dem Erfinder des WorldWideWebs entwickelt. HTML gilt als einfache Sprache, die leicht zu erlernen ist, daher wird sie oft von Softwareentwicklern als “nicht richtige” Programmiersprache abgetan. Ich halte es hier mit Stefan Münz, auf dessen Artikel in selfHTML ich mich hier auch beziehe, wäre HTML so einfach, hätten die großen Webangebote fehlerfreie und standardkonforme Präsenzen. Dies ist aber oft nicht der Fall. Aber warum streiten? HTML macht genau das, was es soll und was wir als Webdesigner benötigen: Es beschreibt den Aufbau von Webseiten!

weiterlesen "Warum (X)HTML?"