|
Titel
5
|
hjemmesider internet kapitel 4 i i-bogen
Websider, internet og sikkerhed samt gestalter
Forløbet med hjemmesider blev startet med i-bogen "koder til web", hvor jeg introducerede de første afsnit i bogen om struktur, CERN's første hjemmeside, starten på internettet: https://koder.systime.dk/?id=122 og https://info.cern.ch/hypertext/WWW/TheProject.html
Holdet har ikke adgang til i-bogsmaterialer (udover til informatik for alle) - derfor er links eller mindre dele kopieret fra "koder til web" og lagt i oneNote.
I har arbejdet med afsnittet i "koder til web", som omhandler HTML, hvor I har arbejdet med øvelserne i afsnittet:
https://koder.systime.dk/?id=129 (det er en lang "side" med bla web-kokken, pandekageopskrift, kogebog med sidehenvisninger, links, tabeller, billeder, ordnede og uordnede lister, HTML tags.)
CSS har været brugt primært fra w3schools.com - bla om farver, baggrund, padding, margin, css kan kodes på tre måder.
Øvelserne skulle udføres med ATOM og køres i din browser.
Herudover: https://www.w3schools.com/html/ til opslag og inspiration ved "how to".
Herefter har vi arbejdet med kapitel 4 om web-sider i i-bogen informatik for alle.
Forløbet med afsluttet med at konstruere en hjemmeside med kodning i ATOM (vælge mellem: logbog, fritidsaktivitet, web-shop eller studietur)
Kapitel 4 i informatik for alle (i-bog), https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1043 Modul 1:
bla webgenrer gennemgås og internettet
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=266 (de første computere)
videoer om internettet, ip-adresser og http, html:
https://youtu.be/Dxcc6ycZ73M?si=14ZnYLsN6-7x4eIC (internettet)
https://youtu.be/5o8CwafCxnU (ip adresser og DNS spoofing)
https://youtu.be/kBXQZMmiA4s (HTTP og HTML)
https://youtu.be/ZhEf7e4kopM (wires, cables & Wifi)
https://www.youtube.com/watch?v=AYdF7b3nMto pakker, routing, pålidelighed
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1044 Modul 2:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=229 (interaktionsdesign og layout)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=274 (farver og kontrast)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=275 (skrifttyper)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=276 (balance og det gyldne snit)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=272 (gestalter)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=273 (AIDAs)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=271 (symboler, standardelementer og konnotation)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1045 Modul 3:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=233 (internettet)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=287 (klient server model)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=288 (IT-sikkerhed)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289 (privacy og GDPR)
videointerview med Fl. Rasmussen: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289#c990 (om GDPR) og https://informatikforalle.ibog.forlagetcolumbus.dk/?id=289#c988 (om DPO funktionen)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=291 (rettigheder)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1046 Modul 4:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=244#c275 (den iterative metode)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=243 (3-lags modellen)
videointerview med Sofie Spies: https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c940
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1047 Modul 5:
omhandler bla strukturdiagram og rutediagram, Gantt kort har vi ikke gjort noget ud af.
Modul 6-7 har vi ikke brugt, men kodet i ATOM og benyttet følgende til opslag:
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=290 (guide til HTML og CSS)
desuden har I lavet favicon via
https://www.w3schools.com/html/html_favicon.asp
og fra hjemmesiden: https://www.favicon.cc/
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c680 (test din viden)
https://informatikforalle.ibog.forlagetcolumbus.dk/?id=163#c1049 (tjek om du har lært de grundlæggende funktioner)
|