Přečtěte si O odkazech a navigaci v aplikaci Dreamweaver a o cestách, které mohou být absolutní, relativní k dokumentu a relativní ke kořenu webu.
Poté, co nastavíte web v aplikaci Dreamweaver pro ukládání dokumentů webu a vytvoříte HTML stránky, budete chtít vytvořit propojení z dokumentů na jiné dokumenty.
Dreamweaver nabízí několik způsobů vytváření odkazů na dokumenty, obrázky, multimediální soubory nebo software ke stažení. Můžete vytvořit odkazy na libovolný text nebo obrázek kdekoli v dokumentu, včetně textu nebo obrázků v záhlaví, seznamu, tabulce, absolutně umístěném elementu (AP elementu) nebo rámci.
Existuje několik různých způsobů vytváření a správy odkazů. Někteří weboví návrháři preferují vytváření odkazů na neexistující stránky nebo soubory během práce, zatímco jiní upřednostňují nejprve vytvoření všech souborů a stránek a pak přidání odkazů.Dalším způsobem správy odkazů je vytváření zástupných stránek, na kterých přidáváte a testujete odkazy před dokončením všech stránek webu.
Absolutní cesty, cesty relativní k dokumentu a cesty relativní ke kořenu webu
Pochopení cesty souboru mezi dokumentem, ze kterého odkazujete, a dokumentem nebo zdrojem, na který odkazujete, je zásadní pro vytváření odkazů.
Každá webová stránka má jedinečnou adresu, nazývanou Uniform Resource Locator (URL).Pokud však vytváříte místní odkaz (odkaz z jednoho dokumentu na jiný na stejném webu), obecně nespecifikujete celou URL dokumentu, na který odkazujete; místo toho určíte relativní cestu z aktuálního dokumentu nebo z kořenové složky webu.
Existují tři typy cest odkazů:
Absolutní cesty (například http://www.adobe.com/cz/support/dreamweaver/contents.html).
Cesty relativní k dokumentu (například dreamweaver/contents.html).
Cesty relativní ke kořenu webu (například /support/dreamweaver/contents.html).
Používáte-li aplikaci Dreamweaver, můžete jednoduše vybrat typ cest dokumentů, které se mají pro odkazy vytvářet.
Nejlepším postupem je vybrat si typ odkazu, který upřednostňujete a který je pro vás nejpraktičtější – ať už relativní ke kořenu webu, nebo k dokumentu. Procházení odkazů oproti vypisování cesty, zaručuje, že vždycky zadáte správnou cestu.
Absolutní cesty
Absolutní cesty poskytují úplnou URL odkazovaného dokumentu, včetně protokolu, který se má použít (obvykle http:// pro webové stránky), například http://www.adobe.com/support/dreamweaver/contents.html.U zdroje obrazu bude úplná adresa URL podobná této: http://www.adobe.com/cz/support/dreamweaver/images/image1.jpg.
Pro odkazy na dokument nebo zdroj na jiném serveru musíte použít absolutní cestu. Absolutní cesty můžete použít také pro místní odkazy (na dokumenty na stejném webu), ale tento přístup se nedoporučuje—pokud přesunete web na jinou doménu, všechny vaše místní odkazy s absolutní cestou přestanou fungovat. Použití relativních cest pro místní odkazy také poskytuje větší flexibilitu, pokud potřebujete přesunout soubory ve vašem webu.
Při vkládání obrázků (nikoli odkazů) můžete použít absolutní cestu k obrázku na vzdáleném serveru (to jest k obrázku, který není dostupný na místním pevném disku).
Cesty relativní k dokumentu
Cesty relativní k dokumentu jsou obvykle nejlepší pro místní odkazy ve většině webů. Jsou obzvlášť užitečné, když jsou aktuální dokument a odkazovaný dokument nebo zdroj ve stejné složce a pravděpodobně zůstanou pohromadě. Cestu relativní k dokumentu můžete také použít k odkazu na dokument nebo zdroj v jiné složce určením cesty přes hierarchii složek od aktuálního dokumentu k odkazovanému dokumentu.
Základní myšlenkou cest relativních k dokumentu je vynechat část absolutní cesty, která je stejná jak pro aktuální dokument, tak pro odkazovaný dokument nebo zdroj, a poskytnout pouze tu část cesty, která se liší.
Například předpokládejme, že máte webové místo s následující strukturou:
Pro odkaz z contents.html na hours.html (oba ve stejné složce) použijte relativní cestu hours.html.
Pro odkaz z contents.html na tips.html (v podsložce resources) použijte relativní cestu resources/tips.html. Při každém lomítku (/) se přesunete o jednu úroveň níže v hierarchii složek.
Pro odkaz z contents.html na index.html (v nadřazené složce, o jednu úroveň výše než contents.html) použijte relativní cestu ../index.html. Dvě tečky a lomítko (../) vás přesune o jednu úroveň výše v hierarchii složek.
Pro odkaz z contents.html na catalog.html (v jiné podsložce nadřazené složky) použijte relativní cestu ../products/catalog.html. Zde ../ vás přesune nahoru do nadřazené složky, a products/ vás přesune dolů do podsložky products.
Když přesouváte soubory jako skupinu – například když přesouváte celou složku tak, aby si všechny soubory v této složce zachovaly stejné relativní cesty k sobě navzájem – nemusíte aktualizovat odkazy relativní k dokumentu mezi těmito soubory. Když však přesouváte jednotlivý soubor, který obsahuje odkazy relativní k dokumentu, nebo jednotlivý soubor, na který odkazuje odkaz relativní k dokumentu, musíte tyto odkazy aktualizovat. (Pokud přesouváte nebo přejmenováváte soubory pomocí panelu Soubory, Dreamweaver automaticky aktualizuje všechny příslušné odkazy.)
Cesty relativní ke kořenu webu
Cesty relativní ke kořenu webu popisují cestu z kořenové složky webu k dokumentu. Tyto cesty můžete chtít používat, pokud pracujete na velkém webu, který používá několik serverů, nebo jeden server, který hostuje několik webů. Pokud však neznáte tento typ cesty, možná budete chtít zůstat u cest relativních k dokumentu.
Cesta relativní ke kořenu webu začíná lomítkem, které představuje kořenovou složku webu. Například /support/tips.html je cesta relativní ke kořenu webu k souboru (tips.html) v podsložce support kořenové složky webu.
Cesta relativní ke kořenu webu je často nejlepší způsob, jak určit odkazy, pokud často přesouváte HTML soubory z jedné složky do druhé na webu.Když přesouváte dokument, který obsahuje odkazy relativní ke kořenu webu, nemusíte odkazy měnit, protože odkazy jsou relativní ke kořenu webu, a ne k samotnému dokumentu; například pokud vaše HTML soubory používají odkazy relativní ke kořenu webu pro závislé soubory (jako jsou obrázky), pak pokud přesunete HTML soubor, jeho odkazy na závislé soubory zůstávají platné.
Když však přesouváte nebo přejmenováváte dokumenty, na které odkazují odkazy relativní ke kořenu webu, musíte tyto odkazy aktualizovat, i když se cesty dokumentů vzhledem k sobě nezměnily. Například pokud přesouváte složku, musíte aktualizovat všechny odkazy relativní ke kořenu webu na soubory v této složce. (Pokud přesunete nebo přejmenujete soubory s použitím panelu Soubory, aplikace Dreamweaver aktualizuje všechny odpovídající odkazy automaticky.)
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
