Projektbeskrivning

Jag vill skapa en responsiv och användarvänlig webbsida som visar ett skolschema. Sidan har en tydlig struktur med header, main och footer, samt en sidomeny där användaren kan välja att visa schema för klass, sal eller lärare. Schemat kan visas som dagsvy eller veckovy. För att öka användarupplevelsen ska sidan innehålla en enkel JavaScript-funktion, exempelvis för att byta vy mellan dag och vecka utan att ladda om sidan.

---

Mål och syfte

• Bygga en responsiv webbsida med modern HTML5 och CSS.
• Implementera en sidomeny för val av schema (klass, sal, lärare).
• Visa ett enkelt, färgkodat schema med veckodagar och tider.
• Använda JavaScript för att byta mellan dagsvy och veckovy dynamiskt.
• Säkerställa god prestanda och användarvänlighet på olika enheter.
• Ha validerad html och CSS kod

---

Målgrupp

Primärt elever och skolpersonal, men projektet är främst en teknisk övning för att visa webbutvecklingskunskaper.

---

Krav

• Header: Sidans titel.
• Sidomeny: Val mellan klass, sal och lärare; dropdown för specifikt val; knappar för dagsvy och veckovy.
• Schema: Visas i ett rutnät med veckodagar och tider, färgkodade rutor.
• Responsiv design: Sidomenyn anpassar sig efter skärmstorlek.
• JavaScript: Dynamiskt byte mellan dagsvy och veckovy utan omladdning.
• Semantisk, välstrukturerad HTML5.
• Användning av CSS Grid och Flexbox.
• Responsiv design via media queries.
• Optimerad prestanda och enkel kod.

---

Design och teknik

• HTML5
• CSS: Grid för schemarutnät, flexbox för sidomeny och layout, media queries för responsivitet.
• JavaScript

---

Tidsplan (2 veckor)

Vecka 1:

• Planering och strukturering av sidan
• Grundläggande HTML och sidomeny
• Skapa schemarutnät och styling
• Skapa schemarutnät och styling

Vecka 2:

• Testning och justeringar
• Dokumentation och förberedelse för inlämning

MIN SKISS