Skapa din första hemsida

  1. Ladda ner och installera redigeringsprogram
  2. Öppna redigeringsprogrammet
  3. Nytt dokument
  4. Spara filen
  5. Öppna filen
  6. TADA!!! :D

Nytt dokument

New file in menu in atom editor
Ny flik, ny fil, i redigeringsprogrammet atom skriv hej





Spara filen

Filändelser

När du skapar ett nytt dokument, t.ex. en presentation (presentation, keynote, powerpoint) eller ett pdf-dokument, eller en bild, då sparas det som ett dokument någonstans på din dator. Det dokumentet har vanligtvis ett namn som slutar på t.ex. .pdf, .txt, .png eller .jpg. När vi sparar enkla textdokument som bara innehåller väldigt enkel text så kan vi välja att spara dokumentet med filändelsen .txt

Ser du filändelser (fullständiga filnamn) för filerna på din dator? Ibland behöver du ändra en inställning för att filändelser ska visas.

Visa filändelser på din dator
Windows/PC
Visa-filnamn-windows Visa-filnamn-windows-visas


Spara

Spara filen som my-website.txt Kom ihåg var du sparade filen, t.ex. i mappen mina dokument. Spara filen

Öppna filen (gå till finder/file explorer och dubbelklicka på filen)

Vad öppnades filen med för program? Ditt system gissar vad det här är för slags innehåll baserat på filändelsen.

Låt oss nu ändra filens namn, så att filnamnet slutar på .html

Du kommer förstå varför det ska vara .html så småningom. :)

Ibland kanske du tror att du har döpt filen till .html… men egentligen heter filen fortfarande .txt, och då kan filen heta website.html.txt.

Så nu borde filen alltså heta: hello.html

Nu när du har ändrat filnamnet, testa att öppna filen igen.

Vilket program öppnades det med nu?



Gå tillbaka till visa filändelser på din dator om sidan inte öppnas i webbläsare!

Tada! Du har skapat en hemsida!

Nu kan du går vidare till HTML

Vem ligger bakom denna kurs?

Victoria Wagman som har arbetat som lärare i webbutveckling, och idag arbetar som programmerare hos 46elks.

Detta material byggs upp lite i taget.