HTML & CSS opgave

Opgave fra modulet HTML & CSS på MMD. Opgaven blev afleveret efterår 2019.

Forside for HTML & CSS opgave på MDD
Se resultatet fra HTML & CSS opgaven her: http://maxfest.dk/pages/html-&-css-opgave.

Opgavebeskrivelsen

Opgaven bestod af at lave en hjemmeside.

  • Hjemmesiden skal have en forside.
  • Hjemmsiden skal have mindst 3 undersider.
  • Forsiden og undersiderne skal være sammenhængende. Med link, struktur og kontekst.
  • Hjemmesiden skal indeholde billeder, overskrifter og forskellige titler til alle sider.
  • Forsiden og undersiderne skal være styret af et eksternt CSS.
  • Hjemmesiden skal anvende en HTML5 struktur-elementer.
  • Alle sider skal valideres med W3C Markup Validation Service.
  • Løsningen skal uploades til egen server.
  • Linket til siden skal deles på ItsLearning senest den 13. oktober 2019 kl. 23.55.

Løsningsbeskrivelse

Jeg har lavet en HTML5 side, med valid struktur og kode. Jeg valgte at lave en hjemmeside der beskriver løsningen og udviklingen af den selv. Jeg syntes det var interessant at lave en lidt selvbevidst opgave, der beskriver hvordan løsningen selv er kommet til og besvarer opgaven. Det er lidt ligesom maleren der maler sig selv male et selvportræt.

I forbindelse med løsningen har jeg lavet et udkast til et nyt logo jeg godt kunne finde på at anvende til maxfest.dk.

Logo prototype for maxfest.dk
Logo anvendt på siden, og tidligt udkast til logo for maxfest.dk

Det er ikke rigtig nødvendigt at skrive mere her. Løsningen beskriver som sagt løsningen.

Se besvarelsen her: http://maxfest.dk/pages/html-&-css-opgave.

Fejl og mangler

Teknisk set anvender jeg mere end 1 CSS ark. I html-&-css-opgave.css importerer jeg Dancing Script fra fonts.google.com. Jeg havde i mit første udkast downloadet fonten og anvendt den på samme måde som jeg anvender Roboto-fonten. Men jeg fik en CORS fejl, som jeg ikke kunne løse v.h.a. eksisterende dokumentation. Jeg tror dog ikke det er en kritisk fejl, da løsningen har den “korrekte” kode udkommenteret.

Fejlen skyldtes sandsynligvis at jeg ikke har konfigureret min htaccess fil(er) korrekt. Det er dog besynderligt at roboto virker, men dancing script ikke virker, trods for at de har en identisk fremgang.