Skapa en webplats i Dreamweaver MX

Dreamweaver är en kraftfull professionell HTML-editor som skapar HTML, DHTML, CSS och javascript-kod. En av Dreamweaver's fördelar är att du kan hantera stora webplatser med tusentals dokument och bilder. Du kan tex enkelt byta layout eller namn på länkar eller filer och programmet ser till att alla HTML-koder ändras i de berörda websidorna. Förutsättningen för att få en sådan dynamisk koppling mellan alla websidor i en webplats är att du skapar en Site (Plats). I övningarna på Dreamweaverskolan använder vi benämningarna websida och webplats. Det förekommer flera benämningar på samma sak och vilken du använder avgör du själv:
websida (webbsida - hemsida - homepage - internetsida) = sidan som visas i webläsaren
webplats (webbplats - site - website - webbsajt) = en samling websidor

OBS! Om du använder Dreamweaver 4 ska du istället titta i guiden "Skapa webplats - grunderna i Dreamweaver 4" » som till skillnad från denna guide också omfattar grunderna i HTML » (punkt 3 och framåt) och beskrivningar av arbetsytan mm.

Skapa en webplats med dialogrutan Avancerad (rekommenderas)

För att utnyttja Dreamweavers kraftfulla funktioner måste du ange vilka dokument och bilder som ingår i din webplats. Det gör du i programdelen "Site" (Plats). I Site anger du vilken mapp som ska vara "root" (rotmapp). Det är den mapp som alla sökvägar i länkar bilder mm utgår ifrån. När du arbetar med din webplats lokalt på din dator används de lokala hårddiskarna som sökvägar men när du senare publicerar webplatsen till en webserver måste sökvägarna vara relativa till ett domännamn eller IP-adress.

När du startar Dreamweaver MX första gången kommer du automatiskt in i guiden "Site definition" dit du även kommer genom att välja "Define a Site" (Definiera webplats) i paletten "Site" (Plats). Du kan även använda huvudmenyerna "Site/New Site" (Plats/Ny plats):
Du kan välja att använda guiden "Basic" (Grundläggande) där du steg-för-steg får göra val eller att använda dialogrutan "Advanced" (Avancerat) där fler valmöjligheter finns. Det är egentligen enklare att välja det senare och det är inte så avancerat som det låter. Bägge metoderna beskrivs nedan men vi börjar med den enklaste (?) metoden och väljer fliken "Advanced" (Avancerat):

Gå vidare med knappen "Next" (Nästa).
Sätt ett namn på din nya webplats. OBS! Här kan du använda mellanslag och ÅÖÄåäö vilket inte rekommenderas för övriga filer i din webplats. Detsamma gäller mappnamnet på huvudmappen "Local Root Folder" eftersom själva mappen inte publiceras senare utan bara mappens innehåll.

Klicka på mappsymbolen för att välja vilken mapp som ska vara huvudmapp, rotmapp, eller ange sökvägen direkt. OBS! Använd inte en mapp som redan innehåller filer som inte ska tillhöra webplatsen. Skapa hellre en ny mapp för ändamålet:

Kontrollera att namnet och sökvägen stämmer till den mapp du valt som "root folder":
Om du vill ange inställningarna för den webserver du tänker använda väljer du "Remote Info" (Fjärrinformation):

Har du inte tillgång till en webserver ännu hoppar du över detta steg, du kan komplettera uppgifterna senare.
Att arbeta med webplatsen lokalt i dator och sedan skicka filerna till en webserver är förmodligen den vanligaste metoden. Du kan jobba "skarpt" med dina filer men risken är då att det någon gång blir fel. Om du istället arbetar lokalt på din dator och sedan skickar filerna till webservern när de är klara så har du ju alltid en säkerhetskopia om något blir fel...

I exemplet är överföring via FTP valt vilket är den vanliga metoden för överföring till webserver på tex ett webhotell. Om du eller ditt företag har en egen webserver väljer du att ange direkt sökväg eller IP-adress till webservern istället.

Ange de uppgifter du behöver för att logga in på webservern: FTP-host (FTP-värd), Login (Användarnamn) och Password (Lösenord). Om du har hyrt in dig på ett webhotell har du fått dessa uppgifter från webhotellet:

