Guide 1 av 3

Din första sida

Du behöver inga förkunskaper. På tio minuter har du en egen sida på internet som du kan visa för vem du vill.

1. Logga in i panelen

Gå till panel.idun-hosting.se. Skriv ditt användarnamn, klicka vidare och skriv sedan ditt lösenord. Båda står i välkomstmejlet du fick när kontot skapades.

Byt lösenord första gången du loggar in: klicka på ditt användarnamn uppe till höger och välj ett eget lösenord.

2. Öppna din webbplats mapp

Klicka på File manager i menyn högst upp.
Öppna mappen web, sedan <namn>.idun-hosting.se och sist public_html.
Där ligger en fil som heter index.html - det är den som visas när någon besöker din sajt. Just nu är det en platshållare.

3. Skriv din sida

Dubbelklicka på index.html för att öppna den i redigeraren (eller högerklicka och välj att redigera). Ta bort allt som står där och klistra in det här:

<!doctype html>
<html lang="sv">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Min första sida</title>
  <style>
    body { font-family: system-ui, sans-serif; max-width: 40rem; margin: 3rem auto; padding: 0 1rem; }
    h1   { color: #b9832a; }
  </style>
</head>
<body>
  <h1>Hej, världen!</h1>
  <p>Det här är min första sida på Idun.</p>
</body>
</html>

Byt gärna ut texten mot något eget. Spara filen.

4. Besök din sajt

Öppna https://<namn>.idun-hosting.se i webbläsaren, där <namn> är ditt användarnamn. Där är den! Ser du fortfarande den gamla sidan, ladda om med Ctrl + F5 (eller Cmd + Shift + R på Mac).

Nästa steg

Fler sidor: skapa t.ex. om-mig.html i samma mapp och länka till den med <a href="om-mig.html">Om mig</a>.
Bilder: ladda upp en bild till public_html och visa den med <img src="bild.jpg" alt="Beskrivning">.
Egen CSS-fil: lägg stilen i style.css och hämta den med <link rel="stylesheet" href="style.css">.
Jobba på din egen dator: skriv koden i t.ex. VS Code och ladda upp filerna - se nästa guide.

Tänk på: allt i public_html syns för hela internet. Lägg inte upp personuppgifter, lösenord eller annat du inte vill att vem som helst ska se.