Deine eigene Webseite zu erstellen ist ganz einfach! Hier stellen wir dir kurz 2 Möglichkeiten vor. Für den Einstieg eignet sich der Online-Editor Codepen sehr gut. Weiter unten findest du auch kurze Erklärvideos zu den zwei Vorgehen. Mach dich kurz mit den 2 Möglichkeiten vertraut und entscheide dich für eines. Wenn du magst, kannst du auch gerne beide Möglichkeiten kombinieren.
Activity
Codepen (Online)
Auf Codepen kannst du ganz einfach Code für Webseiten erstellen und testen. Wenn du auf den nachfolgenden Link klickst, wird sich der Codepen-Editor in einem neuen Tab öffnen. Du kannst ganz einfach zwischen dem Tab des Kurses und dem von Codepen hin und her wechseln.
Beachte: du musst einen Account bei Codepen haben, damit deine Arbeit auch länger gespeichert wird. Oder du kopierst später alles was du in Codepen geschrieben hast in eine lokale Datei auf deinem Computer.
Activity
Lokale Datei (Offline)
Wenn du Codepen nicht benutzen möchtest oder deine Webseite auf dem PC gespeichert haben möchtest, kannst du auch ganz einfach eine Datei erstellen. Entweder erstellst du eine HTML-Datei auf deinem Computer oder lädst einfach die nachfolgende Beispieldatei herunter:
Zum Bearbeiten der Datei kannst du jeden normalen Texteditor verwenden (z.B. Notepad++). Um zu sehen wie die Webseite aussieht, kannst du die Datei einfach mit einem Browser öffnen (z.B. Firefox, Chrome,…).
Wichtig: Damit du eine HTML-Datei auf deinem Rechner wie im Video erstellen kannst, muss du im Windows-Explorer unter “Ansicht” einen Haken bei “Dateinamenerweiterungen” gesetzt haben (s. Bild, zum Vergrößern Klicken).
