lehrkraefte:blc:informatik:glf22:web-tech:html

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
lehrkraefte:blc:informatik:glf22:web-tech:html [2023/04/13 19:07]
Ivo Blöchliger [Erste Seite]
lehrkraefte:blc:informatik:glf22:web-tech:html [2023/04/14 07:45] (current)
Ivo Blöchliger [Erste Seite]
Line 46: Line 46:
     * Entweder auf der Kommandozeile mit ''start hello.html''     * Entweder auf der Kommandozeile mit ''start hello.html''
     * Oder im Dateimanager durch Doppelklick.     * Oder im Dateimanager durch Doppelklick.
 +  * Ändern Sie nun den HTML-Code und speichern Sie Ihre Änderungen.
 +  * Damit diese im Browser sichtbar werden, muss die Seite neu geladen werden.
 +</WRAP>
  
 +Es wäre schön, die Seite würde automatisch neu geladen werden. Das ist möglich mit der «Live Server» Extension.  
 +<WRAP todo> 
 +  * Installieren Sie in VSCode die «Live Server» Extension (links auf {{:lehrkraefte:blc:informatik:glf22:web-tech:pasted:20230414-073610.png}} oder Ctrl+Shift+X, dann nach «Live Server» suchen und installieren. 
 +  * In VSCode, links in den Dateien, Rechtsklick auf Ihre html-Datei -> «Open with Live Server». 
 +  * Positionieren Sie VSCode nach links mit <key>Windows</key>+<key>←</key> und das Browserfenster nach rechts mit <key>Windows</key>+<key>→</key> 
 +  * Ändern Sie ihren HTML-Code nochmals und beobachten Sie, wie die Seite automatisch neu geladen wird, sobald Sie Ihre Änderungen speichern.
 </WRAP> </WRAP>
  • lehrkraefte/blc/informatik/glf22/web-tech/html.1681405657.txt.gz
  • Last modified: 2023/04/13 19:07
  • by Ivo Blöchliger