# 🚧 Hemsida - Om att skapa en enkel hemsida __ author: krm created: 2021-07-27 status: alpha __ Du ska skapa en enkel webbsida utifrĂ„n en text samt skapa din egen sida. Du kan visa din kreativitet genom att skapa en sĂ„ rolig eller fasinerande websajt som möjligt. # InnehĂ„ll Du kan utgĂ„ frĂ„n vĂ„ra lektionsanteckningar och de webbsidor som lĂ€nkas. Du kan ocksĂ„ anvĂ€dna det du hittar pĂ„ nĂ€tet. TĂ€nkt dock pĂ„ att lĂ€raren bara kan ge support pĂ„ det vi hittilsa har tagit upp i kursen. Dessutom behöver du det som du hittar via fölajde lĂ€nkar: - [Filerna till denna uppgift](https://htsit.se/f/hemsida.zip) - [LĂ€mna in dina zipade filer hĂ€r](https://forms.gle/bPJSmB4mNfmerhNr6) ## TĂ€nk pĂ„ Observera att denna kurs har stor progression, det vill sĂ€ga delar i slutet av kursen bygger vidare pĂ„ vad som görs i början av den. DĂ€rför ges bara betyg F eller E pĂ„ detta moment. # Genomförande Du ska lĂ€mna in tvĂ„ sajter. Den första kan du skapa helt fritt. Visa hur mycket html och css du kan. Sedan ska du ocksĂ„ göra en html sida enligt beskrivningen nedan. NĂ€r du har gjort detta lĂ€gger du bĂ„da sidorna/sajterna i en mapp och komprimerar den och lĂ€mnar in den pĂ„ inlĂ€mningslĂ€nken. Den sida du skapat fritt kommer lĂ€ggas ut pĂ„ inriktningens sajt. # InlĂ€mning LĂ€man in genom att be om en USB frĂ„n lĂ€raren, kopiera ned dina sidor och lĂ€man in. Observera att du kan lĂ€mna in din egen sajt flera gĂ„nger och fĂ„ kommentarer pĂ„ den. # Uppgifter ## En helt egen sida eller sajt Du kan designa denna sida eller sajt fritt. Men tĂ€nk pĂ„ att bara ha med sĂ„dan kod som du förstĂ„r. Du kan med fördel ha flera olika sidor som tillsammans utgör en sajt. ## En sida frĂ„n en beskrivning Vi har en text som Ă€r skrivet med nĂ„got som kallas ett markdown format. Det Ă€r inte viktigt att du förstĂ„r markdown utan du ska bara följa beskrivningen i lanken nedan. Du ska översĂ€tta texten till en html sida, samt anvĂ€nda tvĂ„ bilder. Du hittar materialet i en komprimerade mappen som Ă€r lĂ€nkat ovan. ### ÖversĂ€tt md-formatet till html pĂ„ följande vis UtgĂ„ frĂ„n exempel texten. GĂ„ igenom den och skriv om den utifrĂ„n instruktionerna nedan. Du kommer behöva anvĂ€nda dig av css egernskaper, dessa kan antingen vara som en separat css fil eller direkt i html filen. - 🔗 [Instruktioner för att förĂ€ndra markdown](https://docs.google.com/document/d/1xUNSPYtCiFLAUf26W5Uv8e-g1JvzAs-9W9QVHnEW5mg/edit?usp=sharing) MĂ„ste lĂ€nka till instuktionern p.g.a. problem med markdown syntax. ### För mer utmaning: - Gör sidan riktigt snygg. - Se till att sidan har en tre-kolumn design.