{"id":144,"date":"2026-01-21T17:00:47","date_gmt":"2026-01-21T17:00:47","guid":{"rendered":"https:\/\/bliv-klogere.dk\/?page_id=144"},"modified":"2026-01-23T10:14:19","modified_gmt":"2026-01-23T10:14:19","slug":"1-koreplan-for-selvstudie-til-hjemmeside","status":"publish","type":"page","link":"https:\/\/bliv-klogere.dk\/index.php\/1-koreplan-for-selvstudie-til-hjemmeside\/","title":{"rendered":"1. K\u00f8replan for selvstudie til hjemmeside"},"content":{"rendered":"\n
    \n
  1. G\u00e5 ind p\u00e5 www.w3sc hools.com<\/a> og l\u00f8b \u00f8velserne til og med HTML images igennem <\/li>\n\n\n\n
  2. Download en editor. Du kan bruge Notesblok, men den er meget primitiv. Gratis editorer som Brackets og Notepad ++ er mere hj\u00e6lpsomme, og dem m\u00e5 du gerne bruge. Selv Visual Studio kan bruges. Bem\u00e6rk dog, at egen-installerede programmer vil blive slettet mellem hver kursusdag <\/li>\n\n\n\n
  3. Lav en mappe p\u00e5 din computer, der hedder \u201dHjemmeside\u201d. Opret en fil, som du kalder index.html (forsiden skal altid hedde index.html) <\/li>\n\n\n\n
  4. S\u00e6t kode ind fra w3schools.com og \u00e5ben filen i en browser. Se, at koden virker <\/li>\n\n\n\n
  5. G\u00e5 ind p\u00e5 https:\/\/www.w3schools.com\/css\/default.asp<\/a> og l\u00f8b \u00f8velserne til og med CSS Colors igennem. Suppler med \u00f8velserne CSS Text og CSS Font <\/li>\n\n\n\n
  6. Lav en side i din editor og kald den for mystyle.css <\/li>\n\n\n\n
  7. Forbind mystyle.css til din side index.html <\/li>\n\n\n\n
  8. Opret en side i din editor, og kald den side2.html. S\u00e6t lidt tekst ind p\u00e5 siden. Gem siden i samme mappe som index.html <\/li>\n\n\n\n
  9. Gem et billede, f.eks. af AGFs fodboldhold i den mappe <\/li>\n\n\n\n
  10. S\u00e6t billedet ind p\u00e5 index.html (f\u00e5 evt. Hj\u00e6lp fra w3schools under HTML-sektionen <\/li>\n\n\n\n
  11. S\u00e6t en 4 x 3 tabel ind med billetpriserne til AGF\u2019s kampe. Den skal se ud som vist nedenfor med en synlig kant og fed overskrift. Find selv ud af hvordan ved at s\u00f8ge p\u00e5 W3schools under HTML > Tables  <\/li>\n<\/ol>\n\n\n\n
    Tribunen<\/strong> <\/td>Voksne<\/strong> <\/td>B\u00f8rn<\/strong> <\/td><\/tr>
    A-tribunen <\/td>250,- <\/td>125,- <\/td><\/tr>
    B- og D- tribunen <\/td>150,- <\/td>75,- <\/td><\/tr>
    C-tribunen <\/td>200,- <\/td>100,- <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
      \n
    1. Lav link mellem index.html og side2.html <\/li>\n<\/ol>\n\n\n\n

      Du kan nu grundl\u00e6ggende alt, hvad du har brug for, for at lave en hjemmeside. Du bestemmer selv herfra, men her er et par forslag: <\/p>\n\n\n\n