W oknie dokumentu przełącz na widok Projekt i zaznacz część dokumentu przeznaczoną do zapisania jako element biblioteki.
Ostatnia aktualizacja
20 gru 2021
W tym temacie omówiono tworzenie, wstawianie i modyfikowanie elementów bibliotek w dokumentach w programie Dreamweaver.
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 w programie Adobe Flash.Można automatycznie aktualizować wszystkie strony, które używają elementu biblioteki, za każdym razem, gdy element zostanie zmodyfikowany.
Załóżmy na przykład, ż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 się zmieni, można zmienić element biblioteki i automatycznie zaktualizować każdą stronę, która go używa.
Program Dreamweaver przechowuje elementy biblioteki w folder Library w lokalnym folder głównym każdej witryny.Każda witryna ma własną bibliotekę.
Można utworzyć element biblioteki z dowolnego elementu w sekcji body dokumentu, w tym tekst, tabele, formularze, aplety Java, wtyczki, elementy ActiveX, paski nawigacyjne i obrazy.
W przypadku elementów połączonych, 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żna przechować kompletny znacznik img w elemencie biblioteki, co umożliwiłoby łatwą zmianę tekstu alt obrazu, a nawet jego atrybutu 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.)
Jeśli element biblioteki zawiera łącza, mogą one nie działać w nowym serwisie. Także obrazy znajdujące się w elemencie biblioteki nie są kopiowane do nowego serwisu.
Kiedy używasz elementu biblioteki, program Dreamweaver wstawia link do niego, a nie sam element, na stronie internetowej.To znaczy, 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 umożliwia automatyczne aktualizowanie.
Kiedy tworzysz element biblioteki zawierający element z dołączonym zachowaniem programu Dreamweaver, program Dreamweaver kopiuje element i jego procedurę obsługi zdarzeń (atrybut określający, które zdarzenie wyzwala akcję, takie jak onClick, onLoad lub onMouseOver, i którą akcję wywołać, gdy zdarzenie wystąpi) do pliku elementu biblioteki.Program Dreamweaver nie kopiuje powiązanych funkcji JavaScript do elementu biblioteki.Zamiast tego, kiedy wstawiasz element biblioteki do dokumentu, program Dreamweaver automatycznie wstawia odpowiednie funkcje JavaScript do sekcji head tego dokumentu (jeśli jeszcze tam ich nie ma).
Jeśli kod JavaScript jest pisany ręcznie (tj. bez korzystania z zachowań programu Dreamweaver), można go uczynić częścią elementu biblioteki, jeśli do wykonania kodu użytkownik korzysta z zachowania Call JavaScript. Jeśli użytkownik nie korzysta z zachowania programu Dreamweaver kodu do wykonania kodu, kod nie jest zachowany 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 jest częścią sekcji head.
Tworzenie elementu biblioteki w oparciu o zaznaczenie
Wybierz polecenie Narzędzia > Biblioteka > Dodaj obiekt do biblioteki.
Wpisz nazwę nowego elementu biblioteki, a następnie naciśnij klawisz Enter (Windows) lub Return (Macintosh).
Program Dreamweaver zapisuje każdy element biblioteki jako oddzielny plik (z rozszerzeniem .lbi) w folderze Library lokalnego folderu głównego witryny.
Tworzenie pustego elementu biblioteki
Upewnij się, że nic nie jest wybrane w oknie dokumentu.
Jeśli coś jest wybrane, zostanie umieszczone w nowym elemencie biblioteki.
W panelu Zasoby wybierz kategorię Biblioteka.
Kliknij przycisk Nowy element biblioteki, umieszczony w dolnej części panelu.
Gdy element jest nadal zaznaczony, wpisz jego nazwę,
następnie naciśnij Enter (Windows) lub Return (Macintosh).
Wstawianie elementu biblioteki do dokumentu
Gdy dodasz element biblioteki do strony, rzeczywista zawartość zostaje wstawiona do dokumentu wraz z odwołaniem do elementu biblioteki.
Umieść punkt wstawiania w oknie Dokument.
W panelu Zasoby wybierz kategorię Biblioteka.
Wykonaj jedną z następujących czynności:
- Przeciągnij element biblioteki z panelu zasoby na okno Dokument.
Spostrzeżenie
Aby wstawić zawartości biblioteki bez dołączania odniesienia do elementu w dokumencie, podczas przeciągania elementu z panelu Zasoby, wciśnij klawisz Control (Windows) lub Option (Macintosh). Jeśli element wstawiany jest w ten sposób, może być on edytowany w dokumencie, ale dokument nie będzie uaktualniany wraz z uaktualnieniem stron używających tego elementu biblioteki.
Wybierz element biblioteki i kliknij przycisk Wstaw.
Edycja elementów biblioteki i uaktualnianie dokumentów
Gdy edytujesz element biblioteki, można zaktualizować wszystkie dokumenty, które używają tego elementu. Jeśli wybierzesz opcję nieaktualizowania, dokumenty pozostają skojarzone z elementem biblioteki; można je zaktualizować później.
Można zmienić nazwy elementów, aby przerwać ich połączenie z dokumentami lub szablonami, usunąć elementy z biblioteki witryny i ponownie utworzyć brakujący element biblioteki.
Edycja elementów biblioteki
W panelu Zasoby wybierz kategorię Biblioteka.
Wybierz element biblioteki.
Kliknij przycisk Edycja lub kliknij dwukrotnie element biblioteki.
Dreamweaver otwiera nowe okno, podobne do okna dokumentu, do edycji elementu biblioteki. Szare tło wskazuje, że edytujesz element biblioteki zamiast dokumentu.
Nanieś i zapisz swoje zmiany.
Określ, czy uaktualnić dokumenty w lokalnym serwisie używającym elementu biblioteki. Wybierz opcje Uaktualnij, aby uaktualnić natychmiast. Jeśli wybierzesz opcję Nie uaktualniaj, dokumenty nie będą uaktualniane, dopóki nie wybierzesz polecenia Narzędzia > Biblioteka > Uaktualnij bieżącą stronę lub Uaktualnij strony.
Zaktualizuj bieżący dokument, aby używał bieżącej wersji wszystkich elementów biblioteki
Wybierz polecenie Narzędzia > Biblioteka > Uaktualnij bieżącą stronę.
Zaktualizuj całą witrynę lub wszystkie dokumenty, które używają określonego elementu biblioteki
Wybierz polecenie Narzędzia > Biblioteka > Uaktualnij strony.
W wyskakującym menu „Szukaj w” określ pozycje do aktualizacji:
Aby zaktualizować wszystkie strony w wybranej witrynie, tak aby używały bieżącej wersji wszystkich elementów biblioteki, wybierz Cała witryna, następnie wybierz nazwę witryny z sąsiadującego menu podręcznego.
Aby zaktualizować wszystkie strony w bieżącej witrynie, które używają elementu biblioteki, wybierz opcję Pliki używające, a następnie wybierz nazwę elementu biblioteki z sąsiadującego menu podręcznego.
Upewnij się, że w opcji Aktualizuj
wybrano Elementy biblioteki.
Aby uaktualnić szablony w tym samym czasie, należy zaznaczyć także opcję Szablony.
Kliknij przycisk Start.
Dreamweaver aktualizuje pliki zgodnie z wskazaniami. Jeśli wybrano opcję Pokaż dziennik, Dreamweaver generuje raport pokazujący, czy pliki zostały pomyślnie zaktualizowane, wraz z innymi informacjami.
Zmiana nazwy elementu biblioteki
W panelu Zasoby wybierz kategorię Biblioteka.
Wybierz element biblioteki, poczekaj chwilę i kliknij go ponownie.
(Nie klikaj dwukrotnie; dwukrotne kliknięcie otwiera element do edycji).
Wpisz nową nazwę.
Kliknij w dowolnym miejscu lub wciśnij klawisz Enter (Windows) lub Return (Macintosh).
Określ, czy aktualizować dokumenty, które używają elementu,
wybierając opcję Aktualizuj lub Nie aktualizuj.
Usuwanie elementu biblioteki z biblioteki
Gdy usuniesz element biblioteki, Dreamweaver usuwa go z biblioteki, ale nie zmienia zawartości żadnych dokumentów, które używają tego elementu.
W panelu Zasoby wybierz kategorię Biblioteka.
Wybierz element biblioteki.
Kliknij przycisk Delete lub naciśnij klawisz Delete, następnie potwierdź, że chcesz usunąć element.
Po usunięciu elementu biblioteki nie można go przywrócić za pomocą polecenia Cofnij. Jednak, można go odtworzyć.
Odtwórz brakujący lub usunięty element biblioteki
Wybierz wystąpienie elementu w jednym z dokumentów.
Kliknij przycisk Utwórz ponownie w Inspektorze właściwości (Okno >
Właściwości).
Dostosuj wyróżnianie elementów biblioteki
Można dostosować kolor wyróżnienia elementów biblioteki oraz pokazać lub ukryć wyróżnianie, ustawiając preferencje wyróżniania.
Zmień kolor wyróżnienia elementów biblioteki
Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
Wybierz kategorię Wyróżnianie z listy po lewej stronie
okna dialogowego Preferencje.
Kliknij pole koloru Elementy biblioteki, następnie wybierz kolor wyróżnienia
używając Próbnik kolorów (lub wpisz szesnastkową wartość koloru
w polu tekstowym).
Wybierz Pokaż, aby wyświetlić kolor podświetlenia w oknie dokumentu.
Kliknij przycisk OK.
Aby pokazać lub ukryć podświetlanie w oknie dokumentu
Wybierz polecenie Widok > Opcje widoku Projekt > Pomoce wizualne > Niewidoczne elementy. Aby ukryć podświetlenie, odznacz Niewidoczne elementy.
Edytuj właściwości elementu biblioteki
Można użyć Inspektora właściwości do otwarcia elementu biblioteki w celu edycji, odłączenia wybranego elementu biblioteki od jego pliku źródłowego lub zastąpienia elementu aktualnie wybranym elementem biblioteki.
Zaznacz element biblioteki w dokumencie.
Wybierz jedną z tych opcji w Inspektorze właściwości
(Okno > Właściwości):
Src
Wyświetla nazwę pliku i lokalizację pliku źródłowego dla elementu biblioteki. Ta informacja nie może być edytowana.
Otwórz
Otwiera plik źródłowy elementu biblioteki do edycji. Jest to równoznaczne z wybraniem elementu w panelu Assets i kliknięciem przycisku Edytuj.
Odłącz od oryginału
Przerywa połączenie między wybranym elementem biblioteki a jego plikiem źródłowym. Można edytować odłączony element w dokumencie, ale nie jest on już elementem biblioteki i nie jest aktualizowany po zmianie oryginału.
Odtwórz
Nadpisuje oryginalny element biblioteki bieżącym zaznaczeniem. Użyj tej opcji, aby ponownie utworzyć elementy biblioteki, jeśli oryginalny element biblioteki został utracony lub przypadkowo usunięty.
Uczyń elementy biblioteki edytowalnymi w dokumencie
Jeśli dodano element biblioteki do dokumentu i chce się edytować element specjalnie dla tej strony, należy przerwać połączenie między elementem w dokumencie a biblioteka. Po uczynieniu instancji elementu biblioteki edytowalną, ta instancja nie jest aktualizowana po zmianie elementu biblioteki.
Zaznacz element biblioteki w bieżącym dokumencie.
Kliknij
Odłącz od oryginału w Inspektorze właściwości (Okno >
Właściwości).
Edycja zachowania w elemencie biblioteki
Aby edytować zachowanie w elemencie biblioteki, należy najpierw wstawić element do dokumentu, a następnie uczynić element edytowalnym w tym dokumencie. Po wprowadzeniu zmian można ponownie utworzyć element biblioteki, zastępując element w bibliotece edytowanym elementem z dokumentu.
Otwórz dokument zawierający element biblioteki.
Zanotuj nazwę elementu biblioteki, a także dokładne tagi, które zawiera. Informacja ta, będzie przydatna później.
Wybierz element biblioteki, a następnie kliknij Odłącz od oryginału
w Inspektorze właściwości (Okno > Właściwości).
Wybierz element, do którego dołączone jest
zachowanie.
W panelu Zachowania (Okno > Zachowania), kliknij dwukrotnie akcję, którą chcesz zmienić.
W wyświetlonym oknie dialogowym wprowadź zmiany, a następnie
kliknij OK.
W panelu Zasoby wybierz kategorię Biblioteka.
Zanotuj dokładną nazwę i pisownię oryginalnego
elementu biblioteki; wybierz go, a następnie kliknij przycisk DELETE.
W oknie Dokumentu wybierz wszystkie elementy, które
tworzą element biblioteki.
Należy uważnie wybrać dokładnie te same elementy, które były w oryginalnym elemencie biblioteki.
W panelu Zasoby kliknij przycisk Nowy element biblioteki, a następnie nadaj nowemu elementowi nazwę, jaką nosił usunięty element, zachowując pisownię i wielkość liter.
Aby uaktualnić element biblioteki w innych dokumentach serwisu, wybierz polecenie Narzędzia > Biblioteka > Uaktualnij strony.
W wyskakującym menu „Szukaj w” wybierz opcję „Pliki, które używają”.
W sąsiednim menu wyskakującym wybierz nazwę elementu biblioteki,
który właśnie utworzono.
W opcji Aktualizacja upewnij się, że wybrano opcję Elementy biblioteki, a następnie kliknij przycisk Start.
Po zakończeniu uaktualniania, kliknij przycisk Zamknij.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
