Category: Kodning
-
Tips responsiv webbplats: Dark mode
Dark mode Syftet med ”dark mode” är att med hjälp av en knapp låta användaren byta (bakgrunds-)färgerna på olika element på sidan. 1) Börja med att ta fram och testa CSS regler för detta. Använd selektorer på ett smart sätt så behöver du inte göra om HTML strukturen. I utgångsläge ska din sida ser ut…
-
Verktyg och metoder för HTML
Tanken är att du ska återvända till detta dokument så ofta du behöver. När du just börjat koda kanske inte allt känns relevant, men du kommer att behöva alla dessa hjälpmedel och råd igen och igen när du kodar. Hur jobbar man effektivt när man skriver html-kod Du har redan en minimal sida som ligger…
-
Börja med CSS
Börja ändra sidans utseende med Cascading style sheets Man styr webbsidans utseende med en annan sorts textfiler. Mest rationellt är att skriva i separata textfiler med filändelsen .css Öppna en ny textfil. Skriv så här: Detta betyder att alla rubriker märkta som <h1> ska bli gröna. Spara filen som min_stil.css (i samma mapp som din html-sida). För att koppla…
-
En minimal HTML-sida för mobilt bruk
Under första veckorna av kursen bör du skaffa dig grundläggande kunskaper och webbproduktion: Hur man planerar och strukturerar innehållet (HTML) Hur man styr utseendet på ett rationellt sätt (CSS) Hur man kan lägga till funktioner genom scriptning (Javascript och PHP) Du gör detta genom att läsa kursböckerna, delta i övningar och lämna in examinationer. Övningarna…
