WEBWEU01
Internet och webben
Internethistoria
Vem bestämmer över internet?
HTML
Börja med HTML
Texttaggar och kommentarer
Sökvägar och adresser
Länkar: A-taggen
Bilder
Filformat för bilder
Favicon
Struktur: Organisera din sajt
Olika versioner av HTML
Teckenupsättning och teckenkoder
DTD – Document Type Definition
Listor
Tabeller
Tabellens olika delar
Tabeller: colspan och rowspan
Tabeller: kolumngrupper
HTML-formulär
Snabbreferens för HTML-formulär
Formulär: GET och POST
Repetition: Syntax och begrepp i HTML
CSS
Introduktion till CSS
Syntax: hur CSS skrivs
Lägg till CSS
Måttenheter, färger och sökvägar i CSS
Attributen CLASS och ID
Taggarna DIV och SPAN
Begreppen inline och block level
Viktiga begrepp: Boxmodellen
Positionering av element med position och float
Mer layout: z-index, display och visibility
HTML och CSS, hierarki och kaskad
Kommentarer och shorthand i CSS
Pseudoelement och pseudoklasser
Kombinerade väljare i CSS
Skriv kortare kod: CSS Shorthand
Skriv kortare kod 2: Blocksidornas ordning i CSS
@-regler och media queries
@font-face: bädda in typsnitt
@import: importera externa stilmallar
Javascript
Introduktion till JavaScript
Två sätt att lägga till JavaScript
Händelsehanterare
Syntax i JavaScript
Kommentarer i JavaScript
Variabler i JavaScript
Datatyper i JavaScript
Arrays i JavaScript
Operationer och operatorer i JavaScript
Villkorade satser i JavaScript
Loopar i JavaScript
Objekt i JavaScript
Serverscript och databaser
PHP och andra serverskript
PHP-include – En arbetsbesparande funktion
Lektioner
23-08-17: Första lektionen
23-08-18: Om ditt första HTML-dokument
23-08-25: Texttaggar och kommentarer
23-08-31: Länkar och sökvägar
23-09-01: Bilder på webben
23-09-07: Introduktion till CSS
23-09-08: Introduktion till CSS, repetition
23-09-14: Måttenheter, färger och sökvägar i CSS
23-09-21: Organisera en statisk sajt
23-09-22: Listor och menyer
23-09-28: Class, ID och olika sorters CSS-väljare
23-10-05: <span> och <div>, inline och blocknivå
23-10-06: Boxmodellen och positionering av block
23-10-12: Z-index, display och visibility
23-10-13: Pseudoelement, pseudoklasser och CSS-uppgift 1
23-10-19: HTML och CSS: hierarki och kaskad
23-10-20: CSS-uppgift
23-10-26: Kortare CSS: shorthand och blocksidornas ordning
23-11-08: Tabeller
23-11-09: Kopiera en komplex tabell
23-11-16: Kopiera en komplex tabell, fortsättning
23-11-17: Kopiera en komplex tabell, bli färdig
23-11-23: Internet och webbens historia
23-11-24: @-regler och media queries
23-11-30: Uppgift: mobilanpassning!
23-12-01: @font-face och webfonts
23-12-07: Favicon
23-12-08: Repetera webfonts och favicon
23-12-14: Repetera webfonts och favicon igen
23-12-15: Bli klar med webfonts och favicon
24-01-11: Vem bestämmer över internet? Organisationer och standarder
24-01-12: Teckenkoder i HTML
24-01-18: Introduktion till formulär i HTML
24-01-25: Övning: Mailtoformulär
24-01-26: Övning: Mailtoformulär
24-02-01: Introduktion till Javascript
24-02-02: Att lägga till Javascript
24-02-08: Händelsehanterare
24-02-09: Syntax i Javascript
24-02-22: Variabler, datatyper och kommentarer i Javscript
24-02-23: Övning: Mailtoformulär
Slutuppgift!
Resurser
Länkar
Exempel
Snabbreferens för HTML-formulär
Upphovsrätt – Bra att känna till
Kursdeltagare
T21b
Tiam Aminnejad
Julian Ghaith Arrshat
Hugo Berntsson
Cadeux Bisubizo
Anton Bohne
Adam Burvall
Magnus Carlsson
Klim Deutschmann
Teresia Eriksson
Leo Ferroni
Jacob Forssenius
Markus Mofid Gorgis
Henrik Harmén
Robin Henriksson
Leo Karlsson
Yasin Kaya
Albin Kimby
Leopold Lagerberg
Victor Lindqvist
Sigge Lundin
Mateusz Maciaszczyk
Mohamad Manla
Alexander Meurle
Leo Möller
Elliot Odelmark
Johannes Pernler
Albin Rune
Stella Sandgren
Lazar Stojicic
Edward Åsbrink
Tidigare år
Administrera ditt konto
Lektioner
23-08-17: Första lektionen
23-08-18: Om ditt första HTML-dokument
23-08-25: Texttaggar och kommentarer
23-08-31: Länkar och sökvägar
23-09-01: Bilder på webben
23-09-07: Introduktion till CSS
23-09-08: Introduktion till CSS, repetition
23-09-14: Måttenheter, färger och sökvägar i CSS
23-09-21: Organisera en statisk sajt
23-09-22: Listor och menyer
23-09-28: Class, ID och olika sorters CSS-väljare
23-10-05: <span> och <div>, inline och blocknivå
23-10-06: Boxmodellen och positionering av block
23-10-12: Z-index, display och visibility
23-10-13: Pseudoelement, pseudoklasser och CSS-uppgift 1
23-10-19: HTML och CSS: hierarki och kaskad
23-10-20: CSS-uppgift
23-10-26: Kortare CSS: shorthand och blocksidornas ordning
23-11-08: Tabeller
23-11-09: Kopiera en komplex tabell
23-11-16: Kopiera en komplex tabell, fortsättning
23-11-17: Kopiera en komplex tabell, bli färdig
23-11-23: Internet och webbens historia
23-11-24: @-regler och media queries
23-11-30: Uppgift: mobilanpassning!
23-12-01: @font-face och webfonts
23-12-07: Favicon
23-12-08: Repetera webfonts och favicon
23-12-14: Repetera webfonts och favicon igen
23-12-15: Bli klar med webfonts och favicon
24-01-11: Vem bestämmer över internet? Organisationer och standarder
24-01-12: Teckenkoder i HTML
24-01-18: Introduktion till formulär i HTML
24-01-25: Övning: Mailtoformulär
24-01-26: Övning: Mailtoformulär
24-02-01: Introduktion till Javascript
24-02-02: Att lägga till Javascript
24-02-08: Händelsehanterare
24-02-09: Syntax i Javascript
24-02-22: Variabler, datatyper och kommentarer i Javscript
24-02-23: Övning: Mailtoformulär
Slutuppgift!
Gör ett enkelt bildspel med färdig Javascript
https://lokeshdhakar.com/projects/lightbox2/