Aufgabe 1: Visual Studio Code herunterladen & installieren.
Ladet euch von der Seite https://code.visualstudio.com/ den aktuellsten Installer herunter.
Klickt anschließend auf "Speichern". Startet danach den heruntergeladenen Installer und installiert so Visual Studio Code. Lasst alle Einstellungen so, wie sie vorgegeben sind.
Aufgabe 2: Ordnerstruktur & erste HTML-Datei erstellen
Zuerst müsst ihr einen Ordner auswählen, indem ihr alles erstellt:
- Hierzu klickt ihr auf dem Willkommens-Bildschirm auf Open Folder,
- navigiert zu euren eigenen Dateien,
- macht euch einen neuen Ordner, in dem ihr alle HTML-Sachen für Informatik speichern wollt
- und wählt diesen aus.
Anschließend macht ihr folgendes:
- Erstellt einen neuen Ordner mit dem Namen "Lektion1",
- klickt diesen an und erstellt darin einen neuen Ordner mit dem Namen "Aufgabe1",
- erstellt darin eine Datei "index.html"
- tippt den HTML-Code aus dem Video ab
- Drückt
Strg+S
zum speichern.
Aufgabe 3: Server-Plugin installieren & Website ausprobieren
Um eure gerade in Aufgabe 2 erstellte Datei auch ausprobieren zu können, müsst ihr noch ein Plugin installieren:
- Klickt auf den Plugin-Manager links.
- Sucht nach dem Plugin "Live Server".
- Klickt auf installieren.
Wenn ihr das gemacht habt, wechselt wieder zu eurer Datei "index.html".
- Unten rechts ist jetzt ein Knopf "Go Live" erschienen.
- Wenn ihr diesen drückt, wird automatisch euer Browser geöffnet, der euch die Datei anzeigt.