Webbutveckling 1 · område 2 · v.37–41
HTML – innehåll och struktur
Tolv lektioner om vad en webbsida är gjord av. Fem genomgångar och sex arbetspass, och däremellan bygger du din första riktiga webbplats – fyra sidor, helt utan CSS, validerad utan ett enda fel.
- 2 okt Inlämning kl 23:59 Projekt 1 – flersidig ostilad webbplats. Länken till ditt nya publika repo lämnas i itslearning.
- 5 okt Prov 1 – kodprov HTML Skriftligt prov utan dator. Bygger på det du arbetat med i området.
Sajten du bygger nu ska vara helt ostilad. Det är själva poängen: HTML säger vad något är, CSS säger hur det ser ut, och de två sakerna ska vara uppenbart olika innan vi slår ihop dem i område 3. Att sidorna ser tråkiga ut är rätt.
Material
Områdets uppslagsbok. Fjorton avsnitt från dokumentets grund till validering, med felsökning, snabbreferens och ordträning.
Uppgift Projekt 1Områdets projekt. Uppdraget, kraven i tre nivåer och bedömningsmatrisen du stäms av mot. Deadline 2 oktober.
Lektionerna
Missade du ett pass? Sista kolumnen pekar på det du behöver läsa för att komma ikapp.
| Datum | Vad vi gör | Missade du passet? |
|---|---|---|
| mån 7/9 | HTML-dokumentets grund. doctype, head och body, teckenkodning och entiteter. Uppgiften delas ut. | Guiden 1–2 |
| tis 8/9 | Semantik, text och länkar. header, nav, main och footer. Rubriknivåer, listor, sökvägar och ankarlänkar. | Guiden 3–5 |
| fre 11/9 | Bilder och media. img med alt, figure, bildformaten. Video med undertext. | Guiden 6–7 |
| mån 14/9 | Tabeller och formulär. th, scope och caption. label kopplad med for, fälttyper och fieldset. | Guiden 8–9 |
| tis 15/9 | Validering och webbläsartest. W3C-validatorn, att läsa ett felmeddelande, och test i två webbläsare. | Guiden 10 |
| fre 18/9 | Arbetspass. Eget projekt med handledning. | Kraven |
| mån 21/9 | Arbetspass. Eget projekt med handledning. | Kraven |
| tis 22/9 | Arbetspass. Eget projekt med handledning. | Felsökning |
| fre 25/9 | Ledig dag. Ingen lektion. | – |
| mån 28/9 | Arbetspass. Eget projekt med handledning. | Felsökning |
| tis 29/9 | Arbetspass. Avstämning mot bedömningsmatrisen – du går igenom din egen sajt rad för rad. | Matrisen |
| fre 2/10 | Sista finputs och deadline. Validera, testa i två webbläsare, committa. Inlämning 23:59. | Innan du lämnar in |
| mån 5/10 | Prov 1 – kodprov HTML. Skriftligt prov utan dator. | Snabbreferens |
Det är en vecka mindre projekttid än det ser ut som i kalendern. Räkna med sex arbetspass, inte sju.
Vad du kan efter området
- Skriva ett komplett HTML-dokument från grunden, utan mall.
- Välja semantiskt element efter vad innehållet är, inte efter hur det ska se ut.
- Länka mellan dina egna sidor, till andra sajter och inom en sida.
- Lägga in bilder med alt-text som fungerar för den som inte ser bilden.
- Bygga en tabell som går att läsa upp, och ett formulär där varje fält har en etikett.
- Förklara varför åäö går sönder, och laga det.
- Validera en sida, läsa felmeddelandet och rätta felet.
- Publicera en flersidig webbplats och lämna in den i itslearning.