WEUWEB01•WEBB1000X
Internet och webben
Internethistoria
Vem bestämmer över internet?
Tillgänglighet på webben
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
Media: ljud och video i HTML
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
Semantiska strukturelement
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
Serverskript och databaser
PHP och andra serverskript
PHP-include – En arbetsbesparande funktion
Lektioner
1 - Första lektionen
2 - Om ditt första HTML-dokument
3 - Texttaggar och kommentarer
4 - Länkar och sökvägar
5 - Bilder på webben
6 - NU hoppas vi att allting fungerar!
7 - Introduktion till CSS
8 - Måttenheter, färger och sökvägar i CSS
9 - Class, ID och olika sorters CSS-väljare
10 - <span> och <div>, inline och blocknivå
11 - Listor och menyer
12 - Boxmodellen och positionering av block
13 - Z-index, display och visibility, semantiska element och uppgift
14 - HTML och CSS: hierarki och kaskad, CSS Shorthand
15 - Pseudoelement och pseudoklasser
16 - @font-face och webfonts
17 - Tabeller i HTML
18 - Tabellens delar, colspan och rowspan
19 - Tabeller: Kolumngrupper
20 - Tabeller: Sista lektionen för spindelmannentabellen
21 - Ljud och video i HTML
22 - @-regler och media queries
23 - Anpassa din sajt till olika media!
24 - Flexibel layout med flexbox
25 - Favicon
26 - Vem bestämmer över internet? Organisationer och standarder
27 - Introduktion till formulär i HTML
28 - Om GET och POST, gör ett mailtoformulär
Resurser
Inspiration
Länkar
Exempel
Snabbreferens för HTML-formulär
Upphovsrätt – Bra att känna till
Kursdeltagare
T24b
Wilhelm Aspegårdh
Arion Begaj
Alexander Egardt
Fatima Imaan
Tuna Kocak
Elmer Lundh
Fredrik Malila
Gustaf Muda
Soshiyant Nejat Pour
Ubaid Rehman
Emilio Rios Silva
Leo Soendojo Mellquist
Valter Sundqvist
Viggo Törnqvist
Kevin Wigén
Nathaniel Woo Mellquist
T25b
Zubeydah Abdu Adam
Tim Bjurman
William Brodin
Herman Bäckström
Jacob Grefberg
Rafael Levin
Christoffer Lundgren
Pontus Löfgren
Vincent Malmros
Oskar Norhammar
Junior Tshiaba Kayembe Ilolo
Karl Wahlström Modig
Loke Åkerlund
Tidigare år
Administrera ditt konto
Lektioner
1 - Första lektionen
2 - Om ditt första HTML-dokument
3 - Texttaggar och kommentarer
4 - Länkar och sökvägar
5 - Bilder på webben
6 - NU hoppas vi att allting fungerar!
7 - Introduktion till CSS
8 - Måttenheter, färger och sökvägar i CSS
9 - Class, ID och olika sorters CSS-väljare
10 - <span> och <div>, inline och blocknivå
11 - Listor och menyer
12 - Boxmodellen och positionering av block
13 - Z-index, display och visibility, semantiska element och uppgift
14 - HTML och CSS: hierarki och kaskad, CSS Shorthand
15 - Pseudoelement och pseudoklasser
16 - @font-face och webfonts
17 - Tabeller i HTML
18 - Tabellens delar, colspan och rowspan
19 - Tabeller: Kolumngrupper
20 - Tabeller: Sista lektionen för spindelmannentabellen
21 - Ljud och video i HTML
22 - @-regler och media queries
23 - Anpassa din sajt till olika media!
24 - Flexibel layout med flexbox
25 - Favicon
26 - Vem bestämmer över internet? Organisationer och standarder
27 - Introduktion till formulär i HTML
28 - Om GET och POST, gör ett mailtoformulär