2. Rutine for basis kodning

  • I stifinderen lav en mappe, der har navnet på din hjemmeside. F.eks. “Hjemmeside”. Læg den gerne i mappen “Dokumenter”

Koden oprettes

  • Koden skriver du i starten hos W3Schools. www.w3schools.com
  • Vælg HTML (hvis du skal lave HTML, som man starter med) (1). Vælg f.eks. HTML Introduction (2) > Try it Yourself (3).
  • Du er nu inde i W3Schools’ editor
  • Rediger koden, så den passer til det, du vil have den til (1)
  • Når du har lavet rettelserne, klik på knappen Run (2). Resultatet ser du til højre (3)
  • Når du er tilfreds med resultatet, kopier hele koden (4). Det kan du gøre ved at markere koden og klikke på genvejstasten ctrl + c

Link til toppen af siden.

Koden sættes ind i en HTML-fil

  • For at lave en html-fil, kan du f.eks. bruge programmet notesblokken. Notesblokken findes i Windows. Skriv Notesblok nederst i Windows (1), og notesblokken kommer frem (2) (3)
  • I Notesblokken hav en tom side. På den tomme side sæt den kopierede kode fra W3Schools ind (1). Det kan du f.eks. gøre ved at have cursoren i det tomme område og bruge genvejstasten ctrl + v.
  • Gem dit arbejde. Vælg Fil > Gem
  • Dette åbner Stifinderen. Sørg for, at du er i den rigtige mappe, her “Min hjemmeside” (1)
  • Kald altid forsiden for “index.html” (2)
    • De andre filer kan du kalde næsten, hvad du vil med følgende regler
      • Kun engelske bogstaver, dvs. ingen æ, ø og å
      • Lad være med at bruge store bogstaver
      • Du må bruge tal, men aldrig som det første. Dvs. “side2.html” er i orden
      • Ingen mellemrum eller matematiske tegn som f.eks. /, + osv
      • Filen skal ALTID hedde “.html” til sidst
  • Filtypen skal være “Alle filer” (3)
  • Til sidst gemmer du filen (4)
  • I Stifinderen ser mappen nu sådan ud. Din fil har et browser-logo hvilket betyder, at en browser kan læse den. Dobbeltklik på filen dvs. index.html (1)
  • Så ser du indholdet i en rigtig browser (1)
  • Når du senere laver ændringer i koden, så husk at “Hvis din skærm er slem, så klik på F5”. Alternativt klik på knappen til genopfriskning (2). Dvs. du skal altid opdatere browseren for at se ændringerne.
  • Et lille råd: Lav de efterfølgende sider også i Notesblokken. I de nyere udgaver kan du bruge plusset og få en ny fane til at arbejde i (1)

Link til toppen af siden.