lehrkraefte:sbt:informatik-glf2-23:eigenestartseite

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
lehrkraefte:sbt:informatik-glf2-23:eigenestartseite [2023/09/01 09:43]
Karlheinz Schubert 		lehrkraefte:sbt:informatik-glf2-23:eigenestartseite [2023/09/01 15:39] (current)
Karlheinz Schubert [Beispiel-Startseite]
Line 6: Line 6:
   * Lege in das Verzeichnis ''c:\informatik\Projekte\Startseite\'' an   * Lege in das Verzeichnis ''c:\informatik\Projekte\Startseite\'' an
   * Wechsle in dieses Verzeichnis   * Wechsle in dieses Verzeichnis
-  * Starte Visual Studio Code in diesem Verzeichnis. Durch den ''.'' als Argument teilst du Code mit, dass es das aktuelle Verzeichnis als Arbeitsverezichnis verwenden soll.\\ ''code .''+  * Starte Visual Studio Code in diesem Verzeichnis. Durch den ''.'' als Argument teilst du Code mit, dass es das aktuelle Verzeichnis als Arbeitsverzeichnis verwenden soll.\\ ''code .''
          
 ===== Erstellen einer HTML-Seite ===== ===== Erstellen einer HTML-Seite =====
Line 24: Line 24:
  
 Anzeigen lassen: Im Explorer Datei suchen, dann anklicken (evtl. "Öffnen mit"/"Open with" und dann Edge auswählen). Anzeigen lassen: Im Explorer Datei suchen, dann anklicken (evtl. "Öffnen mit"/"Open with" und dann Edge auswählen).
- 
- 
-==== Bonus: Ausklappboxen ==== 
- 
-Lerne mit Hilfe von https://www.w3schools.com/tags/tag_details.asp, wie man eine Ausklappbox definiert. 
  
 ===== Start- oder Home-Seite im Browser festlegen ===== ===== Start- oder Home-Seite im Browser festlegen =====
Line 43: Line 38:
  
 ==== Beispiel-Startseite ==== ==== Beispiel-Startseite ====
 +Verwendet für eure Startseite im ''<body>''-Tag Listen:
 +<code html>
 +   <ul>
 +        <li>
 +            Ksbg            
 +        </li>   
 +        <li>
 +            SBB            
 +        </li>     
 +    </ul>
 +</code>
 +
 +und Anchor ''<a>''-Tags:
 +<code html>
 +   <ul>
 +        <li>
 +            Schule: <a href="https://www.ksbg.ch/gymnasium">KSGB</a>            
 +        </li>   
 +        <li>
 +            Reise: <a href="https://www.sbb.ch/de" target="_blank">SBB</a>            
 +        </li>     
 +    </ul>
 +</code>
  
 <hidden "Lösungsvorschlag"> <hidden "Lösungsvorschlag">
Line 66: Line 84:
             <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:informatik:glf23">DokuWiki</a>             <a href="https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:informatik:glf23">DokuWiki</a>
         </li>         </li>
-        <li> 
-            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-1:2021-22">DokuWiki 1. Jahr</a> 
-        </li>   
         <li>         <li>
             Englisch:              Englisch: 
Line 109: Line 121:
 </hidden> </hidden>
  
-==== Beispiel-Styles für die Startseite ====+ 
 +==== Bonus: Ausklappboxen ==== 
 + 
 +Lerne mit Hilfe von https://www.w3schools.com/tags/tag_details.asp, wie man eine Ausklappbox definiert. 
 + 
 +=== Beispiel für die Startseite mit Ausklappboxen === 
 + 
 +<hidden "Lösungsvorschlag"> 
 +<code html startseite.html> 
 +<!DOCTYPE html> 
 +<html> 
 + 
 +<head> 
 +  <meta charset="UTF-8"> 
 +  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 +  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 +  <base target="_blank"> 
 +  <title>Paul</title> 
 +  <style></style> 
 +</head> 
 + 
 +<body> 
 +  <h1>Pauls Startseite</h1> 
 +  <details> 
 +    <summary> 
 +      KSBG 
 +    </summary> 
 +    <p> 
 + 
 +    <ul> 
 +      <li> 
 +        <a href="https://www.ksbg.ch/">KBSG</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://www.ksbg.ch/interner-bereich/informationen/aktuelle-mitteilungen/">i-KBSG</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://www.ksbg.ch/infopoint/dokumentedownloads/#c494">Dokumente/Downloads 
 +          KBSG</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://ksbg.nesa-sg.ch/">Nesa KSBG</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://bldsg.sharepoint.com/sites/cl03-ksbg/SitePages/Home.aspx?wa=wsignin1.0">sp.KBSG</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://bldsg.sharepoint.com/_layouts/15/sharepoint.aspx?">SharePoint</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://owa.ksbg.ch/owa">E-Mail - Max.Muster@ksbg.ch</a> 
 +      </li> 
 +      <li> 
 +        <a 
 +          href="https://www.ksbg.ch/fileadmin/kundendaten/Infopoint/Dokumente_und_Downloads/Stundenplaene/2021-22/Fachkuerzel.pdf">Fachkuerzel.pdf</a> 
 +      </li> 
 +      <li> 
 +        <a 
 +          href="https://www.sg.ch/bildung-sport/mittelschule/lehrplaene-und-stundentafeln/gymnasium/_jcr_content/Par/sgch_accordion_list/AccordionListPar/sgch_accordion/AccordionPar/sgch_downloadlist/DownloadListPar/sgch_download_1653591290.ocFile/ER18-080%20Lehrplan%20Informatik_Beilage.pdf">Lehrplan 
 +          WMS/WMI Kanton St.Gallen - ER18-080 Lehrplan Informatik_Beilage.pdf</a> 
 +      </li> 
 +    </ul> 
 +    </p> 
 +  </details> 
 + 
 +  <details> 
 +    <summary> 
 +      Schulprojekte 
 +    </summary> 
 +    <ul> 
 +      <li> 
 +        <a href="https://www.lokalhelden.ch/artenvielfalt">Ost-Schweizer Artenvielfalt schützen und 
 +          fördern - ein Schülerprojekt - Lokalhelden.ch - Crowdfunding Plattform von Raiffeisen 
 +          Schweiz</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://www.st-galler-nachrichten.ch/st-gallen/detail/article/nachhaltige-tragtaschen-seifen-und-trinkhalme-00210022/">St.Galler 
 +          Nachrichten - Nachhaltige Tragtaschen, Seifen und Trinkhalme</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://sg.easylearn.ch/home">easylearn - Kanton St. Gallen</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://tech-lab.ch/dokuwiki/doku.php?id=techlab:formi-kurs-iot-co2anzeige">techlab:iot-co2anzeige</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://github.com/techlabksbg/schulzimmer-wetterstation/tree/master/wetterstation-lora-wan">schulzimmer-wetterstation 
 +          · GitHub</a> 
 +      </li> 
 +      <li> 
 +        <a href="https://kantilive.ch/">Gebed eu d&#39;Kanti</a> 
 +      </li> 
 +    </ul> 
 +  </details> 
 +</body> 
 + 
 +</html> 
 +</code> 
 +</hidden> 
 + 
 +=== Beispiel-Styles für die Startseite mit Ausklappboxen ===
  
 Im ''<head>...</head>'' Bereich einer html-Seite kann man Styles definieren. Z.B: Im ''<head>...</head>'' Bereich einer html-Seite kann man Styles definieren. Z.B:
  • lehrkraefte/sbt/informatik-glf2-23/eigenestartseite.1693554187.txt.gz
  • Last modified: 2023/09/01 09:43
  • by Karlheinz Schubert