Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
lehrkraefte:snr:informatik:glf22:html-startseite [2023/08/15 12:52] Olaf Schnürer [Erstellen einer HTML-Seite] |
lehrkraefte:snr:informatik:glf22:html-startseite [2023/08/15 13:40] (current) Olaf Schnürer [Vorbereitungen] |
| |
===== Vorbereitungen ===== | ===== Vorbereitungen ===== |
| |
(Beschreibung für Windows 10) | |
| |
Im Windows-Explorer (= Datei-Explorer = üblicher Datei-Manager unter Windows): | Im Windows-Explorer (= Datei-Explorer = üblicher Datei-Manager unter Windows): |
| |
* Datei-Erweiterungen (= file extensions) anzeigen lassen (unter Menüpunkt ''View''/''Ansicht'' entsprechenden Haken setzen): {{:lehrkraefte:snr:informatik:glf22:explorer-file-extensions.png?600|}} | * Datei-Erweiterungen (= file extensions) anzeigen lassen |
| * Windows 11: Menüpunkt ''View''/''Ansicht'', dort ''Show'', dann Haken entsprechend setzen. |
| * Windows 10: unter Menüpunkt ''View''/''Ansicht'' entsprechenden Haken setzen: {{:lehrkraefte:snr:informatik:glf22:explorer-file-extensions.png?600|}} |
| |
* 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 "html" und "python".((Allgemeine Empfehlung: Verwende keine Leerzeichen und keine Sonderzeichen in den Namen von Dateien oder Verzeichnissen.)) | * 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 "html" und "python".((Allgemeine Empfehlung: Verwende keine Leerzeichen und keine Sonderzeichen in den Namen von Dateien oder Verzeichnissen.)) |
| |
Wir erstellen gemeinsam eine HTML-Seite mit VS Code. Insbesondere erkläre ich: | Wir erstellen gemeinsam eine HTML-Seite mit VS Code. Insbesondere erkläre ich: |
* Wie man ein Verzeichnis/einen Folder/einen Ordner in VS Code öffnet (wir öffnen das zuvor erstellte Verzeichnis ''html''). | * Wie man ein Verzeichnis/einen Folder/einen Ordner in VS Code öffnet (wir öffnen das zuvor erstellte Verzeichnis ''html''). |
* Wie man ei ==== | * Wie man eine neue Datei anlegt (Namensvorschlag ''meine-startseite.html''). |
ne neue Datei anlegt (Namensvorschlag ''meine-startseite.html''). | |
* 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'') |
<h2>Schule</h2> | <h2>Schule</h2> |
<ul> | <ul> |
| <li> |
| <a href="https://www.ksbg.ch/gymnasium">KSGB</a> |
| </li> |
<li> | <li> |
Informatik: | Informatik: |
<a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:informatik:glf22">DokuWiki</a> | <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:informatik:glf23">DokuWiki</a> |
</li> | </li> |
<li> | <li> |
Mathematik: | Mathematik: |
| <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:mathematik:klasse-3:2023-24">DokuWiki 3. Jahr</a>, |
<a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:mathematik:klasse-2:2022-23">DokuWiki 2. Jahr</a>, | <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:mathematik:klasse-2:2022-23">DokuWiki 2. Jahr</a>, |
<a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:mathematik:klasse-1:2021-22">DokuWiki 1. Jahr</a> | <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:mathematik:klasse-1:2021-22">DokuWiki 1. Jahr</a> |
<li> | <li> |
Wetter: | Wetter: |
<a href="https://www.meteoschweiz.admin.ch/home.html?tab=overview">Meteo-Schweiz</a> | <a href="https://www.meteoschweiz.admin.ch/lokalprognose/st-gallen/9000.html#forecast-tab=detail-view">Meteo-Schweiz, Vorhersage St. Gallen</a> |
</li> | </li> |
<li> | <li> |
Reisen: | Reisen: |
<a href="https://www.sbb.ch/de" target="_blank">SBB</a>, | <a href="https://www.sbb.ch/de" target="_blank">SBB</a> |
<a href="https://map.geo.admin.ch/?lang=de">Swiss-Topo</a> | |
</li> | </li> |
</ul> | </ul> |
| |
| <details> |
| <summary>Karten (bitte anklicken, Ausklappbox! Lösung der Bonusaufgabe)</summary> |
| <ul> |
| <li> |
| <a href="https://www.openstreetmap.org/search?query=st.%20gallen#map=10/47.4241/9.3634">OSM = OpenStreetMap</a> |
| </li> |
| <li> |
| <a href="https://map.schweizmobil.ch/?lang=de&photos=yes&bgLayer=pk&logo=yes&season=summer&resolution=20&E=2742809&N=1255125" target="_blank">Schweiz mobil</a>, <a href="https://schweizmobil.ch/de/legende">Legende dazu</a> |
| </li> |
| <li> |
| <a href="https://map.geo.admin.ch/?lang=de">Swiss-Topo</a> |
| </li> |
| </ul> |
| </details> |
</body> | </body> |
</html> | </html> |