Zum Hauptinhalt springen

Das Rezept

Das Endprodukt dieses Schnupperlehrmoduls ist eine einfache, interaktive Webseite. Dabei wirst du Schritt für Schritt durch die Webentwicklung geführt. Das Ergebnis wird dann etwa so aussehen:

Dokumente verwalten​

Wir empfehlen dir, alle deine Dateien für dieses Modul so anzulegen, wie wir es hier beschreiben. So kannst du den Anleitungen problemlos folgen und bekommst später keine Probleme mit Verlinkungen. Erstellen Sie einen neuen Ordner auf Ihrem Desktop und geben Sie ihm einen Namen. Öffnen Sie Visual Studio Code und wählen Sie "Ordner öffnen..." aus dem Menü "Datei". Wählen Sie den soeben erstellten Ordner aus. Nun, da Sie den Ordner in VS Code geöffnet haben, können Sie direkt von hier aus neue Dateien und Ordner erstellen oder löschen. Um eine neue Datei zu erstellen, klicken Sie auf das "Neue Datei" Symbol im Explorer Bereich auf der linken Seite. Geben Sie der Datei den gewünschten Namen.

Empfohlene Dokumenten Struktur​

Wir empfehlen Ihnen, die folgende Ordnerstruktur zu verwenden, um Ihre Dateien zu organisieren:

.
└── spitzbubenRezept/
    ├── SRC/
    │   └── img/
    │       ├── bg-paper.gif
    │       ├── tischdecke.png
    │       └── spitzbuben.jpg
    └── index.html

Mit dieser Struktur haben Sie einen Hauptordner namens spitzbubenRezept, der alle Ihre Projektdateien enthält. Innerhalb dieses Ordners gibt es einen Unterordner namens SRC, der Ihre Dateien wie Bilder enthält, und die index.html-Datei, die Ihre Haupt-HTML-Datei ist.