see uppgift 1 i google classroom<a href="https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub" data-custom-entity-content="https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub">https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub</a>

Introduktion 

See uppgift 1 i google classroom <a href="https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub" data-custom-entity-content="https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub">https://docs.google.com/document/d/e/2PACX-1vTSD98uLDmd-Qspe9jBJ2jqlttPjbKoDVyF6bnM2Jlhxbj8_PeE8AEXwrehIyFQjhKReH-AuFDHORWK/pub</a>

Introduktion: Uppgift 1

Webbutveckling 1: Uppgift 1
* Vad &auml;r en hemsida?
* Hur skapar man en egen hemsida? Vad f&ouml;r verktyg beh&ouml;vs?&nbsp;
* Vi skapar en enkel hemsida f&ouml;r att komma ig&aring;ng.
* CSS stylesheets f&ouml;r "look and feel" layout f&auml;rg och form
* Slutprojekt skapa en egen hemsida utifr&aring;n egen design. Minst 4 l&auml;nkar med st&ouml;d f&ouml;r responsive layout.&nbsp;
bearbeta material:&nbsp;&nbsp;<a href="/unikum/planering/edit/w3schools.com" target="_blank" rel="noopener">w3schools.com</a>
<div dir="ltr" style="margin-left: 0pt;" align="left">&nbsp;</div>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<h1>Prelimin&auml;r tidsram</h1>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse;"><colgroup><col width="135" /><col width="465" /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; background-color: #6d9eeb; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #ffffff; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Vecka
</td>
<td style="vertical-align: top; background-color: #6d9eeb; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #ffffff; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Lektion/Uppgifter
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">35
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Introduktion
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">36
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Tr&auml;ning Evas Frukt
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">38
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Flexboxfroggy
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">&nbsp;</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Stil p&aring; knappar
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">&nbsp;</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Gridgarden och Stil p&aring; knappar version 2
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">&nbsp;</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Meny&nbsp;
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">&nbsp;</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Responsiv Meny
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">&nbsp;</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Webbens protokoll
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

WEUWEB01

Webbteknik (inaktiv)

Teckenkodning, begrepp, standarder och handhavande.

Märkspråk och deras inbördes roller, syntax och semantik – där det huvudsakliga innehållet är standarderna för HTML och CSS samt orientering om Ecmaskript och dokumentobjektsmodellen (DOM).

Riktlinjer för god praxis inom webbutveckling.

Lagar och andra bestämmelser som styr digital information, till exempel personuppgiftslagen och lagen om elektronisk kommunikation.

Terminologi inom området webbutveckling.

Bilder och media med alternativa format, optimering och tillgänglighet.

Produkten är av&nbsp;tillfredsställande&nbsp;kvalitet och följer etablerad god praxis vilket eleven kontrollerar med&nbsp;begränsade&nbsp;tester. Eleven testar produkten i&nbsp;någon&nbsp;webbläsare. Eleven testar också produkten på&nbsp;någon&nbsp;plattform och vidtar&nbsp;begränsade&nbsp;åtgärder för att åstadkomma snabb överföring av bilder eller andra mediafiler. Dessutom bygger eleven en webbplats som med&nbsp;tillfredsställande&nbsp;resultat följer grundläggande principer för tillgänglighet.

Produkten är av&nbsp;tillfredsställande&nbsp;kvalitet och följer etablerad god praxis vilket eleven kontrollerar med&nbsp;automatiserade&nbsp;tester. Eleven testar produkten i&nbsp;några&nbsp;webbläsare. Eleven testar också produkten på&nbsp;några&nbsp;plattformar&nbsp;inklusive traditionella datorer eller mobila enheter&nbsp;och vidtar åtgärder för att åstadkomma snabb överföring av bilder och andra mediafiler. Dessutom bygger eleven en webbplats som med&nbsp;tillfredsställande&nbsp;resultat följer grundläggande principer för tillgänglighet&nbsp;och&nbsp;kontrollerar detta med några automatiserade tester.

Webbutveckling 1

Matriser i planeringen

Uppgifter