Localization of activity.md into Swedish

title: HTML Puzzle Boxes github: mozilla/mozilla-club-activity-html-puzzle-boxes image: html-puzzleboxes.jpg competencies:

- {label: "Composing for the web", type: "composing"}

Sektion 2. Skriva för Webben

HTML Pussel Lådor

Skapad av Yofie Setiawan, Mozilla Indonesien och remixad för Clubs av Mozilla.

Studenterna kommer köra ett race genom att sekvensera pappers lådor märkta Med HTML taggar, bli bekant med de vanligaste HTML taggarna och hur man ska strukturera en webbsida.

45 minuter till en timme

Förberelser

Genomför den förberedande Enkäten. Gör sedan aktiviteten själv för att bekanta dig med den. Se videon till vänster under "Activity in Action".

Skriv ut minst 12 kopior av detta Pussel låde mönster.

Skapa en Pussel låda är rätt enkelt. Men, för att ha tillräckligt med pussel lådor för att spela detta spel, så krävs det åtminstonde 12 lådor – för att se till att du har tillräckligt med lådor för att öppna och stänga taggar. Totalt, för ett par av spelare, så behöver du bygga 24 lådor. Så, för att totalt bygga alla 24 lådor, så behöver du skriva ut 12 ark av papercraft mönster.

Det är föredraget att skriva ut Pussel lådorna med tjockt papper, så att dom går enklare att sätta ihop och bygga bättre.

Om du har dåligt med tid, så kan du göra denna aktiviteten genom att skriva på några papper eller post-its istället för att göra lådor.

Få dom studerande att slutföra deras pre-aktivitet frågeformulär.

15
min

Introduktion: Göra lådorna

Detta är rätt så roligt men tar tid att göra. Dom studerande byggar först deras lådor. Bonus: Om ni har tid över, mentorn spelar HTML Corners med hjälp av lådorna för att signalera stationer.

img sample

20
min

HTML Pussel Lådors utmaningen

Först bygg ihop HTML taggarna i rätt ordning i en liten grupp. Sedan Race!

stacked boxes

Detta är den rätta kombinationen av en HTML taggarnas struktur.

<html>
    <head>
        <title>
        </title>
        <style>
        </style>
    </head>
    <body>
        <p>
        </p>
    </body>
</html>

10
min

Reflektion: Granska Taggarna

Upprepa HTML Corners spelet om ni har tid över. Eller, bara få studenterna att ropa ut vad varje HTML tagg betyder.

Bonus: Om ni har tid över, visa vad HTML taggarna används till in action genom att klicka på "Visa källkod" eller använda X-Ray Goggles på en hemsida. Bonus: Tag i din omgivning genom att sätta ut remixade HTML Pussel lådor eller post-it lappar runt om i rummet a la Markup Mixer.

Avsluta genom att be gruppen att reflektera över vad de hittade.

mozilla / mozilla-club-activity-html-puzzle-boxes