Skapa en webbsida

author: krm created: 2022-03-28 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 wevbbsida är skriven i html och css. Den visas av en webbläsaare.

🏷 Namn som används

Dessa namn finns i html filen.

• 🏷 TITLE Titel på ditt projekt.
• 🏷 AUTHOR Titel på ditt projekt.
• 🏷 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 projektet som du vill ha filen i.
• 🏷 FILE_NAME Namnet på filen, tänkt på att den ska slutqa på .html.

1. 🧩 Klona vår samling av mallar

Dessa finns i arkivet mimer-template och kan klonas enligt nedan.

git clone https://gitlab.com/krmit/mimer-template.git

2. Gå till din webb mapp

Du behöver ha en webbnapp som visar det du har gjort.

cd PATH
cd public/

3. Kopiera in en mall av en sida.

Du behöver ha en html sida att utgå ifrån.

cp ~/dev/mimer-template/File/web.html public/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. Skapa en CSS mapp

Vi behöver nu skapa en mapp för css.

mkdir public/css

6. Koppiera in en CSS fil

Vi kopierar in en CSS fil som vi kan använda.

cp ~/dev/mimer-template/File/css/style.css css/ 

7. Ändra CSS filen efter dina önskemål,

Vi ändrar den sedan efter våra behov.

geany css/style.css

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