Zum Inhalt springen
peritio Standardsprache

Zurück zu allen Kursen

Fachinformatik (Ausbildung)

Webseiten verstehen und bauen: der IT-Arbeitsplatz-Konfigurator

Was der Browser mit einer Datei macht: Quellcode und DOM, Rendering, HTML für Struktur, CSS für Gestaltung, JavaScript für Verhalten — am eigenen Projekt, einem Konfigurator, der IT-Arbeitsplätze kalkuliert.

Hier steht die Beschreibung des Kurses. Die Beschreibung gibt es auf dieser Seite nur in Standardsprache.

Beschreibung anhören

Die IT-Abteilung soll Arbeitsplatzbestellungen vereinheitlichen: Abteilung wählen, Prozessor, Arbeitsspeicher, SSD und Zubehör zusammenstellen, der Preis rechnet sich sofort mit, am Ende steht eine Bestellzusammenfassung. Genau so eine Seite baust du in diesem Kurs — als eine einzige HTML-Datei, die ohne Server auf deinem Rechner läuft.

Bevor du baust, verstehst du, was passiert. Was macht der Browser? klärt, wie aus Text eine Seite wird, warum Quellcode und DOM nicht dasselbe sind und in welchen Schritten der Browser zeichnet. HTML beschreibt, was etwas ist — bis zum barrierearmen Formular. CSS gestaltet getrennt vom Inhalt: Regeln, Kaskade, Box-Modell, Raster. JavaScript bringt Verhalten: warum man es braucht, was es kann und was nicht, wie es das DOM liest und verändert. Fertigstellen schließt mit Testen, Fehlersuche und Export.

Neben dem Kurs entsteht dein Konfigurator in vier Ausbaustufen — Formular, Layout, Berechnung, Zusammenfassung und Export. Jede Stufe läuft für sich; Starter-Dateien und das Bewertungsraster findest du im Material.

Wichtig — was dieser Kurs nicht leisten kann: Eine Webseite entsteht beim Bauen, nicht beim Ankreuzen. Diese Plattform prüft, ob du Code lesen, seine Wirkung vorhersagen, Fehler finden und nachrechnen kannst. Ob du den Konfigurator selbst bauen kannst, zeigt deine abgegebene Datei — sie prüft dein Ausbilder oder deine Ausbilderin. Das Zertifikat dieser Plattform bestätigt das Verstehen, nicht die fertige Datei.

So ist der Kurs aufgebaut

Der Kurs hat mehrere Teile. Ein großer Teil heißt Block. In jedem Block gibt es mehrere Seminare. Ein Seminar ist ein kleines Thema. Zu jedem Seminar gibt es Aufgaben zum Üben.

Manche Seminare haben das Zeichen „Einführung“. Dort erklären dir zuerst Folien, ein Ton oder ein Video das Thema. Danach kannst du die Aufgaben machen.

Was macht der Browser?

  1. Vom Text zur Webseite Einführung 22 Aufgaben
  2. Quellcode und DOM Einführung 22 Aufgaben
  3. Wie der Browser rendert Einführung 24 Aufgaben

HTML: Struktur und Bedeutung

  1. Elemente, Tags und Attribute Einführung 22 Aufgaben
  2. Formulare Einführung 22 Aufgaben

CSS: Gestaltung getrennt vom Inhalt

  1. Was ist CSS? Einführung 18 Aufgaben
  2. Welche Regel gewinnt? Kaskade und Vererbung Einführung 20 Aufgaben
  3. Box-Modell und Layout Einführung 22 Aufgaben

JavaScript: Verhalten

  1. Warum JavaScript? Einführung 22 Aufgaben
  2. Grundlagen der Sprache Einführung 22 Aufgaben
  3. Das DOM ansprechen Einführung 22 Aufgaben
  4. Die Seite dynamisch verändern Einführung 22 Aufgaben

Fertigstellen

  1. Testen, Fehler finden, Export Einführung 24 Aufgaben