Skapa hemsida – Detaljerad guide

Dela

Här kommer jag gå igenom fyra steg för att skapa egen hemsida.

1. Bestäm vad hemsidan ska handla om.
2. Köp ett webbhotell och ett domännamn.
3. Bygg upp hemsidan med innehåll och funktioner.
4. Lägg upp webbfilerna på webbhotellet.

Vill du läsa alla stegen mer ingående så forsätt läs.

Steg 1 – så börjar du att skapa hemsida

Detta avsnitt kommer endast innefatta förklaringar, planering och struktur av din hemsida. Känner du att allt som har med det att göra redan sitter på plats så fortsätt till steg 2, den tekniska biten. Om inte, läs och förstå detta steg så kanske poletten trillar ner.

Summering av detta steg:

  • Du behöver veta vad din hemsida ska handla om, en idé.
  • Du behöver ett webbhotell (se vår topplista längst upp på denna sida) och ett domännamn.

Handling av hemsida

Jag antar att du redan vet vad din hemsida ska handla om. Om du inte vet det, så kom fram till något. En hemsida kan innehålla och handla om vad som helst – det finns inga begränsningar. Något jag också antar är att detta är din första hemsida vilket betyder att erfarenheten du har inte räcker till mycket. Det bästa är att då att första lära sig hur allt går till rent praktiskt innan man sätter igång med den riktiga hemsidan. Mitt tips är alltså att göra alla dessa steg för en låtsashemsida för att du ska förstå helheten och undvika misstag med den riktiga hemsidan. Men det är självklart upp till var och en.

Tänk ut vilken målgrupp hemsidan riktar sig mot. Är det dina vänner, pokemon-entusiaster eller kanske alla? Är det till nära vänner till exempelt, så kanske man bör tänka i mer personliga banor – ha detta i åtanke när du formar hemsidan.

Webbhotell och domännamn

Dessa två saker är obligatoriska för att skapa en hemsida. Men vad betyder då detta?

Ett simplificerat sätt att se på det hela är att tänka sig att webbhotellet är din brevlåda och domännamnet är din adress. För att någon ska kunna skicka post till din brevlåda behöver dem en adress för att posten ska komma fram.

Webbhotell

Du behöver ett webbhotell för att din hemsida ska finnas på internet rent tekniskt. Detta är en plats där dina webbfiler ska ligga. Webbfilerna är de som innehåller koden, alltså din fysiska hemsida. Det finns över 100 företag som leverar tjänster inom webbhotell bara i Sverige. Priset är från 0 kr – 5000 kr per år. Mer om detta i budget längre ner. Längst upp på denna sida finns våra rekommenderade webbhotell.

Domännamn

Du behöver också ett domännamn för att man ska kunna hitta till din hemsida. Priset är från 0 kr – 120 kr per år. Mer om detta kan du läsa om du klickar på denna länk om domännamn.

Budget

Vad ligger din budget på? Är detta bara ett litet oseriöst hobbyprojekt som är mer en spontan grej? Då bör kanske inte du investera för mycket, om ens några pengar alls i din hemsida. Är det däremot något som du vill ska iallafall hålla en viss standard så rekommenderar vi att du köper ett webbhotell och ett eget domännamn. Det behöver inte vara dyrt alls.

Det känns som att jag har täckt de viktigaste punkterna. Om du reflekterat över det jag har skrivit så borde du ha en god överblick om vad som behöver köpas och göras nu.

Mer om 2. den tekniska biten i steg två.

Steg 2 – välj typ av hemsida

Vi gick i förra delen igenom planering och vad som behövs för att hemsidan ska finnas på internet. I denna del kommer vi gå igenom hur du kommer igång och skapar hemsidan.

Summering av detta steg:

  • Hur du bygger ihop och skapar själva hemsidan

Nu ska vi börja kolla på hur du kan skapa hemsidan. Det finns två alternativ, 1) använd en färdig lösning, eller 2) koda hemsidan själv.

Färdiga lösningar

Termen som används inom webmastervärlden är CMS (Content Management System). En färdig lösning betyder att grovjobbet redan är gjort, dvs att all kod redan finns på plats – det enda du måste göra är att fylla hemsidan med innehåll. Att använda sig av färdiga lösningar är bra ur många aspekter. För det första så sparar det dig enormt med tid, för det andra så kan inte alla programmera webbspråk. Det finns även andra fördelar som att färdiga lösningar oftast är bättre optimerade för sökmotorer, använder sig av mer optimerad kod för att laddningstiden ska bli mindre samt att det mest essentiella som behövs för en bra struktur av hemsida redan är inbyggt.

