This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision |
| lehrkraefte:blc:informatik:glf24:web:webseite-mit-navigation [2025/04/29 08:07] – [Footer automatisch auf allen Seiten] 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 |
|---|
| * 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}} | * 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. | * 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 ===== | ===== Mit style ===== |
| * Unmittelbar vor dem schliessenden ''</head>''-Tag, fügen Sie folgende Zeile ein: | * Unmittelbar vor dem schliessenden ''</head>''-Tag, fügen Sie folgende Zeile ein: |
| <code html> | <code html> |
| | <link rel="stylesheet" href="style.css"> |
| </code> | </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. | * 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. |