Template Editor: Forskelle mellem versioner

Fra Holstebro HTX Wiki
Spring til navigation Spring til søgning
Oprettede siden med " {{HTML-Template}} Kategori:HTML-Template"
 
Ingen redigeringsopsummering
Linje 1: Linje 1:
Til redigering af kode-filer som HTML, CSS, javaScript og andre typer filer der er tekst-baserede anvendes et værktøj der kaldes en tesks-editor.
En god og gratis editor er Visual Studio Code, der kan hentes fra [https://code.visualstudio.com/download], hvor der både er kode til Windows og Mac.
Editoren er god til at holde styr på flere filer, som man typisk vil gøre i redigeringen af et site.
For at åbne en mappe anvendes File - Open Folder som vist her:<br />
[[image:open-folder.png|400px|Open folder i Visual Studio Code]]
Her skal man så finde den mappe hvor man har pakket sit template ud.
Når man har åbnet mappen, så får man vist indholdet som her:<br />
[[image:folder-view.png|300px|Visning af mappe i Visual Studio Code]]
Her kan man åbne en fil ved at klikke på den.


{{HTML-Template}}
{{HTML-Template}}
[[Kategori:HTML-Template]]
[[Kategori:HTML-Template]]

Versionen fra 24. okt. 2025, 10:49

Til redigering af kode-filer som HTML, CSS, javaScript og andre typer filer der er tekst-baserede anvendes et værktøj der kaldes en tesks-editor.

En god og gratis editor er Visual Studio Code, der kan hentes fra [1], hvor der både er kode til Windows og Mac.

Editoren er god til at holde styr på flere filer, som man typisk vil gøre i redigeringen af et site.

For at åbne en mappe anvendes File - Open Folder som vist her:
Open folder i Visual Studio Code

Her skal man så finde den mappe hvor man har pakket sit template ud.

Når man har åbnet mappen, så får man vist indholdet som her:
Visning af mappe i Visual Studio Code

Her kan man åbne en fil ved at klikke på den.

HTML Template
HTML-Template Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript