Lär dig mer om länkar och navigering i Dreamweaver och om absoluta, dokumentrelativa och platsrotrelativa sökvägar.
När du har konfigurerat en Dreamweaver-webbplats för att lagra dina webbplatsdokument och skapat HTML-sidor kommer du att vilja skapa länkar från dina dokument till andra dokument.
Dreamweaver erbjuder flera sätt att skapa länkar till resurser, bilder, multimediafiler eller nedladdningsbar programvara. Du kan skapa länkar till vilken text eller bild som helst någonstans i ett dokument, inklusive text eller bilder i en rubrik, lista, tabell, absolutpositionerat element (AP-element) eller ram.
Det finns flera olika sätt att skapa och hantera länkar. Vissa webbdesigners föredrar att skapa länkar till icke-existerande sidor eller filer medan de arbetar, medan andra föredrar att skapa alla filer och sidor först och sedan lägga till länkarna.Ett annat sätt att hantera länkar är att skapa platshållarsidor där du lägger till och testar länkar innan du slutför alla dina webbplatssidor.
Absoluta, dokumentrelativa och platsrotrelativa sökvägar
Att förstå filvägen mellan dokumentet du länkar från och dokumentet eller resursen du länkar till är avgörande för att skapa länkar.
Varje webbsida har en unik adress som kallas en Uniform Resource Locator (URL).När du skapar en lokal länk (en länk från ett dokument till ett annat på samma webbplats) anger du dock vanligtvis inte hela URL:en för dokumentet du länkar till; istället anger du en relativ sökväg från det aktuella dokumentet eller från webbplatsens rotmapp.
Det finns tre olika typer av länksökvägar:
Absoluta sökvägar (till exempel http://www.adobe.com/se/support/dreamweaver/contents.html).
Dokumentberoende sökvägar (till exempel dreamweaver/contents.html).
Platsrotberoende sökvägar (till exempel /support/dreamweaver/contents.html).
Dreamweaver gör det enkelt att välja den typ av dokumentsökväg som ska skapas för länkarna.
Det är lättast att använda den typ av länkar du föredrar och är mest bekväm med, oavsett om de är platsrot- eller dokumentrelativa. Genom att navigera till länkarna i stället för att skriva in sökvägarna kan du vara säker på att du alltid anger rätt sökväg.
Absoluta sökvägar
Absoluta sökvägar ger den fullständiga URL:en för det länkade dokumentet, inklusive protokollet som ska användas (vanligtvis http:// för webbsidor), till exempel http://www.adobe.com/support/dreamweaver/contents.html.För en bildresurs är följande ett exempel på en fullständig URL: http://www.adobe.com/se/support/dreamweaver/images/image1.jpg.
Du måste använda en absolut sökväg för att länka till ett dokument eller resurs på en annan server.Du kan också använda absoluta sökvägar för lokala länkar (till dokument på samma plats), men det tillvägagångssättet avråds från - om du flyttar platsen till en annan domän kommer alla dina lokala absoluta sökväglänkar att sluta fungera. Att använda relativa sökvägar för lokala länkar ger också större flexibilitet om du behöver flytta filer på din webbplats.
När du infogar bilder (inte länkar) kan du använda en absolut sökväg till en bild på en fjärrserver (det vill säga en bild som inte är tillgänglig på den lokala hårddisken).
Dokumentberoende sökvägar
Dokumentrelativa sökvägar är vanligtvis bäst för lokala länkar på de flesta webbsidor. De är särskilt användbara när det aktuella dokumentet och det länkade dokumentet eller resursen finns i samma mapp och sannolikt kommer att förbli tillsammans.Du kan också använda en dokumentrelativ sökväg för att länka till ett dokument eller resurs i en annan mapp genom att ange sökvägen genom mapphierarkin från det aktuella dokumentet till det länkade dokumentet.
Grundidén med dokumentrelativa sökvägar är att utelämna den del av den absoluta sökvägen som är densamma för både det aktuella dokumentet och det länkade dokumentet eller resursen, och endast ange den del av sökvägen som skiljer sig åt.
Anta att du till exempel har en plats med följande struktur:
För att länka från contents.html till hours.html (båda i samma mapp), använd den relativa sökvägen hours.html.
För att länka från contents.html till tips.html (i undermappen resurser), använd den relativa sökvägen resources/tips.html. Vid varje snedstreck (/) flyttar du dig ner en nivå i mapphierarkin.
För att länka från contents.html till index.html (i den överordnade mappen, en nivå ovanför contents.html), använd den relativa sökvägen ../index.html. Två punkter och ett snedstreck (../) flyttar dig upp en nivå i mapphierarkin.
För att länka från contents.html till catalog.html (i en annan undermapp till den överordnade mappen), använd den relativa sökvägen ../products/catalog.html. Här flyttar ../ dig upp till den överordnade mappen, och products/ flyttar dig ner till undermappen products.
När du flyttar filer som en grupp – till exempel när du flyttar en hel mapp, så att alla filer i mappen behåller samma relativa vägar till varandra – behöver du inte uppdatera dokumentrelativa länkar mellan filerna. Men när du flyttar en enskild fil som innehåller dokumentrelativa länkar, eller en enskild fil som är målet för en dokumentrelativ länk, måste du uppdatera dessa länkar. (Om du flyttar eller byter namn på filer med panelen Filer uppdaterar Dreamweaver alla relevanta länkar automatiskt.)
Platsrotberoende sökvägar
Webbplatsrotrelativa sökvägar beskriver sökvägen från webbplatsens rotmapp till ett dokument.Du kanske vill använda dessa sökvägar om du arbetar på en stor webbsida som använder flera servrar, eller en server som är värd för flera webbplatser.Men om du inte är bekant med denna typ av sökväg kanske du vill hålla dig till dokumentrelativa sökvägar.
En webbplatsrotrelativ sökväg börjar med ett inledande snedstreck, som står för webbplatsens rotmapp.Till exempel är /support/tips.html en webbplatsrotrelativ sökväg till en fil (tips.html) i support-undermappen i webbplatsens rotmapp.
En webbplatsrotrelativ sökväg är ofta det bästa sättet att ange länkar om du ofta flyttar HTML-filer från en mapp till en annan på din webbplats.När du flyttar ett dokument som innehåller platsrotrelativa länkar behöver du inte ändra länkarna eftersom länkarna är relativa till platsroten, och inte till själva dokumentet; om till exempel dina HTML-filer använder platsrotrelativa länkar för beroende filer (som bilder), så om du flyttar en HTML-fil är dess länkar till beroende filer fortfarande giltiga.
Men när du flyttar eller byter namn på dokumenten som är mål för webbplatsrotrelativa länkar måste du uppdatera dessa länkar, även om dokumentens sökvägar i förhållande till varandra inte har ändrats.Om du till exempel flyttar en mapp måste du uppdatera alla platsrotrelativa länkar till filer i den mappen. (Om du flyttar eller byter namn på filer med hjälp av filpanelen uppdateras alla relevanta länkar automatiskt i Dreamweaver.)
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
