# Gör bra sajt för webben

__ icon: 🌞 author: krm created: 2025-05-15 __

Vi ska lära oss skapa en snygg sida.

# Innehåll

Allt som förekommit i denna kurs! Men se skärkilt på detta projekts
lektionsbeskrivningar.

# Sammanfattning

För att klara detta måste du minst ha gjort följande:

- En mapp som innehåller ditt projekt
- Mappen ska lämnas in minst 3 gånger så utvecklingen går lätt att följa
  - En gång efter projektet precis har kommit igång.
  - En gång när du uppsaktar att du har kommit halvägs.
  - En gång när du är klar.
- Du ska också muntligen har förklarat utvald koden för mig.
- Det ska finnas en beskrivning på vad du vill göra.
- All kod som lämnas in ska du ha skrivit själv.
- En index.html sida
- En undersida som länkas från index.html
- All css ska finnas i en style.css
- Sidan ska se snygg ut.

Observera att dessa punkter är förslag. Du kan utifrån uppgift beskrivningen
lösa detta på ett annat sätt. Dessa punkter kan också ligga till grund för om du
vill lösa uppgiften på ett mer avancerat sätt.

# Inlämning

Du lämnar in i slutet av varje lektion eller när det känns naturligt. Det kan
också vara så att du lämnar in om du har en svår löst bug i ditt program och
vill få kommentarer. Alla inlämningar ger inte poäng.

- 🦉
  [Att skapa en inlämningsfolder](https://htsit.se/a/project/Tutorial/create-a-submission-folder.sv.html)

# Betygästtning

Varje inlämning kommer få fler eller inga poäng. Dessa kommer ges i tre olika
nivåer 🥉, 🥈 och 🥇. Vid bedömning tas också hänsyn till total poäng 🪙. För
att få de högre betygen krävs poäng av 🥈 och 🥇 vallör. Se nedan för exempel på
förbättringsförslag.

Observera att visa förbättringsförslag har krav för att de ska bedömas.

## Poäng

__**Dessa gränser kan ändras i framtiden för att på ett bra sätt motsvara
kursplenen.** Vidare är det så att vid slutet av kursen skär alltid en
bedömninga utifrån kursplanens kriterium som kan avika från detta.

- För E krävs att du har fått 10 🪙.
- För D krävs att du har fått 12 🪙 plus minst 1 🥈.
- För C krävs att du har fått 15 🪙 plus minst 2 🥈+🥇.
- För B krävs att du har fått 20 🪙 plus minst 3 🥈+🥇 och 1 🥇.
- För A krävs att du har fått 25 🪙 plus minst 4 🥈+🥇 och 2 🥇.

Observera att svårigheten att få ett poäng kan variera något, men generellt blir
svårar desto mer poägn du har tagit.

# Genomförande

Fundera igenom vilken typ av webbsida du vill göra. Du har i stort sett följande
alternativ.

## Vidareutveckla det du redan har gjort.

## Gör ett nytt stort projekt.

- Biografisk sida över dig.

## Arbeta med flera små projekt:

- Profilsida, en sida som presenterar dig och vad du har gjort.
  - https://hsson.dev/
- Student hälsning - En hälsning till de som tar studenten.
- En historisk sida, visar upp en historisk händelse du tycker är intressant.
- En ämnets sida, visar upp något intressant som har lärt dig på skolan.
- Födelsedag Inbjudan - En inbjudan till din födelsedag.
- En skämtsida.
  - https://fredagminabekanta.com/
- Dejting inbjudan - en inbjudan till en dejt med dig.
- Sidor som har innehåll men där du ska skapa style till:
  - En bildspels sida.
  - En vandrings sida.
  - En medalj sida.
  - En sida för schackklubben.
  - Ett tema för htsit.se OBS! Svårt eftersom strukturen för temat bara är
    halvklart efter omskrivning.

## Noteringar om detta

- Inget copyrightat material som du inte har rätt att använda.
- Namnet på uppgiften kommer att vara "webbsajt".

# Förbättringsförslag

Varje inlämning som inte är trivial och följer syfter med uppgiften kommer få
ett 🥉, max ett sådan poäng ges per lektion.

Observera att förbättringsförslag som är konkreta utifrån ett specifikt elev
projekt också kan förekomma.'

## Dålig kod

Dessa är varning, som i värsta fall kan innebär att et poäng dras bort från en
inlämning.

### 😭 Inga space i namn på mappar eller filer!

### 😭 Du ska ha skrivit all kod själv

## Förklaringar

Om du inte har gjort stora inlämningar kommer du ombeds att ge förklaringar på
din kod. Observera att detta oftas innebär att du inte kan få poäng under andra
kategorier.

### 🥉 Förklaring av enkel kod.

## Gundläggande

Max en av dessa olika motivationer för att få poäng kan ges.

### 🥉 Bra inlämning.

### 🥉 Bra början.

### 🥉 Rätta till språket

### 🥉 En sida ska ha flera undersidor.

### 🥉 Bra namn på bilder.

### 🥉 Snygg index sida

## Övriga

### 🥉 Överaskande bra lösning.

## Bedöms efter minst 10 poäng

### 🥈 Bra struktur på koden och bra namn på allt

Namn skrivs normalt på engelska och är självförklarande.

### 🥈 Bra användaded av en webbfont

### 🥈 Alternativa texter till alla bildder.

### 🥈 Inovativ idé för utsendet på sidan

## Bedöms efter minst 15 poäng