Host Directory (Värdkatalog) behöver normalt inte anges men på vissa webservrar ligger din webplats i en undermapp med namn som tex "www" eller "home" och du kan då istället ange mappnamnet i fältet här så lipper du bläddra varje gång du loggar in på webservern...

(Om du jobbar i nätverk eller har bredbandsuppkoppling kan du behöva ange uppgifter för "brandväggen" (Firewall) eller ange annan port än 21 som är standard. Välj då "Use Firewall" och klicka på knappen "Firewall settings...")
Om du bygger dina sidor med hjälp av scriptspråk som tex ASP, PHP, JSP eller ColdFusion kan typ av server som "Testing Server" (Test server). Om du inte använder annat än HTML-CSS etc hoppar du över detta val:

Skapa en webplats med steg-för-steg-guiden

Vi rekommenderar att du anger dina egna inställningar i dialogrutan "Advanced" där du har bättre överblick. Om du ändå föredrar guiden gör du så här...

Se till att fliken "Basic" (Grundläggande) är valt och ange namnet på din webplats:

Gå vidare med knappen "Next" (Nästa)!
Om du bygger dina sidor med hjälp av scriptspråk som tex ASP, PHP, JSP eller ColdFusion kan typ av server som "Testing Server" (Test server). Om du inte använder annat än HTML-CSS väljer du enligt nedan:

...om du använder scriptspråk väljer du istället enligt nedan:
Att arbeta med webplatsen lokalt i dator och sedan skicka filerna till en webserver är förmodligen den vanligaste metoden. Du kan jobba "skarpt" med dina filer men risken är då att det någon gång blir fel. Om du istället arbetar lokalt på din dator och sedan skickar filerna till webservern när de är klara så har du ju alltid en säkerhetskopia om något blir fel...
Välj en befintlig mapp eller skapa en ny mapp som ska vara din huvudmapp (root folder). Klicka på mappsymbolen för att välja vilken mapp som ska vara huvudmapp, rotmapp, eller ange sökvägen direkt. OBS! Använd inte en mapp som redan innehåller filer som inte ska tillhöra webplatsen. Skapa hellre en ny mapp för ändamålet:

Kontrollera att namnet och sökvägen stämmer till den mapp du valt som "root folder".
I exemplet är överföring via FTP valt vilket är den vanliga metoden för överföring till webserver på tex ett webhotell. Om du eller ditt företag har en egen webserver väljer du det alternativet istället.

Ange de uppgifter du behöver för att logga in på webservern: FTP-host (FTP-värd), Login (Användarnamn) och Password (Lösenord). Om du har hyrt in dig på ett webhotell har du fått dessa uppgifter från webhotellet:

Det fält som är tomt ovan avser Host Directory (Värdkatalog) och behöver normalt inte anges men på vissa webservrar ligger din webplats i en undermapp med namn som tex "www" eller "home" och du kan då istället ange mappnamnet i fältet här så lipper du bläddra varje gång du loggar in på webservern...
Om ni är flera som jobbar med samma webplats finns risk att ni arbetar med samma filer och skriver över information som någon sánnan uppdaterat. Då finna möjlighet att Checka ut och Checka in filer.
Checka in
Skickar en kopia från din lokala webplats till webservern och gör filen tillgänglig för redigering av andra (den lokala filen blir i stället skrivskyddad).
Checka ut fil
Hämtar en kopia från webservern till din lokala webplats (den befintliga lokala filen skriv över) med de senaste uppdateringarna. Om du jobbar ensam med din webplats behöver du inte använda funktionen:
Kontrollera dina uppgifter och särkilt att sökvägen till huvudmappen (Local Root folder) är korrekt:

Avsluta med "Klart" (Done)!

Gå vidare och läs om grunderna i HTML » (punkt 3 och framtåt) i guiden "Skapa webplats i Dreamweaver 4" (punkt 3 och framtåt).

När du är färdig med din webplats och det är dags att publicera filerna till webservern läser du mer om det i guiden "Publicera webplatsen" »