1010 Gratis webbhotell - använd ej mer
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.
Gratis webbhotell från Hostinger.se Sidan blir utan reklam. Gör som följer:
- Fyll i formuläret
- Gör som det står: Öppna mejlen och klicka på länken för att aktivera kontot.
-
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.
-
Välj om möjligt en subdomän med ditt
förnamn och efternamn enligt:
- Logga ut
- Logga in igen. Ta dig till kontrollpanelen.
- Långt ner under Files klickar du på File Manager 1. Klicka därefter Install.
- Klicka på View result långt ner till höger. En pop-up-ruta.
- Högerklicka på filen index.php?! och välj delete
- Klicka på New text file i menyn. Högerklicka på filen och välj rename. Döp den till start.html.
-
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> <p> Test av: å, ä, ö, Å, Ä, Ö </p> </body> </html>
- Vad står <h1> respektive <p> för?
- Titta på din hemsida i en webbläsare. Gör några små ändringar i start.html och kolla vad som händer på hemsidan.
-
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> <p> Test av: å, ä, ö, Å, Ä, Ö </p> </body> </html>
- När du är nöjd med din sida mejlar du en länk för hemsidan till din lärare.