Skapa en webbsida

author: krm created: 2022-03-28 change: 2023-12-04 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äsaare.

🏷 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.

1. Gå till din webbmapp

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

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
• 🔗 Hall of fame

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.

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.

<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.

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.