Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Skapa och publicera webplatsen

Det här är din snabbguide till vad som krävs för att bygga din webplats! Om du inte har gjort websidor förut rekommenderar vi den enkla grundkursen i HTML »

 

 

HTML-editor

För att göra en hemsida/websida behöver du ha tillgång till en HTML-editor. Det kan en vanlig texteditor som Anteckningar (Notepad) som ingår i Windows eller kraftfulla WYSIWYG-editorer (What you see is what you get) som genererar avancerad kod medan du arbetar i "designläget".

I en texteditor skriver du all HTML-kod själv och måste då kunna de olika HTML-märkena och attribut som används. För att koda din HTML-kod själv räcker det att du använder tex programmet Anteckningar (Notepad) som följer med Windows. I en WYSIWYG-editor skriver och placerar du ut innehållet på dina websidor som när du arbetar i ett ordbehandlingsprogram. Programmet skapar HTML-koden i bakgrunden utan att du behöver arbeta med den själv. OBS! För att lyckas med dina websidor bör du ändå ha grundläggande kunskaper i HTML.

Några exempel på WYSIWYG-editorer:

 

Webläsare/Browser

Oavsett vilket program du använder för att skapa din kod så måste du ha en webläsare för att se hur de slutligen kommer att se ut. De mest använda webläsarna idag är:

Läs mer om webläsare i guiden "Webläsare och säkerhet" »

 

 

Grafikprogram

Du hittar många bilder, bakgrunder, teckningar och foton på Internet. Det finns dessutom många bildarkiv att köpa på CD och DVD. Tänk på att alltid kontrollera med den som har upphovsrätten till bilden om du får använda den på din webplats! Du kommer dessutom att ha behov av att kunna ändra utseende eller storlek på bilderna själv eller bearbeta dina egna fotografier. Flera av HTML-editorerna har inbyggda grafikfunktioner för enklare bildbehandling men det bästa är ändå att ha ett bildbehandlingsprogram.

Några exempel på bra bildbehandlingsprogram är:

 

 

FTP-program

När du är klar eller börjar bli klar med din websida vill du få ut den på Internet så att alla andra kan se resultatet! Själva överföringen av din webplats till en webserver på Internet sker via ett filöverföringsprotokoll (FTP). En FTP-funktion finns inbyggt i flera HTML-editorer men många använder ändå ett separat program för filöverföring då de ofta innehåller en del specialfunktioner som underlättar överföringen.

De här är några program som dessutom enkla att använda:

 

 

Publicera webplatsen

När du vill lägga ut din webplats på Internet så att den blir tillgänglig för hela världen så måste du publicera den till en webserver. Om du har ett Internetabonnemang hos någon leverantör så har du förmodligen tillgång till ett utrymme för dina websidor på deras webservrar. Du hittar webhotell med plats för dina websidor i våra Weblänkar »

Du behöver vanligtvis dessa uppgifter för att koppla upp dig mot en webserver:

Dessa uppgifter får du av din Internetleverantör om du kontaktar dem. Här är ett exempel på hur du fyller i dina uppgifter i FTP-programmet Cute FTP och exemplet är en uppkoppling mot webserver hos Tele2:

När du har blivit uppkopplad mot din webserver ser du dokument och bilder på din egen dator i det ena fönstret och webservern i det andra fönstret. Skicka över de filer som används i din webplats till din webserver:

TIPS! Din första websida (startsidan) bör du namnge till index.htm (eller index.html) vilket gör att webservern skickar rätt sida automatiskt när någon anger adressen till din webplats. När du skriver adressen "www.webdesignskolan.com" så öppnas filen "index.htm" automatiskt.

Om du använder ett annat namn på startsidan, tex "start.htm", så måste besökaren även skriva namnet på den HTML-sidan i adressfältet och adressen till din webplats blir då längre. Om du tex namngivit din startsida till "start.htm" och din webadress är www.webdesignskolan.com så måste besökarna alltså skriva in hela sökvägen "www.webdesignskolan.com/start.htm"

OBS! När du ändrar innehållet i en websida och sparar den på nytt så måste du publicera alla de filer som har ändrats så att inga länkar är brutna eller bilder saknas. Även bilder som infogats eller sidor som länkar till din ändrade sida måste alltså publicerars på nytt. Gör en lista över vilka filer du ändrat på din dator så kan du ha den som checklista när du publicerar till webservern.

 

 

Marknadsföring av webplatsen

När du har publicerat din webplats så är det bara att vänta på att besökarna skall komma eller...!? Nix, så enkelt är det inte. Din webplats är en bland miljoner och du måste själv marknadsföra din webplats för att besökarna skall hitta den. Här är några metoder att förbättra chanserna till besök på hemsidorna.

Ange alltid en sidtitel

Ange alltid en titel på din sida - sidtitel med märket <TITLE>. Sidtiteln är en information som de olika söktjänsternas sökrobotar hämtar från din sida. En annan viktig funktion för siditeln är att den blir namnet på favoriten när dina besökarna sparar adressen till din webplats i sin webläsare:

Sidtiteln i exemplet är: --- w e b d e s i g ns k o l a n ---

