Erstellung von Webseiten (MMDE20)

Der Teil „Erstellung von Webseiten“ bietet eine umfassende und gut strukturierte Einführung in die Welt der Webentwicklung. Es beginnt mit einem historischen Überblick über das World Wide Web und die Entwicklung von HTML seit den 1990er Jahren, was den Leser in die Bedeutung und Evolution von HTML5 einführt, dem aktuellen Standard in der Webentwicklung, zusammen mit CSS und JavaScript.

Ein wesentlicher Bestandteil dieses Blocks ist die detaillierte Erklärung der grundlegenden HTML-Strukturen. Es wird gezeigt, wie ein HTML-Dokument aufgebaut ist und welche Rolle Meta-Tags spielen, insbesondere das viewport Meta-Tag, das für die Darstellung auf verschiedenen Geräten entscheidend ist. Ein weiterer Schwerpunkt liegt auf dem semantischen Markup, das die Struktur und Zugänglichkeit von Webseiten verbessert.

Im Verlauf geht es hier weiter mit den grundlegenden Elementen von HTML ein, wie Überschriften, Absätze und Inline-Elemente. Diese Elemente sind essenziell für die Organisation und Darstellung von Text auf einer Webseite. Ein besonderes Augenmerk liegt auf der richtigen Verwendung von HTML-Kommentaren, die zur Dokumentation des Codes dienen und die Zusammenarbeit in Entwicklungsteams erleichtern.

Ein weiterer wichtiger Abschnitt behandelt die Einbindung von Bildern und Grafiken. Hier wird erklärt, wie man Bilder mit dem <img> Tag einfügt und welche Grafikformate (wie JPEG, PNG und GIF) am besten geeignet sind. Darüber hinaus wird die Nutzung von Verweisen (Links) ausführlich besprochen, einschließlich der Unterschiede zwischen relativen und absoluten Pfaden sowie der Einbindung von externen Links und E-Mail-Links.

Im weiteren Verlauf kommt eine Einführung in die Erstellung von Listen und Tabellen, die zur strukturierten Darstellung von Daten unerlässlich sind. Formulare, ein weiterer wichtiger Aspekt der Webentwicklung, werden ebenfalls detailliert behandelt. Man erfährt, wie man Formulare erstellt, welche HTML-Tags dafür benötigt werden und wie man die Eingaben der Nutzer validiert.

Zum Abschluss gibt das Dokument einen Ausblick auf die Zukunft der Webentwicklung und beleuchtet aktuelle Trends und Weiterentwicklungen im Bereich HTML und Webdesign. Es enthält zudem praktische Beispiele und Techniken zur Fehlersuche, die für den Praxisalltag eines Webentwicklers von großer Bedeutung sind.

Insgesamt erhält man eine fundierte Einführung in die Erstellung von Webseiten, die sowohl für Anfänger als auch für Fortgeschrittene nützlich ist. Es deckt die wesentlichen Aspekte der HTML-Programmierung ab und vermittelt das notwendige Wissen, um professionelle und funktionale Webseiten zu erstellen.

Damit ist es pünktlich geschafft, das Lernziel ist mit diesem Block zu 50 % erfüllt.

Screenshot ILS – Lernziel – Stand 01.06.2024Screenshot

Der Inhalt zu diesem Thema, in kurzen Worten beschrieben.

Datum: KW 20 + 21 – 2024

Dieser Blogbeitrag bezieht sich auf das Fernstudium Medieninformatik (interner Link ↪ zu der Übersicht Vita/Medieninformatik ILS), das ich von Mai 2023 bis Mai 2025 verfolgt habe.

Bastbox - Sebastian Znotka
MENU