Vad kostar det? Det finns gratis lösningar och även de som kostar pengar. Lyckligtvis så finns det gratis som också är riktigt bra.

Hur går det till? Enkelt – Du laddar hem några filer som innehåller kod. Dessa filer laddar du sedan upp på ditt webbhotell. Vissa webbhotell har redan vissa applikationer färdiga som du kan börja använda på bara ett klick. Binero är en av dessa webbhotell.

Vart hittar jag en färdig lösning? Läs mer om CMS här.

Koda egen hemsida

Egen kodad hemsida innebär att den är skräddarsydd efter dina önskemål. Du bör kunna samtliga språk inom webbprogrammering – HTML, CSS och eventuellt PHP/ASP samt ha kunskaper inom webbdesign. Fördelen med att koda egen hemsida är att du har helt fria händer. Du kan göra vad du vill, hur du vill. Men även många av de bästa webbdesigners idag använder sig av färdiga lösningar just för att det spar så enormt mycket tid.

Det finns mallar som du kan ladda ner och använda till din hemsida. Då slipper du bygga från grunden.

Resurser med tiotusentals gratis mallar till din hemsida:

Steg 3 – funktioner och innehåll på din hemsida

En stor del av processen när man skapar hemsida är funktionerna och innehållet.

Det finns en uppsjö av olika funktioner du kan ha på din hemsida. Det finns två sätt att få funktionerna integrerade på din hemsida. 1) Laddar ner en färdigkodad applikation. Det finns gott om till exempel skript för gästböcker och forum, använd Google till att hitta den funktion som du vill ha. 2) Kodar egna funktioner. Självklart krävs kompetens i PHP & ASP för detta.

Använder du publiceringsverktyg, eller CMS som det heter på Engelska, så har du mycket större möjligheter att lägga in funktioner. I WordPress kan du lägga in över 10 000 olika funktioner (s.k plugins) på bara ett par knapptryck. Detta är en av många anledningar varför vi rekommenderar WordPress.

Funktioner på hemsidan

Här är lite exempel på vad du kan ha för funktioner på din hemsida

  • Gästbok
  • Forum
  • Blogg
  • Social Media
  • Kalender
  • Nyhetsbrev
  • Fotoalbum
  • Undersökningar
  • Sökfunktion
  • Kontaktformulär
  • Länkkatalog
  • Välja språk
  • Mest lästa sidor

Innehåll på sajten

En hemsida måste alltid ha innehåll i form av någon text. Detta är ett måste för att din hemsida ska kunna synas på bra positioner i Google, vilket jag skrivit mer om här.

Skriv om det som din hemsida ska handla om. Försök att alltid skriva texter som relaterar till vad din hemsida handlar om. Det är en konst och krävs en hel del träning att skriva innehåll som folk intresserar sig för och finner användbart.

Steg 4 – publicera hemsidan

När du kommit till det här steget så ska själva hemsidan vara klar. Nu är det dags att lägga upp hemsidan på webbhotellet.

Hur publicerar man hemsidan på webbhotellet?

Det gör man genom att ladda upp filerna på webbhotellets server. Detta gör du vanligtvis genom att logga in på en FTP-server och kopiera webbfilerna. Adress och inloggning till denna utges av respektive webbhotell. Oftast behöver du skapa en FTP-användare i kontrollpanelen själv först.

Filezilla FTP-klient

Ett bra och gratis program jag använder för att logga in på FTP är Filezilla FTP Client.

Så här använder du Filezilla:

  1. Ladda ner, installera och öppna programmet.
  2. Logga in genom att fylla i uppgifterna.
    Värd: Det är adressen där FTP-servern ligger, antingen ett IP-nummer eller ett domännamn. Information om det brukar ligga under fliken ”FTP” på respektive webbhotell.
    Användarnamn: Om det inte redan finns en användare, så skapa en på webbhotellet.
    Lösenord: Lösenordet är ibland redan förvalt, så byt till det lösenord du vill använda.
  3. När du loggat in så kommer det upp mappar. Det du ska leta efter är följande antingen ”domains”, domännamnet eller ”public_html”. I public_html ska webbfilerna som du vill ha publicerade finnas.

One Click Installer

I vissa fall behöver du inte ladda upp något via FTP då vissa webbhotell (bl.a Binero och Loopia) erbjuder en installationstjänst (s.k One-Click-Installer) för många av de vanligare webbapplikationerna som WordPress, Joomla m.m som gör att du kommer igång snabbt och enkelt.

Lycka till!