Skip to content

coding-pirates-hillerod/personlig-hjemmeside-1

Repository files navigation

Personlig Hjemmeside 1

Velkommen til Coding Pirates Hillerøds forløb om HTML, CSS og JavaScript! Dette repo indeholder materiale og ressourcer til at hjælpe børn med at skabe deres egen sjove og personlige hjemmeside.

🎡 Om Forløbet

I dette forløb vil deltagerne lære de grundlæggende elementer i webudvikling, herunder:

  • HTML (HyperText Markup Language): Grundstrukturen for webindhold.
  • CSS (Cascading Style Sheets): Styling og layout af hjemmesider.
  • JavaScript: Gør hjemmesider interaktive og dynamiske.

🌱 Forløbsplan

Powerpoint til forløbsplan

📅 Undervisningsmateriale

Powerpoint til undervisningsmateriale

  1. Uge 1: Introduktion til HTML. Lave en simpel side med tekst, billeder og links.
  2. Uge 2: Introduktion til CSS. Tilføje farver, skrifttyper og layout til hjemmesiden.
  3. Uge 3: Introduktion til JavaScript. Brug en knap. Og gøre hjemmesiden interaktiv med animationer.

❇️ Eksempelside

Personlig hjemmeside eksempel

Tryk 'c' for at skifte farve. Tryk 'mellemrum' for at skifte animation.

🆘 Rod i koden?

Brug mine branches til at download eksempel-kode under mappen 'codealong'.

Mål for Forløbet

Ved afslutningen af forløbet vil deltagerne have:

  • Skabt deres egen personlige hjemmeside.
  • Fået en grundlæggende forståelse af webudvikling.

📄 Ressourcer

🌟 Tips og Tricks

  • Prøv forskellige HTML-elementer som <h1>, <p>, <img>, <a> osv.
  • Eksperimentér med CSS-egenskaber som color, font-size, margin, padding osv.
  • Prøv simple JavaScript-funktioner som at ændre tekst, farver eller at lave animationer.

📧 Feedback og Support

Vi opfordrer til feedback! Ræk ud til Coding Pirates Hillerød ved spørgsmål eller feedback.


Coding Pirates Hillerød er en del af en landsdækkende frivillig forening, der underviser børn og unge i programmering og teknologi på en sjov og lærerig måde.

God fornøjelse med at kode din egen hjemmeside!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published