Unter Webdesign allgemein versteht man die Gestaltung, den Aufbau und die Nutzerführung von Webseiten. Man unterscheidet unter den Begriffen Homepage, Webseite und Website.
Eine Homepage umfasst streng genommen, wie der Name schon sagt, nur die Startseite einer Internetpräsenz.
Eine Website(aus dem engl. Wort "Site" für Platz) wiederum bezeichnet das gesamte Konstrukt, also die Startseite mit all Ihren Unterseiten.
Der Begriff "Webseite" ist daher der geläufigste und wird allgemein als gesamte Präsenz mit all Ihren Unterseiten verstanden.
Die Aufgabe des Webdesigners ist es, den Zweck einer Seite mittels der technischen Gegebenheiten umzusetzen. Hierfür kann man heute auf folgendes Handwerkszeug zurückgreifen.
Für die Auszeichnung und Programmierung einer Webseite oder einer Anwendung greifen wir auf folgende Mittel zurück.
HTML / Hyper Text Markup language:
Also die reine Auszeichungssprache die zur Strukturierung der Webseite dient. Zu den wesentlichen Bestandteilen gehören hierarchische Überschriften, Text in Form von Paragraphen, Links, Eingabefelder und Bilder. Die aktuellste Version ist HTML5.CSS / Cascading Style Sheet:
Hier ist die "Steuerzentrale" der Webseite zu finden. In einer CSS Datei werden alle anzeigerelevanten Informationen hinterlegt, sodass jedes HTML Element weiß wie es auszusehen hat. Zudem kann man hier die Funktion eines HTML Elements deutlicher hervorheben. Zum Beispiel wird der Mauszeiger über einem link zu einer Hand. Zudem wird der Linktext meist noch unterstrichen. Dies verdeutlicht dem Benutzer, dass er diesen Text anklicken kann, da er ein direktes Feedback auf seine Aktion (Maus über den Texr) bekommt. Die Aktuellste Version ist derzeit CSS3Javascript:
Diese Skriptsprache ist die dynamische Komponente um die Ziele von HTML und CSS zu unterstützen. Mit Javascript lassen sich beispielsweiße Bildergalerien als auch Berechnungen verwirklichen. Meist wird es als Reaktion auf eine Aktion des Benutzers, sogenannte Events, ausgeführt um dynamisch zu reagieren und den Benutzer zu führen. Die wohl bedeutendste Bibliothek für das moderne Webdesign ist jQuery. Hiermit lassen sich durch vergleichsweise wenig Aufwand unter anderem Animationen verwirklichen.PHP / Hypertext Preprocessor:
Durch seine breite Datenbankunterstützung (z.B. MySQL) und die Verfügbarkeit Zahlreicher Funktionsbibliotheken ist dies Wohl die am häufigsten vorkommende Sprache zur Erstellung von Webseiten bzw. zur Steuerung von (dynamischen) Inhalten. PHP ist zusammen mit einer Datenbank das Fundament zur Erstellung von CM/ Content Management Systemenen und Datenbankbasierten Programmen. PHP liegt derzeit in Version 5.4.3 vor.Vor nicht allzu langer Zeit war es noch üblich, alle Angaben die das angezeigte Dokument betreffen direkt in das HTML Dokument zu schreiben. So wurden meist im Head Bereich der Seite alle Angaben zum Style und zu Javascript gemacht. Ein sogenannter Spaghetticode ist das Resultat und die Dateigröße, und damit der Datendurchsatz sowie die Serverlast, sind entsprechend hoch.
Unser Ziel sowie das Ziel moderner Webseiten allgemein ist es jedoch einen optimierten Code zu erstellen. Daher werden Style Angaben in externe CSS Dateien geschrieben. Dies macht natürlich Sinn, da es auf einer Webseite meist wiederkehrende Muster gibt, welche dann nur noch einmal festgelegt und niedergeschrieben werden müssen. Eine möglichst pure HTML Unterseite ist das Resultat.
Das selbe Verfahren gilt auch für Javascript Codes.