Willkommen!

Worum geht es?

Das Ziel dieser Website ist es, Anfänger an die grundlegenden Webtechnologien heranzuführen. Es sollen hier in kompakter Form die wesentlichen Befehle vorgestellt werden. Nach Abschluss der Lerneinheit sind Sie in der Lage, eine einfache Website zu erstellen. Diese Website deckt nicht alle Facetten der Webentwicklung ab, noch zeigt sie den Stand der Technik auf. Es geht viel mehr darum, durch das Erstellen einer Website hinter die Kulissen des WWW zu blicken.
Es ergibt keinen Sinn, alle Details, welche bereits auf anderen Websites bestehen, erneut hier zur Verfügung zu stellen. Deshalb finden Sie auch passende Links zur weiteren Lektüre.

Schon gewusst?

Das Webdesign kümmert sich in der Regel nur um die visuelle Gestaltung einer Website (Layout und Design). Die Webentwicklung (eng. web development oder kurz web dev) sorgt für die technische Umsetzung. Es handelt sich somit um eine Softwareentwicklung mit dem Fokus auf das WWW.
Eine Website ist dabei der Fachbegriff für eine Webpräsenz (auch Webauftritt genannt). Eine Webpage (dt. Webseite) ist eine einzelne Seite einer Website. Mit Homepage wird die Startseite der Website bezeichnet - die Homepage ist als eine spezielle Webpage.
Statt Wir erstellen eine Homepage! ist die Aussage Wir erstellen eine Website! meist treffender, da man in der Regel mehrere Webseiten (Web Pages) erstellt.

Fehler? Tipps? Fragen?

Trotz sorgfältiger Arbeit können sich Fehler einschleichen. Schreiben Sie mir gerne eine E-Mail. Ich bin für jeden Hinweis dankbar. Zögern Sie nicht, mich auch bei Unklarheiten zu kontaktieren.

HTML

Hypertext Markup Language

Auf dieser Website lernen Sie, wie man Informationen im World Wide Web mithilfe von HTML präsentiert. Es ist die Grundlage für die Webentwicklung und existiert seit 1992. Sie verwenden hier HTML in der Version 5.2. Sie finden hier eine Zusammenfassung der wichtigsten Komponenten sowie den Projektauftrag. Die Lernziele lauten:

Sie erklären, was ein Browser ist und geben Beispiele für moderne Browser.
Sie erklären, was ein HTML-Dokument ist.
Sie erklären das Zusammenspiel von Browser und HTML-Dokument.
Sie erstellen ein HTML-Dokument zur Präsentation von Informationen.

CSS

Cascading Style Sheets

Diese Website zeigt Ihnen, wie Sie das Aussehen einer Website anpassen können. Dazu verwenden Sie Gestaltungsanweisungen, welche festlegen, wie ein HTML-Element grafisch dargestellt wird. Diese Anweisungen bilden eine eigene Sprache - die Cascading Style Sheets kurs CSS. Die Sprache ist seit 1996 standardisiert und wird von allen Browsern unterstützt. Sie verwenden hier CSS in der Version 3. Sie finden hier eine Zusammenfassung der wichtigsten Konzepte sowie den Projektauftrag. Die Lernziele lauten:

Sie erklären an einem Beispiel, wozu man CSS verwenden kann.
Sie erstellen eine CSS-Datei und verknüpfen diese mit einer HTML-Datei.
Sie definieren eine CSS-Klasse und wenden diese Klasse auf ein HTML-Element an.
Sie wenden ein CSS-Framework an.

PHP

PHP: Hypertext Preprocessor

Mit PHP können wir eine Website erstellen, um zum Beispiel Benutzereingaben aus einem HTML-Formular zu verarbeiten. Es ist auch möglich, eine Datenbank in die Website einzubinden. PHP ist eine Programmiersprache, welche auf dem Server-Host ausgeführt wird und nicht im Browser. Es ist eine weitverbreitete Programmiersprache (rund 80 % aller Websites verwenden PHP) und deshalb oft schon auf dem Server-Host vorinstalliert. Auf dieser Website lernen Sie in sehr kompakter Form die Grundzüge der Programmiersprache kennen. Die Lernziele lauten:

Sie erklären, wie der PHP-Interpreter mit dem Webserver zusammenarbeitet.
Sie erklären, wie der PHP-Interpreter eine PHP-Datei verarbeitet.
Sie erklären, wie der PHP-Interpreter mit dem Webserver zusammenarbeitet.
Sie bauen PHP in eine Webseite ein und verwenden dabei Variablen, Funktionen, Berechnungen und if-else-Anweisungen.