Differences

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

--- lehrkraefte:blc:informatik:glf24:web:webseite-mit-navigation [2025/04/29 07:36] – [Mit style] Ivo Blöchliger
+++ lehrkraefte:blc:informatik:glf24:web:webseite-mit-navigation [2025/05/01 08:36] (current) – [Effizienter Arbeiten mit Live-Server] Ivo Blöchliger
@@ Line 44: / Line 44: @@
   * Zurück im Editor, Rechts-Klick auf ''index.html'' und wählen Sie ''Open with Live Server''): {{:lehrkraefte:blc:informatik:glf24:web:pasted:20250429-075710.png}}
   * Die Webadresse ist von Ihrem Server ist http://127.0.0.1:5500/index.html, wobei die IP-Adresse ''127.0.0.1'' immer auf den eigenen Computer verweist.
-  * Machen Sie eine Änderung an der angezeigten Seite und speichern Sie. Diese Änderung sollte sofort sichtbar sein.
+  * Ordnen Sie das Browser-Fenster mit <key>Windows</key><key>Right</key> rechts auf dem Bildschirm an, und VS-Code mit <key>Windows</key><key>Left</key> links.
+  * Machen Sie eine Änderung im HTML-Code der Seite und speichern Sie. Diese Änderung sollte sofort im Browser sichtbar sein.
 ===== Mit style =====
   * Unmittelbar vor dem schliessenden ''</head>''-Tag, fügen Sie folgende Zeile ein:
 <code html>
+   <link rel="stylesheet" href="style.css">
 </code>
   * Halten Sie dann die <key>Ctrl</key>-Taste gedrückt und klicken Sie im HTML-Code auf ''style.css''. Bestätigen Sie, dass die Datei neu angelegt werden soll.
@@ Line 175: / Line 176: @@
   * Der eingefügte HTML-Code soll natürlich sinnvoll angepasst werden.
+===== Weitere Ideen =====
+Wie bestimme Dinge in HTML und oder CSS gemacht werden, finden Sie Hilfe auf dem Internet oder auch Sprachmodelle sind erstaunlich versiert darin. Empfehlenswerte Seiten:
+  * W3Schools: https://www.w3schools.com/css/default.asp