HTML & CSS för nybörjare

HTML & CSS för nybörjare (del 48): Webbplatsen går online

Alla videor i handledningen HTML & CSS för nybörjare

Vanligtvis utvecklar man sin webbplats lokalt. För detta skapar man – det har redan visats tillräckligt tydligt – en lämplig mappstruktur.

HTML & CSS för nybörjare (Del 48): Webbplatsen går live.


Denna struktur är slutligen det som man sedan publicerar online. (Här utgår jag från en statisk HTML-webbplats. Men även om ni utvecklar dynamiska webbplatser till exempel baserade på PHP och MySQL kan ni göra detta lokalt i början. Nyckelordet i detta fall är till exempel XAMPP). Se därför till att era mapp- och filnamn inte innehåller varken mellanslag eller specialtecken. Dessutom rekommenderar jag att ni konsekvent använder gemener i dessa namn.

Testa er webbplats noggrant lokalt. Den bör faktiskt fungera relativt felfritt.


Den rätta tjänsteleverantören

För att kunna publicera er webbplats online behöver ni lämplig webbplatsutrymme. (Här utgår jag från att ni inte driver er egen server utan vill hyra webbplatsutrymme från en tjänsteleverantör).

Först och främst måste ni skaffa lagringsutrymme hos en tjänsteleverantör. Detsamma gäller för en domän, som slutligen är adressen genom vilken webbplatsen senare kan nås. Numera finns det många tillhandahållare där man kan hyra prisvärt webbplatsutrymme. Ni bör vara uppmärksamma på följande saker vid valet av tjänsteleverantör och webbplatsutrymme-paket:

• Minst 1,5 gigabyte lagringsutrymme

• 1 .de-domän inkluderad

• Vanligtvis bör åtminstone stöd för PHP finnas.

• En MySQL-databas bör ingå.

• Var noga med att trafiken är obegränsad.

Särskilt den sista punkten är avgörande, eftersom verkliga kostnadsfällor ofta döljer sig i trafiken.

Självklart handlar det i detta fall bara om verkliga minimikrav för små webbplatser. Den som driver en välbesökt sida bör förstås uppgradera här. En senare övergång från en liten till en större webbplatsbeklädnad är dock i princip alltid möjlig. Fråga i tvivelsfall din tjänsteleverantör i förväg.

På sidan http://www.webhostlist.de/webhosting/vergleich/ kan ni aktivt söka efter den lämpliga tjänsteleverantören för er.

HTML & CSS för nybörjare (del 48): Webbplatsen går live



Tillvalet av tjänsteleverantör kan börja utifrån helt olika kriterier där.

När ni har valt en tjänsteleverantör och valt paket och er önskade domän har registrerats kan ni börja. Ni får all relevant information från tjänsteleverantören, som FTP-uppgifter etc., via e-post.

Överföra data

Så fort ni har de nödvändiga uppgifterna kan ni föra över era lokala filer till webbplatsen. Kontrollera dock igen era filer och syntaxen i dem. Speciellt följande saker är avgörande:

• Kontrollera om alla hyperlänkar och bildsökvägar är korrekta. (Särskilt om ni har skapat HTML-sidorna med en WYSIWYG-editor kan det hända att lokal sökvägar har använts som sedan inte stämmer online).

• Kontrollera fil- och mappnamn för mellanslag och specialtecken.

Allt rätt? Då kan ni nu publicera sidorna online. För detta upprättar ni en FTP-anslutning till webbplatsutrymmet. Detta kan göras med vilket FTP-verktyg som helst. Ett av de bästa och dessutom gratis tillgängliga verktygen av denna typ är FileZilla, som kan laddas ned från sidan http://www.filezilla.de/.

HTML & CSS för nybörjare (Del 48): Webbplatsen går live.

Efter att ha installerat och startat FileZilla öppnar ni Fil>Serverhanterare. I det öppnande dialogfönstret klickar man på Ny server.

HTML & CSS för nybörjare (Del 48): Webbplatsen går online

I det högra fönsterområdet måste FTP-uppgifterna fyllas i, som man har fått från sin tjänsteleverantör. Det kan till exempel se ut så här:

Server = www.din-användarnamn.de

Servertyp = FTP-File Transfer Protocol

Anslutningstyp = Normal

Användare = ftp_sdfsdfsfd@din-användarnamn.de

Lösenord = Ditt lösenord

Här måste FTP-uppgifterna anges. Fråga gärna igen hos er tjänsteleverantör.

Med Anslut upprättas anslutningen till FTP-servern.

Jag antar här av enkelhetsskäl att ni kopierar er webbplats direkt till rotkatalogen för webbplatsen. Detta kan kännetecknas av den föregående snedstrecksmärkningen.

HTML & CSS för nybörjare (Del 48): Webbplatsen går online

Fördelen med denna direkta metod: Utan ytterligare inställningar kan webbplatsen sedan nås på http://www.din-domän.de/. Så ni behöver inte konfigurera någon omdirigering eller liknande.

På många tjänsteleverantörer finns standardmässigt redan de två mapparna cgi-data och cgi-bin i rotkatalogen. Och det är precis i den nivån man kopierar alla mappar och filer från den lokala omgivningen. Sök därför i den övre vänstra fönsterdelen i FileZilla efter de lokala filerna.

Klicka på filerna och mapparna där de lokala data finns.

Nu behöver man bara markera filer och mappar som syns i den nedre fönsterdelen. Klicka sedan på de markerade mapparna/filerna med högerklick och välj Ladda upp.

HTML & CSS för nybörjare (Del 48): Webbplatsen går live

Data laddas nu upp till servern. Se till att faktiskt alla filer överförs. Om det uppstår problem med uppladdningen av enskilda filer kan ni se det i den nedre fönsterdelen av FileZilla.

När allt innehåll finns på servern kan ni börja testa webbplatsen. Kontrollera speciellt om alla bilder är närvarande och länkarna är korrekta.

Slut och sammanfattning

Vi har nu kommit till slutet av denna HTML-CSS-serie. Vad ni bör ha med er är de grundläggande stegen för att skapa webbsidor baserade på HTML och CSS och sedan faktiskt presentera dem för allmänheten. Framför allt bör en sak ha blivit tydlig: Att skapa en webbplats är en långvarig process. Det börjar med designen, fortsätter med själva webbutvecklingen och slutar med uppladdning och kontroll av webbplatsen. Nu önskar jag er lycka till med er nya webbplats!