# Skapa ett webprojekt
```
author: krm
created: 2025-10-21
status: alpha
```

# 👁️‍🗨️ Om detta avsnitt

Ett enkel sätt att skapa en webbsida som kan användas till grund för 
många olika projekt.

# 📕 Vad är webbsida?

En webbsida är skriven i html och får sedan sin style med css. Den visas av en webbläsare.

# 🏷 Namn som används

Dessa namn finns i html filen.

- TITLE🏷 Titel på ditt projekt.
- AUTHOR🏷 Ditt namn.
- START_YEAR🏷 Året du startade utveckla projektet.
- END_YEAR🏷 Nuvande år, uppdatera i framtiden om du gör någon modifiering.
- PATH🏷 Sökväg till en webbmapp.
- PATH_TO_CSS🏷 En  relativ sökväg till din CSS fil.
- FILE_NAME🏷  Namnet på filen, tänkt på att den ska slutqa på .html.

Använd dem när det behövs.

# 1. Gå till din webbmapp

Du behöver ha en webbmapp som visar på webben av en webbläsare.

```sh
cd PATH
cd public/
```

# 2. Hitta ett bra exemepl

Du behöver ha en html sida att utgå ifrån. Nedan är en par bra länkar.

- 🔗 [Layoute](https://htsit.se/e/layoute/examples.sv.md.html)
- 🔗 [En tom sida att ladda ned](https://htsit.se/e/layoute/examples.sv.md.html)

# 2.1 Dessa länkar kan fungera som inspiration

- 🔗 [Hall of fame](https://htsit.se/h/)


# 3. Ladda ned sidan och namnge den

Ladda ned en sida till din dator. Kopiera in den i din mapp coh byt 
namn till FILE_NAME.

# 4. Skriv in värden på namnen

Öppna filen och byt utvärden i den till dina värden. Om du ska skapa 
en till websida i projektet kan vi utgå från denna.

```sh
geany FILE_NAME
```

# 5. Se till att sökvägen till css filen är rätt. 

Vi behöver nu använda en extern css fil. Ta bort eventuell kod i style 
elementet till din css fil. Ändra selektorer om det behövs. Byt ut 
style lementet till koden nedan. 

```html
<link rel="stylesheet" type="text/css" href="PATH_TO_CSS" />
```

# 6. ✔️ Titta på filen och se att den stämmer

Vi kan nu ta och titta på filen och se att den stämmer.

```sh
firefox FILE_NAME
```

Observera att om filen kräver externa resurser kan det krävas att du 
startar en webbläsare för att se den ordentligt.