Basics

Aufbau eines Userfrontend

Hilfe gibt's im Netz der Netze...

SelfHtml

Single-Page Webseite

Wie fange ich an?

W3Schools

Aufgabe

Bitte erzeugen Sie eine HTML5 Webseite, die nur die Strukturinformation enthält und binden Sie eine CSS Datei ein, die alle Layoutinformationen bereitstellt. Zusätzlich binden Sie eine JavaScript Datei ein, die für die Funktionalität sorgt.

Auf der Webseite ist eine Überschrift, ein kurzer erläuternder (Blind)Text in einem Absatz, ein beschriftetes Inputelement zur Texteingabe mit OK-Button und ein Bereich, der eine ID aufweist, aber noch keinen Inhalt hat. Anschließend gibt es noch eine Fußzeite mit einem Copyright-Hinweis.

Bitte gestalten Sie mit CSS die einzelnen Bereiche und bauen Sie eine Javascript-Funktion ein, die den eingegebenen Text ausliest und in dem freien Bereich wieder ausgibt.