Informacje o tworzeniu łączy i nawigacji w programie Dreamweaver, a także o ścieżkach bezwzględnych i względnych dokumentu oraz względnych katalogu głównego serwisu.
Po skonfigurowaniu witryny Dreamweaver do przechowywania dokumentów witryny oraz utworzeniu stron HTML będzie trzeba utworzyć połączenia z dokumentów do innych dokumentów.
Program Dreamweaver oferuje kilka sposobów tworzenia łączy do dokumentów, obrazów, plików multimedialnych lub oprogramowania do pobrania. Łącza można ustanawiać do dowolnego tekstu lub obrazu znajdującego się w dowolnym miejscu dokumentu, w tym tekstu lub obrazów w nagłówku, liście, tabeli, elemencie o pozycji bezwzględnej (element AP) lub ramce.
Dostępnych jest kilka różnych sposobów tworzenia łączy i zarządzania nimi. Niektórzy projektanci witryn internetowych wolą tworzyć łącza do nieistniejących stron lub plików w trakcie pracy, podczas gdy inni wolą najpierw utworzyć wszystkie pliki i strony, a następnie dodać łącza. Innym sposobem zarządzania łączami jest tworzenie stron zastępczych, w których można dodawać i testować łącza przed ukończeniem wszystkich stron witryny.
Ścieżki bezwzględne, względne wobec dokumentu i względne wobec katalogu głównego witryny
Zrozumienie ścieżki pliku między dokumentem, z którego łączysz, a dokumentem lub zasobem, do którego łączysz, ma kluczowe znaczenie dla tworzenia łączy.
Każda strona internetowa ma unikalny adres nazywany Uniform Resource Locator (URL). Jednak podczas tworzenia łącza lokalnego (łącza z jednego dokumentu do innego w tej samej witrynie) zazwyczaj nie określa się całego adresu URL dokumentu, do którego jest tworzone łącze; zamiast tego określa się ścieżkę względną z bieżącego dokumentu lub z katalogu głównego witryny.
Rozróżnia się trzy typy ścieżek łączy:
Ścieżki bezwzględne (np. http://www.adobe.com/pl/support/dreamweaver/contents.html).
Ścieżki względne dokumentu (np. dreamweaver/contents.html).
Ścieżki względne katalogu głównego (np. /support/dreamweaver/contents.html).
Program Dreamweaver umożliwia łatwe wybranie typu ścieżki przy tworzeniu łączy.
Najlepiej używać sposobu łączenia dostosowanego do własnych upodobań i wygody: względem dokumentu lub względem katalogu głównego. Wyszukiwanie łączy (w przeciwieństwie do wpisywania ścieżek) zawsze zapewnia prawidłowe wprowadzanie ścieżki.
Ścieżki bezwzględne
Ścieżki bezwzględne zawierają pełny adres URL połączonego dokumentu, w tym protokół do użycia (zazwyczaj http:// dla stron internetowych), na przykład http://www.adobe.com/support/dreamweaver/contents.html. W przypadku zasobów graficznych, pełny adres URL może mieć np. postać http://www.adobe.com/pl/support/dreamweaver/images/image1.jpg.
Ścieżka bezwzględna musi być używana do tworzenia łącza do dokumentu lub zasobu na innym serwerze. Można także używać ścieżek bezwzględnych dla łączy lokalnych (do dokumentów w tej samej witrynie), ale takie podejście jest odradzane — jeśli witryna zostanie przeniesiona do innej domeny, wszystkie lokalne łącza ze ścieżkami bezwzględnymi przestaną działać.Używanie ścieżek względnych dla łączy lokalnych zapewnia także większą elastyczność, jeśli trzeba przenieść pliki w obrębie witryny.
Podczas wstawiania obrazów (nie łączy) można używać ścieżki bezwzględnej do obrazu na zdalnym serwerze (czyli obrazu, który nie jest dostępny na lokalnym dysku twardym).
Ścieżki względne dokumentu
Ścieżki względne względem dokumentu są najczęściej najwygodniejsze dla łączy lokalnych w większości witryn.Są szczególnie przydatne, gdy bieżący dokument oraz połączony dokument lub zasób najdują się w tym samym folderze i prawdopodobnie pozostaną razem. Można także używać ścieżki względnej względem dokumentu do utworzenia łącza do dokumentu lub zasobu w innym folderze przez określenie ścieżki przez hierarchię folderów od bieżącego dokumentu do połączonego dokumentu.
Podstawową ideą ścieżek względnych względem dokumentu jest pominięcie części ścieżki bezwzględnej, która jest taka sama dla bieżącego dokumentu i połączonego dokumentu lub zasobu, podając tylko część ścieżki, która się różni.
Załóżmy, że mamy serwis o następującej strukturze:
Aby utworzyć łącze z contents.html do hours.html (oba w tym samym folderze), użyj ścieżki względnej hours.html.
Aby utworzyć łącze z contents.html do tips.html (w podfolderze resources), użyj ścieżki względnej resources/tips.html. Z każdym ukośnikiem (/) przechodzisz o jeden poziom w dół w hierarchii folderów.
Aby utworzyć łącze z contents.html do index.html (w folderze nadrzędnym, o jeden poziom wyżej niż contents.html), użyj ścieżki względnej ../index.html. Dwie kropki i ukośnik (../) przenoszą o jeden poziom w górę w hierarchii folderów.
Aby utworzyć łącze z contents.html do catalog.html (w innym podfolderze folderu nadrzędnego), użyj ścieżki względnej ../products/catalog.html. Tutaj ../ przenosi do folderu nadrzędnego, a products/ przenosi w dół do podfolderu products.
Gdy przeniesiesz pliki jako grupę — na przykład, gdy przeniesiesz cały folder, tak aby wszystkie pliki wewnątrz tego folderu zachowały te same względne ścieżki do siebie navzajem — nie musisz aktualizować łączy względnych dokumentu między tymi plikami. Jednak gdy przeniesiesz pojedynczy plik, który zawiera łącza względne dokumentu, lub pojedynczy plik docelowy łącza względnego dokumentu, musisz zaktualizować te łącza. (Jeśli przeniesiesz lub zmienisz nazwy plików za pomocą panelu Pliki, Dreamweaver zaktualizuje wszystkie odpowiednie łącza automatycznie.)
Ścieżki względne katalogu głównego
Ścieżki względem katalogu głównego witryny opisują ścieżkę z folderu głównego witryny do dokumentu.Możesz chcieć używać tych ścieżek, jeśli pracujesz nad dużą witryną, która używa kilku serwerów, lub jednego serwera, który hostuje kilka witryn. Jednak jeśli nie znasz tego typu ścieżki, możesz pozostać przy ścieżkach względnych dokumentu.
Ścieżka względna głównej witryny zaczyna się od wiodącego ukośnika, który oznacza folder główny witryny. Na przykład, /support/tips.html to ścieżka względna głównej witryny do pliku (tips.html) w podfolderze support folderu głównego witryny.
Ścieżka względna głównej witryny to często najlepszy sposób określenia łączy, jeśli często przenosisz pliki HTML z jednego folderu do drugiego w twojej witrynie. Gdy przeniesiesz dokument, który zawiera łącza względne głównej witryny, nie musisz zmieniać łączy, ponieważ łącza są względne do głównej witryny, a nie do samego dokumentu; na przykład, jeśli twoje pliki HTML używają łączy względnych głównej witryny dla plików zależnych (takich jak obrazy), to jeśli przeniesiesz plik HTML, jego łącza plików zależnych nadal będą ważne.
Jednak gdy przeniesiesz lub zmienisz nazwy dokumentów docelowych łączy względnych głównej witryny, musisz zaktualizować te łącza, nawet jeśli ścieżki dokumentów względem siebie nie zmieniły się. Na przykład, jeśli przeniesiesz folder, musisz zaktualizować wszystkie łącza względne głównej witryny do plików w tym folderze. (Jeśli pliki są przenoszone lub zmieniana jest ich nazwa w panelu Pliki, program Dreamweaver automatycznie uaktualnia wszystkie łącza).
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
