1900 Gratis hemsida - använd ej

Under kursen kommer du att bygga en egen hemsida som ligger publikt så att alla som har en dator kan besöka den. Det gör att du måste tänka efter noga vad du lägger på hemsidan.

  • Allt material måste vara ditt eget. Du kan t.ex. inte bara ta en bild på nätet och lägga på din hemsida.
  • All text måste vara din egen. Tänk på vad du skriver så att du står för vad du skriver. Det är bra att tänka att allt som lagts ut kommer att ligga där för alltid även om du tar bort det. Det kan ha sparats av någon annan.

Du ska skaffa en gratis hemsida på freehostingnoads.net. Sidan blir utan reklam. Gör som följer:

  1. Klicka långt ner för att få en gratis sida.
  2. Fyll i formuläret och klicka: Continue.
  3. Fyll i och klicka Create ...
  4. Gör som det står: Öppna mejlen och klicka på länken för att aktivera kontot.
  5. Välj hosting plan som FreeNoAds. Klicka Select
  6. Välj en gratis subdomän.
    • Välj om möjligt en subdomän med ditt förnamn och efternamn enligt: FörnamnEfternamn
    • Fyll i resten som behövs.
    • Klicka slutligen på Create
  7. Nu får du vänta på att din subdomän blir aktiv. Det kan ta upp till 12 timmar. Klicka genast på ikonen längst upp till vänster. Nu kommer du till kontrollpanelen.
  8. Logga ut
  9. Logga in igen. Nu ser kontrollpanelen annorlunda ut.
  10. Långt ner under Files klickar du på File Manager. Klicka därefter Install.
  11. Klicka på View result långt ner till höger. En pop-up-ruta.
  12. Högerklicka på filen och välj delete
  13. Klicka på New text file i menyn. Högerklicka på filen och välj rename. Döp den till index.html.
  14. Högerklicka på filen och välj Edit file. En enkel texteditor öppnas. Vi ska bara använda den idag. Skriv in följande text:
    <!DOCTYPE html> <!-- HTML5 --> <html> <body> <!--sidans innehåll--> <h1> Ditt namn </h1> <p> Detta är första versionen av min hemsida. Mer kommer snart ... </p> <p> Text text text text. </p> </body> </html>
    Det som står mellan <!-- och --> är en kommentar som inte visas på hemsidan. Spara. Öppna en webbläsare och knappa in adressen till din nya sida.
  15. Vad står <h1> respektive <p> för?
  16. Gör några små ändringar och kolla vad som händer på hemsidan.
  17. Nu är det dags att trolla fram å, ä och ö. Lägg till några rader kod så att det blir på följande vis.
    <!DOCTYPE html> <!-- HTML5 --> <html lang='sv'> <head> <meta charset='utf-8' /> <!-- för att få å, ä och ö m.m. --> <title>Webbutveckling</title> </head> <body> <!--sidans innehåll--> <h1>Ditt namn</h1> <p> Detta är första versionen av min hemsida. Mer kommer snart ... </p> <p> Text text text text. </p> </body> </html>
  18. När du är nöjd med din sida mejlar du en länk för hemsidan till din lärare.