Andere Webseiten verlinken

This is an old revision of the document!

In einem geeigneten Verzeichnis (z.B. dort, wo Sie Ihre Dateien zum Informatik-Unterricht gespeichert haben), legen Sie ein neues Verzeichnis links an.
Öffnen Sie dieses Verzeichnis mit Visual Studio Code (Menü File→Open Folder).
Legen Sie einen neue Datei mit Namen index.html an:
In der neuen Datei, schreiben Sie ein Ausrufezeichen ! und wählen Sie Emmet Abbreviation, um das Grundgerüst einer HTML-Datei zu erzeugen.
Passen Sie den Seitentitel an (zwischen den <title>-Tags) z.B. Startseite anstatt Document.
Zwischen den <body>-Tags fügen Sie eine Titel ein, z.B. <h1>Startseite!</h1>
Und danach (aber vor dem schliessenden <body>-Tag) etwas Text.

In der Datei index.html verlinken Sie die News-Seite im Seitentext (noch vor dem schliessenden </body>-Tag) wie folgt:

<a href="news.html">Hier geht es zur Newsseite</a>

Fügen Sie einen entsprechenden Link auf die Startseite in der Datei news.html ein.
Speichern Sie Ihre Dateien mit CtrlS. Ungespeicherte Dateien sind wie folgt gekennzeichnet:
Öffnen Sie in Visual Studio Code ein git-bash Terminal (Evtl. erst Menü→Terminal→New Terminal)
Laden Sie die Seite mit dem Kommando upload.bash hoch.
Betrachten Sie Ihre Seite online und überprüfen Sie, ob die Links auch funktionieren.

Grundseiten