Informacje o zasobach i bibliotekach programu Dreamweaver

Ostatnia aktualizacja 27 kwi 2021

Informacje o korzystaniu z zasobów, takich jak obrazy, filmy, kolory, skrypty, odsyłacze i elementy bibliotek, w programie Dreamweaver.

Informacje o zasobach

Można używać programu Adobe Dreamweaver do śledzenia i podglądu zasobów przechowywanych w witrynie, takich jak obrazy, filmy, kolory, skrypty i łącza.Można również przeciągnąć zasób bezpośrednio, aby wstawić go na stronie bieżącego dokumentu.

Zasoby uzyskiwane są z wielu różnych źródeł. Na przykład można tworzyć zasoby w programie takim jak Adobe® Fireworks® lub Adobe® Flash®, otrzymywać je od współpracownika lub kopiować z płyty CD z clipartami lub witryny graficznej.

Program Dreamweaver zapewnia również dostęp do dwóch specjalnych typów zasobów — bibliotek i szablonów. Oba są powiązanymi zasobami: podczas edycji elementu biblioteki lub szablonu program Dreamweaver aktualizuje wszystkie dokumenty używające tych zasobów. Elementy bibliotek zazwyczaj reprezentują małe zasoby projektowe, takie jak logo witryny lub informacje o prawach autorskich. Aby kontrolować większy obszar projektowy, użyj zamiast tego szablonu.

Informacje o elementach biblioteki

Biblioteka to specjalny plik programu Dreamweaver zawierający kolekcję poszczególnych zasobów lub kopii zasobów, które można umieścić na stronach internetowych.Zasoby znajdujące się w bibliotece nazywane są elementami biblioteki. Elementy, które można przechowywać w bibliotece, obejmują obrazy, tabele, dźwięki i pliki utworzone za pomocą programu Adobe Flash. Możesz automatycznie aktualizować wszystkie strony używające elementu biblioteki za każdym razem, gdy edytujesz element.

Na przykład załóżmy, że tworzysz dużą witrynę dla firmy, która chce, aby slogan pojawiał się na każdej stronie. Można utworzyć element biblioteki zawierający slogan i używać tego elementu biblioteki na każdej stronie.Jeśli slogan ulegnie zmianie, można zmienić element biblioteki i automatycznie zaktualizować każdą stronę, która go używa.

Program Dreamweaver przechowuje elementy bibliotek w folderze Library w lokalnym folderze głównym dla każdej witryny. Każda witryna ma własną bibliotekę.

Można utworzyć element biblioteki z dowolnego elementu w sekcji body dokumentu, w tym tekstu, tabel, formularzy, apletów Java, wtyczek, elementów ActiveX, pasków nawigacji i obrazów.

W przypadku połączonych elementów, takich jak obrazy, biblioteka przechowuje tylko odwołanie do elementu. Oryginalny plik musi pozostać w określonej lokalizacji, aby element biblioteki działał poprawnie.

W dalszym ciągu może być użyteczne umieszczenie obrazu w elemencie biblioteki. Na przykład możesz przechowywać kompletny znacznik img w elemencie biblioteki, co pozwoliłoby łatwo zmieniać tekst alt obrazu lub nawet jego atrybut src w całej witrynie. (Nie używaj tej techniki do zmiany atrybutów width i height obrazu, chyba że używasz również edytora obrazów do zmiany rzeczywistego rozmiaru obrazu.)

Spostrzeżenie

Jeśli element biblioteki zawiera łącza, łącza mogą nie działać w nowej witrynie. Ponadto obrazy w elemencie biblioteki nie są kopiowane do nowej witryny.

Gdy używasz elementu biblioteki, program Dreamweaver wstawia łącze do niego, a nie sam element, na stronie internetowej. Oznacza to, że program Dreamweaver wstawia kopię kodu źródłowego HTML dla tego elementu do dokumentu i dodaje komentarz HTML zawierający odwołanie do oryginalnego, zewnętrznego elementu. To właśnie to zewnętrzne odwołanie sprawia, że możliwe jest automatyczne aktualizowanie.

Podczas tworzenia elementu biblioteki zawierającego element z dołączonym zachowaniem programu Dreamweaver, program Dreamweaver kopiuje element i jego obsługę zdarzeń (atrybut określający, które zdarzenie wywołuje akcję, takie jak onClick, onLoad lub onMouseOver, oraz którą akcję wywołać po wystąpieniu zdarzenia) do pliku elementu biblioteki.Dreamweaver nie kopiuje powiązanych funkcji JavaScript do elementu biblioteki. Zamiast tego, podczas wstawiania elementu biblioteki do dokumentu, Dreamweaver automatycznie wstawia odpowiednie funkcje JavaScript do sekcji head tego dokumentu (jeśli jeszcze ich tam nie ma).

Spostrzeżenie

W przypadku ręcznego kodowania JavaScript (czyli tworzenia go bez użycia zachowań Dreamweaver), można uczynić go częścią elementu biblioteki, używając zachowania Call JavaScript do wykonania kodu. Jeśli nie używasz zachowania Dreamweaver do wykonania kodu, kod nie jest uwzględniany jako część elementu biblioteki.

Istnieją specjalne wymagania dotyczące edycji zachowań w elementach biblioteki. Elementy biblioteki nie mogą zawierać arkuszy stylów, ponieważ kod tych elementów stanowi część sekcji head.