This is an old revision of the document!
Vorbereitungen, Installation von Visual Studio Code, Erstellen einer HTML-Startseite
Vorbereitungen
Im Windows-Explorer (= Datei-Explorer = üblicher Datei-Manager unter Windows):
- Gehe ins Verzeichnis (= in den folder)
C:\Users\Vorname.Nachname
(oderC:\Benutzer\Vorname.Nachname
oder ähnliches) (unterThis PC
/Dieser PC
): Erstelle dort ein Verzeichnis mit dem Namen “informatik” und darin zwei Unterverzeichnisse mit den Namen “html” und “python”.1)
Installation von Visual Studio Code (oder kurz "VS Code" oder schlicht "Code")
Visual Studio Code ist ein weit verbreiteter und moderner Editor, der sich sehr gut zum Schreiben von Computer-Programmen (etwa in Python) und Webseiten (in HTML und CSS) eignet, vgl. https://de.wikipedia.org/wiki/Visual_Studio_Code.
Installiere diesen Editor auf eine der beiden folgenden Weisen:
- über den Microsoft Store
- per Download von https://code.visualstudio.com/Download
Erstellen einer HTML-Seite
Öffne Visual Studio Code.
Wir erstellen gemeinsam eine HTML-Seite mit VS Code. Insbesondere erkläre ich:
- Wie man ein Verzeichnis Folder in VS Code öffnet (wir öffnen das zuvor erstelle Verzeichnis
html
). - Wie man eine neue Datei anlegt (Namensvorschlag
meine-startseite.html
). - Wie man das HTML-Grundgerüst bekommt (per
!
+Return
) - dafür muss die Datei die richtige Endunghtml
haben (beachte Syntax-Highlighting). - Sprache setzen (per
de
oderde-CH
) - Titel setzen (
Meine Startseite
) h1
-Überschrift (Meine Lieblingslinks
) - erkläre VS Code-Unterstützung (Syntaxvervollständigung)h2
-Überschrift (Schule
, späterFreizeit
etc.)- unordered list (per
ul
) - list items (per
li
), etwa Informatik, Mathematik, Englisch - Links (per
a
, danna:link
auswählen); Benennung nicht vergessen! z. B. auf DokuWiki-Seite oder Sharepoint - Dann “Freizeit”, etwa “Wetter”, “Reisen”, etc. (evtl.
target=“_blank”
)
Abspeichern mit Ctrl+s
.
Anzeigen lassen: Im Explorer Datei suchen, dann anklicken (evtl. “Öffnen mit”/“Open with” und dann Edge auswählen).
Start- oder Home-Seite im Browser festlegen
Mache die gerade erstellte HTML-Seite zur Start- oder Home-Seite deines Browsers2)
Im Browser “Edge” geht das wie folgt:
- Kopiere den Inhalt der Adress-Seite in die Zwischenablage (Clipboard); das ist die URL, die du im nächsten Schritt benötigst.
Wenn du einen anderen Browser (etwa Firefox, Chrome, …) verwendest: Suche im Internet, wie man die Home-Seite bzw. Start-Seite ändert.