ÖVN 1 - VS Code och filmwebbsida (E-nivå) 

Du ska använda VS Code för att göra alla HTML och CSS uppgifter

Se alla delar i denna spellista

Film 1-6 visar jag i princip hur och vilka inställningar, extentions jag använder

Du kommer få lära dig installera VS Code och lägga till extensions

• Öppna Extensions -> söker efter och installera 

  • W3C Validation av Umoxfo

  • Live Server av Ritwick Dey

• Konfigurera VS Code så ha får automatisk formatering av HTML och CSS koden 

  • Kugghjul -> Settings (cmd,)  -> sök "format" -> klicka i "Editor: Format On Save"

Jag använder också de dessa extensions

• Öppna Extensions -> söker efter och installera 

  • Color Highlight av Sergii N

  • Image Preview av Kiss Tamás

  • Material Icon Theme av Philipp Kief

  • Code Spell Checker (tillagd nov 2022)

Color Theme

• Kugghjul -> Color Theme -> välj ett färgtema eller "browse additional color themes" jag använder Color Theme : Monokai Pro 

Därefter får du lära dig göra en enkel filmwebbplats med en HTML och en CSS fil

Jag visar hur man gör denna filmwebbplats

Kraven för uppgift 1

Gör en sida i HTML5 där du skriver kortfattat om en bra bok, film eller serie du sett 

Du ska ha med en bild i jpg, webp eller png (tex postern till filmen). Välj en bild som är liten. Max en halv skärmhöjd

Du ska använda <h1>  tag till rubriker.

Du ska använda <p> tagen till löptext.

Använd en extern CSS fil som du länkar från HTML-filen.

CSS ska påverka

         h1: Fonten Verdana storlek 1.7rem, färg valfri (ej svart) men tänk på att den ska passa ihop med de andra färgerna. OBS använd ej röd text

Förslag på utseende