| Both sides previous revision Previous revision Next revision | Previous revision |
| lehrkraefte:snr:informatik:glf22:html-startseite [2025/08/15 08:27] – [Vorbereitungen] Olaf Schnürer | lehrkraefte:snr:informatik:glf22:html-startseite [2025/08/15 09:18] (current) – [Vorbereitungen] Olaf Schnürer |
|---|
| ~~NOTOC~~ | ~~NOTOC~~ |
| |
| ====== Vorbereitungen, Installation von Visual Studio Code, Erstellen einer HTML-Startseite ====== | ====== Vorbereitungen, Installation von Visual Studio Code und Python, Erstellen einer HTML-Startseite ====== |
| |
| ===== Vorbereitungen ===== | ===== Vorbereitungen ===== |
| * Windows 10: unter Menüpunkt ''View''/''Ansicht'' entsprechenden Haken setzen: {{:lehrkraefte:snr:informatik:glf22:explorer-file-extensions.png?600|}} | * Windows 10: unter Menüpunkt ''View''/''Ansicht'' entsprechenden Haken setzen: {{:lehrkraefte:snr:informatik:glf22:explorer-file-extensions.png?600|}} |
| | |
| * Informatik-Verzeichnis samt Unterverzeichnissen erstellen: Gehe ins Verzeichnis (= in den folder) ''C:\Users\Vorname.Nachname'' (oder ''C:\Benutzer\Vorname.Nachname'' oder ähnliches) (unter ''This PC''/''Dieser PC''): Erstelle dort ein Verzeichnis mit dem Namen "informatik" und darin zwei Unterverzeichnisse mit den Namen "websites" und "python".((Allgemeine Empfehlung: Verwende keine Leerzeichen und keine Sonderzeichen in den Namen von Dateien oder Verzeichnissen.)) | * Informatik-Verzeichnis samt Unterverzeichnissen erstellen: Gehe im Datei-Manager (via "Dieser PC", "This PC") ins Verzeichnis (= in den folder) ''C:\Users\Vorname.Nachname'' (oder ''C:\Benutzer\Vorname.Nachname'' oder ähnliches): Erstelle dort ein Verzeichnis mit dem Namen "informatik" und darin zwei Unterverzeichnisse mit den Namen "websites" und "python".((Allgemeine Empfehlung: Verwende keine Leerzeichen und keine Sonderzeichen in den Namen von Dateien oder Verzeichnissen.)) |
| |
| |
| * Wie man eine neue Datei anlegt (Namensvorschlag ''meine-startseite.html''). | * Wie man eine neue Datei anlegt (Namensvorschlag ''meine-startseite.html''). |
| * Falls VS Code die Installation von "extensions" (=Erweiterungen) wie "HTML CSS Support", "Live Server", etc. vorgeschlägt: zustimmen! | * Falls VS Code die Installation von "extensions" (=Erweiterungen) wie "HTML CSS Support", "Live Server", etc. vorgeschlägt: zustimmen! |
| | * Extensions installieren: HTML and CSS support, Python, Live Server |
| * Wie man das HTML-Grundgerüst bekommt (per ''!''+''Enter'') - dafür muss die Datei die richtige Endung ''html'' haben (beachte Syntax-Highlighting). | * Wie man das HTML-Grundgerüst bekommt (per ''!''+''Enter'') - dafür muss die Datei die richtige Endung ''html'' haben (beachte Syntax-Highlighting). |
| * Sprache setzen (per ''de'' oder ''de-CH'') | * Sprache setzen (per ''de'' oder ''de-CH'') |