Ett bra metod är att alltid ange ditt eller företagets namn i sidtiteln. Titta på exemplen nedan och fundera på vilken av titlarna tycker du själv ger bäst information om innehållet och innehavaren av websidan?

Kontakta oss eller Företaget AB - kontakta oss!

Hundsidan eller Stina Anderssons hundsida

Receptsamlingen
eller Erik Bergs Receptsamling

 

Sidtitel anger du inom <HEAD>-märket:

<HEAD>
<title>Din sidtitel här</title>
</HEAD>

 

Lägg till META-information

Använd också Meta-information för att specificera innehålloch sökbara ord på din webplats. Meta-informationen läggs inom <HEAD> och kan innehålla de sökord du vill att din sida skall ha anknytning till (ange dem alltid med små bokstäver). De flesta söktjänster som Google, Altavista, Yahoo mm använder META för att samla information om innehållet och nyckelorden på websidan. Genom att ange så många relevanta sökbegrepp som möjligt kan du göra så att din webplats hittas lättare. Förr var detta ett sätt att öka sidans ranking i söktjänsterna men idag indexerar flera söktjänster istället sidans egentliga innehåll och kan helt enkelt ignorera de angivna sökorden (keywords) som du själv angivit. Anledningen till det är att många missbrukat sökorden och använt ord som inte funnits i sidans innehåll för att locka besökare. En tvivelaktig metod då de eventuella besökare du får förmodligen lämnar din webplats så snart de inser att de blivit lurade... Flera söktjänster anser att ett stort antal sökord snarare är ett försök att lura sökroboten och kan då helt utesluta din webplats. Exakt hur de olika söktjänsternas sökrobotar indexerar din webplats är svårt att veta då de använder olika metoder och dessutom ändrar spelreglerna. Förut kunde du få en innehållslös webplats högt upp bland träffarna med hjälp av smart sökordspositionering men idag har söktjänsterna genomskådat detta. Idag gäller det i första hand att ha en webplats med ett intressant innehåll och som många dessutom länkar till vilket ju visar att den är populär. Söktjänsterna går också igenom många webplatser manuellt för godkännande innan de lägger till en webplats.

Citat från Eniro.se (som använder Googles sökmotor):

"Googles index som är ett av de största i världen. Trots det kommer inte alla sidor som finns på Internet med. De flesta av sidorna som inte kommer med hamnar långt ner i hierarkin på de stora webbplatserna. Det finns regler som säger att man inte får anropa samma webbserver mer än en gång per minut. Det begränsar oss i indexeringen av webbplatser som har miljontals sidor, t.ex. gratis webbhotell. Vi gör vårt bästa för att ta med så många sidor som möjligt och lösa dessa problem. Men det finns aldrig någon garanti för att en sida blir registrerad."

Använd Keywords och Description med måtta.

Här är exempel på hur du kan ange sökord som sökmotorerna ska indexera i första hand och en beskrivning om webplatsen som kommer att synas i sökresultatet när någon hittar din webplats:

<HEAD>
<meta name="keywords" content="webdesign, webbdesign, webdesignskolan, html, htmlkurs, grafik, webgrafik, photoshop, illustrator">
<meta name="description" content="Webdesignskolan är din gratisresurs när du gör hemsidor. Här hittar du all information du behöver för att skapa attraktiva webplatser!">
</HEAD>

 

Registrera din webplats manuellt

Registrera själv dina sidor hos de olika söktjänsterna. Genom att själv gå till varje söktjänst och lägga till din webplats så påskyndar du indexeringen av din webplats. Det brukar annars ta flera veckor till månader innan söktjänsternas "sökspindlar/spiders" kravlat runt på alla webservrar och hittar dina sidor. Vissa katalogtjänster brukar dessutom inte hitta dina sidor automatiskt - där kontrolleras och godkänns webplatser manuellt. Antalet sidor i sådana katalogtjänster är ofta färre men har bättre "kvalitet" än de söktjänster som indexerar automatiskt. För att lägga till din sida hos en söktjänst besöker du dem och letar efter tex "lägg till URL" eller "lägg till länk". Här är adressen till några av de största söktjänsterna:

Du kan även använda någon av de tjänster som hjälper dig att sprida din adress (URL) - då behöver du bara ange informationen en gång så sprider tjänsten den vidare. Ofta registeras de bara på mindre icke svenskspråkiga söktjänster men kan vara bra om du riktar dig mot en internationell publik. I våra Weblänkar » hittar du några sådana tjänster.

Andra sätt att marknadföra sin webplats är att byta länkar eller delta i Forum och webringar. Ett bra sätt att själv styra vilka tjänster du vill synas på är att själv leta upp och maila de tjänster du vill ska uppmärksamma din webplats mm. Viktigt att komma ihåg: för att din webplats skall bli välbesökt måste den ha ett innehåll som intresserar många. För att besökarna skall återkomma måste de också hitta ny intressant information som gör att de vill återvända regelbundet: uppdatera dina websidor regelbundet!

Var hittar du programmen?

Klicka på länkarna till företagen som tillverkar programmen i exemplen ovan eller gå till våra Weblänkar » och välj någon av platserna där du kan ladda ner shareware, demoprogram mm.  Där finns också länkar till mer information om HTML och webdesign.


Gå vidare: HTML grunder »