Informatie over koppelingen en navigatie in Dreamweaver en over absolute paden en document- en hoofdmapafhankelijke relatieve paden.
Nadat je een Dreamweaver-site hebt ingesteld om je websitedocumenten op te slaan en HTML-pagina's hebt gemaakt, wil je verbindingen maken van je documenten naar andere documenten.
Dreamweaver biedt verschillende manieren om links te maken naar documenten, afbeeldingen, multimediabestanden of downloadbare software. Je kunt links maken naar elke tekst of afbeelding binnen een document, inclusief tekst of afbeeldingen in een kop, lijst, tabel, absoluut gepositioneerd element (AP-element) of frame.
Koppelingen kunt u op verschillende manieren maken en beheren. Sommige web designers maken liever links naar niet-bestaande pagina's of bestanden terwijl ze werken, terwijl anderen liever eerst alle bestanden en pagina's maken en vervolgens de links toevoegen. Een andere manier om links te beheren is door placeholder-pagina's te maken, waarin je links toevoegt en test voordat je al je sitepagina's voltooit.
Absolute, documentrelatieve en siteroot-relatieve paden
Inzicht in het bestandspad tussen het document waarvandaan je linkt en het document of asset waarnaar je linkt is essentieel voor het maken van links.
Elke webpagina heeft een uniek adres, dat een Uniform Resource Locator (URL) wordt genoemd.Wanneer je echter een lokale koppeling maakt (een koppeling van het ene document naar het andere op dezelfde site), geef je meestal niet de volledige URL van het document waarnaar je koppelt op; in plaats daarvan geef je een relatief pad op vanuit het huidige document of vanuit de hoofdmap van de site.
Er zijn drie typen koppelingspaden:
Absolute paden (bijvoorbeeld: http://www.adobe.com/nl/support/dreamweaver/contents.html).
Documentafhankelijke relatieve paden (bijvoorbeeld: dreamweaver/contents.html).
Hoofdmapafhankelijke relatieve paden (bijvoorbeeld: /support/dreamweaver/contents.html).
In Dreamweaver kunt u gemakkelijk selecteren welk type paden u wilt gebruiken voor uw koppelingen.
Gebruik bij voorkeur het type relatieve koppeling dat u het prettigst vindt: hoofdmapafhankelijk of documentafhankelijk. Door naar doelbestanden te bladeren in plaats van het pad in te typen, bent u er zeker van dat het pad juist is.
Absolute paden
Absolute paden bieden de volledige URL van het gelinkte document, inclusief het te gebruiken protocol (meestal http:// voor webpagina's), bijvoorbeeld http://www.adobe.com/support/dreamweaver/contents.html. Voor een afbeelding kan de volledige URL bijvoorbeeld http://www.adobe.com/nl/support/dreamweaver/images/image1.jpg zijn.
Je moet een absoluut pad gebruiken om te koppelen naar een document of asset op een andere server.Je kunt ook absolute paden gebruiken voor lokale links (naar documenten in dezelfde site), maar die aanpak wordt afgeraden—als je de site naar een ander domein verhuist, zullen al je lokale links met absolute paden niet meer werken.Het gebruik van relatieve paden voor lokale links biedt ook meer flexibiliteit als je bestanden binnen je site moet verplaatsen.
Bij het invoegen van afbeeldingen (niet voor koppelingen) kun je een absoluut pad gebruiken naar een afbeelding op een externe server (dat wil zeggen een afbeelding die niet beschikbaar is op de lokale harde schijf).
Documentafhankelijke relatieve paden
Documentrelatieve paden zijn gewoonlijk het beste voor lokale links in de meeste websites. Ze zijn bijzonder handig wanneer het huidige document en het gekoppelde document of asset in dezelfde map staan en waarschijnlijk samen zullen blijven.Je kunt ook een documentrelatief pad gebruiken om te koppelen naar een document of asset in een andere map door het pad te specificeren via de mappenstructuur vanuit het huidige document naar het gekoppelde document.
Het basisidee van documentrelatieve paden is om het deel van het absolute pad dat hetzelfde is voor zowel het huidige document als het gelinkte document of asset weg te laten en alleen het gedeelte van het pad te bieden dat verschilt.
Neem bijvoorbeeld een site met de volgende bestandsstructuur:
Om te linken van contents.html naar hours.html (beide in dezelfde map), gebruik het relatieve pad hours.html.
Om te linken van contents.html naar tips.html (in de resources submap), gebruik het relatieve pad resources/tips.html. Bij elke slash (/), ga je één niveau omlaag in de maphiërarchie.
Om te linken van contents.html naar index.html (in de bovenliggende map, één niveau boven contents.html), gebruik het relatieve pad ../index.html. Twee punten en een slash (../) verplaatst je één niveau omhoog in de map hiërarchie.
Om te linken van contents.html naar catalog.html (in een andere submap van de bovenliggende map), gebruik het relatieve pad ../products/catalog.html. Hier verplaatst ../ je omhoog naar de bovenliggende map, en products/ verplaatst je omlaag naar de products submap.
Wanneer je bestanden als groep verplaatst — bijvoorbeeld wanneer je een hele map verplaatst, zodat alle bestanden in die map dezelfde relatieve paden ten opzichte van elkaar behouden — hoef je document-relatieve koppelingen tussen die bestanden niet bij te werken. Wanneer je echter een individueel bestand verplaatst dat document-relatieve koppelingen bevat, of een individueel bestand dat wordt gekoppeld door een document-relatieve koppeling, moet je die koppelingen wel bijwerken. (Als je bestanden verplaatst of hernoemt met het Files-paneel, werkt Dreamweaver alle relevante koppelingen automatisch bij.)
Hoofdmapafhankelijke relatieve paden
Site root–relatieve paden beschrijven het pad van de hoofdmap van de site naar een document. Je kunt deze paden gebruiken als je werkt aan een grote website die meerdere servers gebruikt, of één server die meerdere sites host. Als je echter niet bekend bent met dit type pad, kun je beter document-relatieve paden gebruiken.
Een site root–relatief pad begint met een voorwaartse schuine streep, die staat voor de hoofdmap van de site. /support/tips.html is bijvoorbeeld een site root–relatief pad naar een bestand (tips.html) in de support-submap van de hoofdmap van de site.
Een site root–relatief pad is vaak de beste manier om koppelingen te specificeren als je regelmatig HTML-bestanden van de ene map naar de andere verplaatst op je website. Wanneer je een document verplaatst dat site root-relatieve koppelingen bevat, hoef je de koppelingen niet te wijzigen omdat de koppelingen relatief zijn ten opzichte van de site root en niet ten opzichte van het document zelf. Als je HTML-bestanden bijvoorbeeld site root-relatieve koppelingen gebruiken voor afhankelijke bestanden (zoals afbeeldingen), dan blijven de koppelingen naar afhankelijke bestanden geldig als je een HTML-bestand verplaatst.
Wanneer je echter de documenten verplaatst of hernoemt waarnaar site root–relatieve koppelingen verwijzen, moet je die koppelingen bijwerken, zelfs als de paden van de documenten relatief ten opzichte van elkaar niet zijn gewijzigd. Als je bijvoorbeeld een map verplaatst, moet je alle site root–relatieve koppelingen naar bestanden in die map bijwerken. (Als u het deelvenster Bestanden gebruikt voor het verplaatsen van bestanden of het wijzigen van de naam ervan, werkt Dreamweaver alle koppelingen automatisch bij.)
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
