Websites

Præsentation med indlagte opgaver:

Præsentationen gennemgår www og websites helt overordnet og lægger op til en række mindre opgaver undervejs, bl.a. remix af eksisterende websites (eller artikler) med Mozilla X-ray goggles og arbejde med din egen første hjemmeside gennem Alineas materiale. Derudover berøres andre relaterede emner, fx søgetips. Hvis du åbner "talerens noter" kan du se stikord/forklaringer under de enkelte slides.

Oplæg og opgaver til websites.pptx

Brugertests

Når eleverne arbejder med udvikling af websites, er det oplagt at arbejde med prototyping og brugertests. Se beskrivelser af begge dele på denne underside: Særlige metoder og værktøjer

Ekstra - Videre med HTML, CSS og JavaScript:


Danske video-tutorials:

Se videoer på https://www.nemprogrammering.dk/

(scroll ned til webudvikling og vælg "lær grundlæggende HTML". Spring evt. video 1 over, som handler om installering af editor og brug i stedet enten https://thimble.mozilla.org/en-US/eller https://repl.it/, som begge er online editors)


Udenlandske web-tutorials/moocs:

  • w3schools: https://www.w3schools.com/html/default.asp :Består af tekst + interaktive øvelser - egner sig ikke til grundskoleelever i sin fulde form, men er god at slå op i, hvis man lige skal se, hvordan man gør et eller andet. w3schools har lignende webbaserede forløb for CSS og JavaScript


  • KhanAcademy: https://da.khanacademy.org/: Har forskellige mooc-forløb i bl.a. HTML, JavaScript, mm. Start med denne: "Intro til HTML/CSS: Making webpages" Nogle udskolingselever er glade for denne, hvis de er særligt interesserede i området.


  • Codecademy: https://www.codecademy.com/learn: Har forskellige mooc- / interaktive forløb, herunder JavaScript og Python. Er også fin til særligt interesserede udskolingselever.


Bøger:

Mark Myers: "A Smarter Way to Learn HTML og CSS"

Mark Myers: "A Smarter Way to Learn JavaScript"


Bøgerne består af et en række små kapitler og tilhørende øvelser online (1800 øvelser i alt pr. bog) til at gennemprøve og træne det læste. Velegnede, hvis I gerne vil have rigtig godt styr på feltet og have kodedelen grundigt indarbejdet.