W oknie dokumentu przełącz na widok Projekt i zaznacz część dokumentu przeznaczoną do zapisania jako element biblioteki.
- Podręcznik użytkownika programu Dreamweaver
- Wprowadzenie
- Program Dreamweaver a platforma Creative Cloud
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Biblioteki Creative Cloud w programie Dreamweaver
- Używanie plików programu Photoshop w programie Dreamweaver
- Praca z programami Adobe Animate oraz Dreamweaver
- Wydzielanie przygotowanych do wyświetlania w Internecie plików SVG z bibliotek
- Przestrzenie robocze i widoki w programie Dreamweaver
- Konfigurowanie serwisów
- Informacje o serwisach programu Dreamweaver
- Konfigurowanie lokalnej wersji serwisu
- Nawiązywanie połączenia z serwerem publikacji
- Konfigurowanie serwera testowego
- Importowanie i eksportowanie ustawień serwisu programu Dreamweaver
- Przenoszenie istniejących serwisów z serwera zdalnego do lokalnego katalogu głównego serwisu
- Funkcje ułatwień dostępu w programie Dreamweaver
- Ustawienia zaawansowane
- Ustawianie preferencji serwisu dotyczących transferu plików
- Określanie ustawień serwera proxy w programie Dreamweaver
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Korzystanie z systemu Git w programie Dreamweaver
- Zarządzanie plikami
- Tworzenie i otwieranie plików
- Zarządzanie plikami i folderami
- Odbieranie plików i wysyłanie ich na serwer
- Pobieranie plików do edycji i odkładanie ich na serwer
- Synchronizacja plików
- Porównywanie plików w poszukiwaniu różnic
- Maskowanie plików i folderów w serwisie programu Dreamweaver
- Włączanie funkcji Uwagi do projektu w serwisach programu Dreamweaver
- Zapobieganie potencjalnemu obejściu funkcji Gatekeeper
- Układ i projekt
- Korzystanie z wizualnych pomocy do układu
- Informacje o tworzeniu układu strony za pomocą stylów CSS
- Projektowanie elastycznych serwisów WWW z użyciem struktury Bootstrap
- Tworzenie i używanie zapytań o media w programie Dreamweaver
- Prezentacja zawartości za pomocą tabel
- Kolory
- Tworzenie reagujących projektów za pomocą układów elastycznej siatki
- Narzędzie Extract w programie Dreamweaver
- CSS
- Podstawowe informacje o stylach CSS
- Tworzenie układu strony za pomocą panelu Projektant CSS
- Korzystanie z preprocesorów CSS w programie Dreamweaver
- Ustawianie preferencji stylów CSS w programie Dreamweaver
- Przenoszenie reguł CSS w programie Dreamweaver
- Konwertowanie stylu CSS wewnątrz znacznika na regułę CSS w programie Dreamweaver
- Posługiwanie się znacznikami DIV
- Stosowanie gradientów na tło
- Tworzenie i edytowanie efektów przejść CSS3 w programie Dreamweaver
- Formatowanie kodu
- Zawartość strony i zasoby
- Ustawianie właściwości strony
- Ustawianie właściwości CSS dla nagłówków i łączy
- Praca z tekstem
- Znajdowanie i zastępowanie tekstu, znaczników i atrybutów
- Panel DOM
- Edytowanie w widoku aktywnym
- Kodowanie znaków dokumentu w programie Dreamweaver
- Zaznaczanie i wyświetlanie elementów w oknie Dokument
- Ustawianie właściwości tekstu na panelu Inspektor właściwości
- Sprawdzanie pisowni na stronie internetowej
- Używanie linii poziomych w programie Dreamweaver
- Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver
- Praca z zasobami
- Wstawianie i aktualizowanie dat w programie Dreamweaver
- Tworzenie list ulubionych zasobów w programie Dreamweaver i zarządzanie nimi
- Wstawianie i edytowanie obrazów w programie Dreamweaver
- Dodawanie obiektów multimedialnych
- Dodawanie zawartości wideo w programie Dreamweaver
- Wstawianie wideo HTML5
- Wstawianie plików SWF
- Dodawanie efektów dźwiękowych
- Wstawianie obiektów audio HTML5 w programie Dreamweaver
- Praca z elementami bibliotek
- Stosowanie pisma arabskiego i hebrajskiego w programie Dreamweaver
- Łączenie i przeglądanie
- Efekty i widgety jQuery
- Tworzenie kodu serwisów WWW
- Informacje o tworzeniu kodu w programie Dreamweaver
- Środowisko programistyczne w programie Dreamweaver
- Ustawianie preferencji kodowania
- Dostosowywanie ustawień kolorowania kodu
- Pisanie i edytowanie kodu
- Podpowiedzi i uzupełnianie kodu
- Zwijanie i rozwijanie kodu
- Ponowne wykorzystywanie fragmentów kodu za pomocą funkcji Urywki
- Linting: oczyszczanie kodu z błędów
- Optymalizacja kodu
- Edytowanie kodu w widoku Projekt
- Praca z zawartością znacznika HEAD strony
- Wstawianie dołączeń po stronie serwera w programie Dreamweaver
- Korzystanie z bibliotek znaczników w programie Dreamweaver
- Importowanie własnych znaczników do programu Dreamweaver
- Używanie zachowań JavaScript (instrukcje ogólne)
- Stosowanie wbudowanych zachowań JavaScript
- Omówienie języków XML i XSLT
- Wykonywanie transformacji XSL po stronie serwera w programie Dreamweaver
- Wykonywanie przekształceń XSL po stronie klienta w programie Dreamweaver
- Dodawanie encji znaków w kodzie XSLT w programie Dreamweaver
- Formatowanie kodu
- Obiegi pracy związane z wieloma produktami
- Instalowanie i używanie rozszerzeń programu Dreamweaver
- Aktualizacje w aplikacji w programie Dreamweaver
- Wstawianie dokumentów Microsoft Office w programie Dreamweaver (tylko Windows)
- Praca z programami Fireworks i Dreamweaver
- Edycja zawartości w stronach programu Dreamweaver za pomocą aplikacji Contribute
- Integracja programu Dreamweaver z aplikacją Business Catalyst
- Tworzenie spersonalizowanych kampanii rozsyłanych pocztą elektroniczną
- Szablony
- Informacje o szablonach programu Dreamweaver
- Rozpoznawanie szablonów oraz dokumentów opartych na szablonach
- Tworzenie szablonu programu Dreamweaver
- Tworzenie edytowalnych regionów w szablonach
- Tworzenie powtarzalnych regionów i tabel w programie Dreamweaver
- Używanie regionów opcjonalnych w szablonach
- Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver
- Tworzenie zagnieżdżonych szablonów w programie Dreamweaver
- Edytowanie, aktualizowanie i usuwanie szablonów
- Eksportowanie i importowanie zawartości XML w programie Dreamweaver
- Stosowanie szablonu lub usuwanie go z istniejącego dokumentu
- Edycja zawartości w szablonach programu Dreamweaver
- Reguły składni dla znaczników szablonu w programie Dreamweaver
- Ustawianie preferencji podświetlenia dla regionów szablonów
- Korzyści wynikające z używania szablonów w programie Dreamweaver
- Urządzenia mobilne i obsługa wielu ekranów
- Dynamiczne serwisy, strony i formularze WWW
- Podstawowe informacje o aplikacjach internetowych
- Konfigurowanie komputera do programowania aplikacji
- Rozwiązywanie problemów z połączeniami z bazą danych
- Usuwanie skryptów połączenia w programie Dreamweaver
- Projektowanie stron dynamicznych
- Omówienie źródeł zawartości dynamicznej
- Definiowanie źródeł zawartości dynamicznej
- Dodawanie dynamicznej zawartości do stron
- Modyfikowanie dynamicznej zawartości w programie Dreamweaver
- Wyświetlanie rekordów z bazy danych
- Udostępnianie aktywnych danych w programie Dreamweaver oraz rozwiązywanie problemów z takimi danymi
- Dodawanie własnych zachowań serwerowych w programie Dreamweaver
- Tworzenie formularzy w programie Dreamweaver
- Zbieranie informacji od użytkowników za pomocą formularzy
- Tworzenie oraz włączanie formularzy ColdFusion w programie Dreamweaver
- Tworzenie formularzy WWW
- Rozszerzona obsługa elementów formularza w języku HTML5
- Tworzenie formularzy za pomocą programu Dreamweaver
- Tworzenie aplikacji metodą graficzną
- Tworzenie stron wzorca i szczegółów w programie Dreamweaver
- Tworzenie stron wyszukiwania i wyników
- Tworzenie strony wstawiania rekordów
- Tworzenie strony uaktualniania rekordów w programie Dreamweaver
- Tworzenie stron usuwania rekordów w programie Dreamweaver
- Używanie poleceń ASP do modyfikacji bazy danych w programie Dreamweaver
- Tworzenie strony rejestracji
- Tworzenie strony logowania
- Tworzenie strony, do której dostęp będą mieli tylko uwierzytelnieni użytkownicy
- Zabezpieczanie folderów w aplikacji ColdFusion za pomocą programu Dreamweaver
- Korzystanie ze składników ColdFusion w programie Dreamweaver
- Testowanie, podgląd i publikacja serwisów WWW
- Rozwiązywanie problemów
W tym temacie omówiono tworzenie, wstawianie i modyfikowanie elementów bibliotek w dokumentach w programie Dreamweaver.
Biblioteka jest specjalnym plikiem programu Dreamweaver zawierającym kolekcję indywidualnych zasobów lub kopii zasobów, które można umieścić na swoich stronach internetowych. Zasoby znajdujące się w bibliotece nazywane są elementami biblioteki. Do elementów, które można umieszczać w bibliotece, należą obrazy, tabele, pliki dźwiękowe oraz pliki utworzone w programie Adobe Flash. Wszystkie strony, które używają elementów biblioteki, mogą być automatycznie uaktualniane, po edycji elementów biblioteki.
Załóżmy na przykład, że tworzysz duży serwis dla firmy, która życzy sobie umieszczenia na każdej stronie sloganu reklamowego. Możesz utworzyć element biblioteki zawierający slogan i używać tego elementu na każdej stronie. Po zmianie sloganu, możesz zmienić element biblioteki i zostanie on uaktualniony na każdej stronie serwisu.
Program Dreamweaver umieszcza elementy biblioteki w folderze Biblioteka znajdującym się w lokalnym folderze głównym każdego serwisu. Każdy serwis ma swoją własną bibliotekę.
Element biblioteki można tworzyć z dowolnego elementu w głównej sekcji dokumentu, dołączając tekst, tabele, formularze, aplety Java, wtyczki, elementy ActiveX, paski nawigacji i obrazy.
Jeśli chodzi o elementy połączone, takie jak obrazy, to biblioteka przechowuje tylko odniesienia do nich. Oryginalne pliki muszą pozostać w zdefiniowanym miejscu, aby elementy biblioteki poprawnie funkcjonowały.
W dalszym ciągu może być użyteczne umieszczenie obrazu w elemencie biblioteki. Na przykład możesz umieścić pełny znacznik img w elemencie biblioteki, który pozwoli na łatwą zmianę tekstu alt obrazu, lub nawet jego atrybutu src. (Nie używaj tej techniki do zmiany atrybutów obrazu width oraz height, chyba że używasz także edytora obrazu, do zmiany bieżącego 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.
Podczas korzystania z elementu biblioteki, program Dreamweaver umieszcza na stronie internetowej łącze, a nie sam element. Oznacza to, że program Dreamweaver wstawia w dokumencie kopię kodu źródłowego HTML dla tego elementu i dodaje komentarz HTML zawierający odniesienie do zewnętrznego, oryginalnego elementu. To właśnie takie odniesienie zewnętrzne sprawia, że możliwe jest automatyczne uaktualnianie.
Gdy tworzony jest element biblioteki zawierający element z dołączonym do niego zachowaniem programu Dreamweaver, program ten kopiuje element i jego moduł zdarzenia (atrybut, który określa zdarzenie wyzwalające operację, np. onClick, onLoad lub onMouseOver, oraz która operacja powinna zostać wywołana, gdy wystąpi zdarzenie) do pliku elementu biblioteki. Program Dreamweaver nie kopiuje do elementu biblioteki powiązanych funkcji JavaScript. Natomiast gdy do dokumentu wstawiany jest element biblioteki, program Dreamweaver automatycznie wstawia odpowiednie funkcje JavaScript do sekcji head tego dokumentu (jeśli jeszcze ich tam 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.
Podczas edycji zachowań w elementach biblioteki, należy stosować się opracowanych specjalnych wymogów. Elementy biblioteki nie mogą zawierać arkuszy stylów, ponieważ kod dla tych elementów jest częścią sekcji nagłówek.
Tworzenie elementu biblioteki w oparciu o zaznaczenie
-
-
Wybierz polecenie Narzędzia > Biblioteka > Dodaj obiekt do biblioteki.
-
Wpisz nazwę nowego elementu biblioteki i wciśnij klawisz Enter (Windows) lub Return (Macintosh).
Program Dreamweaver zapisuje każdy element biblioteki jako oddzielny plik (z rozszerzeniem .lbi) w folderze Biblioteka w głównym folderze serwisu lokalnego.
Tworzenie pustego elementu biblioteki
-
Upewnij się, że w oknie dokumentu nic nie jest zaznaczone.
Jeśli jakiś obiekt jest zaznaczony, będzie on umieszczony w nowym elemencie biblioteki.
-
W panelu Zasoby wybierz kategorię Biblioteka.
-
Kliknij przycisk Nowy element biblioteki, umieszczony w dolnej części panelu.
-
Gdy element jest jeszcze zaznaczony, wpisz dla niego nazwę i wciśnij klawisz Enter (Windows) lub Return (Macintosh).
Wstawianie elementu biblioteki do dokumentu
Gdy na stronie dodawany jest element biblioteki, w dokumencie wstawiana jest jego aktualna zawartość wraz z odniesieniem 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.
Uwaga: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
Podczas edycji elementu biblioteki, możesz uaktualnić wszystkie dokumenty, które go używają. Jeśli zrezygnujesz z aktualizacji, dokumenty pozostaną powiązane z elementem biblioteki; można je uaktualnić później.
Możesz zmienić nazwy elementów, aby przerwać ich połączenie z dokumentami lub szablonami, usunąć elementy z biblioteki serwisu i odtworzyć 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.
Program Dreamweaver otwiera nowe okno, podobne do okna Dokument, służące do edycji elementu biblioteki. Szare tło wskazuje, że zamiast dokumentu edytowany jest element biblioteki.
-
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.
Aktualizacja bieżącego dokumentu o bieżące wersje wszystkich elementów biblioteki
-
Wybierz polecenie Narzędzia > Biblioteka > Uaktualnij bieżącą stronę.
Aktualizacja serwisu lub wszystkich dokumentów używających określonego elementu biblioteki
-
Wybierz polecenie Narzędzia > Biblioteka > Uaktualnij strony.
-
W wyskakującym menu „Szukaj w” określ pozycje do aktualizacji:
Aby uaktualnić wszystkie strony w wybranym serwisie, a tym samym móc używać aktualnych wersji wszystkich elementów z biblioteki, zaznacz opcję Cały serwis, a następnie wybierz nazwę serwisu z wyświetlonego obok wyskakującego menu.
Aby uaktualnić wszystkie te strony w bieżącym serwisie, które wykorzystują element biblioteki, zaznacz opcję Pliki, które używają, a następnie wybierz nazwę elementu z wyświetlonego obok wyskakującego menu
-
Upewnij się, że pole wyboru Element biblioteki jest zaznaczone.Uwaga:
Aby uaktualnić szablony w tym samym czasie, należy zaznaczyć także opcję Szablony.
-
Kliknij przycisk Start.
Program Dreamweaver uaktualnia pliki zgodnie ze wskazaniami. Jeśli wybrana została opcja Pokaż dziennik, program Dreamweaver wygeneruje raport o pomyślnej aktualizacji plików 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 uaktualnić dokumenty używające elementu, wybierając Uaktualnij lub Nie uaktualniaj.
Usuwanie elementu biblioteki z biblioteki
Podczas usuwania elementu biblioteki, program Dreamweaver usuwa go z biblioteki, ale nie zmienia zawartości dokumentów, które używają tego elementu.
-
W panelu Zasoby wybierz kategorię Biblioteka.
-
Wybierz element biblioteki.
-
Kliknij przycisk Usuń lub wciśnij klawisz Delete i potwierdź usuwanie elementu.Uwaga:
Po usunięciu elementu biblioteki nie można go przywrócić za pomocą polecenia Cofnij. Jednak, można go odtworzyć.
Odtwarzanie brakującego lub usuniętego elementu biblioteki
-
Zaznacz obiekt elementu w jednym z dokumentów.
-
Kliknij przycisk Odtwórz w oknie inspektora Właściwości (Okno > Właściwości).
Dostosowywanie podświetlania elementów biblioteki
Ustawiając odpowiednio preferencje podświetlania można odpowiednio dostosować kolor podświetlania elementów biblioteki, a także ukrywać lub pokazywać podświetlenie.
Zmiana koloru podświetlenia elementów biblioteki
-
Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
-
Wybierz kategorię Podświetlenie, z listy po lewej stronie okna dialogowego Preferencje.
-
Kliknij pole Kolor elementów biblioteki, następnie wybierz kolor podświetlenia za pomocą próbnika kolorów (lub w polu tekstowym wpisz szesnastkową wartość koloru).
-
Wybierz opcję Pokaż, aby pokazać kolor podświetlenia w oknie Dokument.
-
Kliknij przycisk OK.
Pokazywanie lub ukrywanie podświetlenia w oknie Dokument
-
Wybierz polecenie Widok > Opcje widoku Projekt > Pomoce wizualne > Niewidoczne elementy. Aby ukryć podświetlenie, odznacz Niewidoczne elementy.
Edycja właściwości elementu biblioteki
Inspektor właściwości, może być używany do otwierania elementu biblioteki do edycji, odłączania wybranego elementu biblioteki od jego pliku źródłowego lub nadpisywania elementu aktualnie wybranym elementem biblioteki.
-
Zaznacz element biblioteki w dokumencie.
-
Wybierz jedną z następujących opcji w inspektorze Właściwości (Okno > Właściwości):
Src
Wyświetla nazwę pliku i położenie 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 zaznaczeniem elementu w panelu Zasoby i kliknięciem przycisku Edycja.
Odłącz od oryginału
Przerywa łącze między wybranym elementem biblioteki i jej plikiem źródłowym. Odłączony element może być edytowany w dokumencie, ale nie jest już dłużej elementem biblioteki i nie jest uaktualniany po zmianie oryginału.
Odtwórz
Nadpisuje oryginalny element biblioteki bieżącym zaznaczeniem. Użyj tej opcji do odtworzenia elementów biblioteki, jeśli brakuje oryginalnego element biblioteki lub został przypadkowo usunięty.
Umożliwianie edycji elementów biblioteki w dokumencie
Jeśli do dokumentu dodany został element biblioteki i chcesz edytować element specjalnie w odniesieniu do tej strony, musisz przerwać połączenie między elementem w dokumencie i biblioteką. Po włączeniu edycji w obiekcie elementu biblioteki, obiekt nie jest uaktualniany, po zmianie elementu biblioteki.
-
Zaznacz element biblioteki w bieżącym dokumencie.
-
Kliknij przycisk Odłącz od oryginału w oknie inspektora Właściwości (Okno > Właściwości).
Edycja zachowania w elemencie biblioteki
Aby zmienić zachowanie w elemencie biblioteki, najpierw należy wstawić element do dokumentu, następnie zmień element na edytowalny. Po utworzeniu zmian, możesz odtworzyć element biblioteki, zastępując element w bibliotece elementem edytowanym w dokumencie.
-
Otwórz dokument zawierający element biblioteki.
Zanotuj nazwę elementu biblioteki oraz znaczniki które zawiera. Informacja ta, będzie przydatna później.
-
Wybierz element biblioteki, następnie kliknij opcję Odłącz od oryginału w oknie inspektora Właściwości (Okno > Właściwości).
-
Wybierz element, który posiada dołączone zachowanie.
-
W panelu Zachowania (Okno > Zachowania), dwukrotnie kliknij zadanie, które chcesz zmienić.
-
W wyświetlonym oknie dialogowym, utwórz wymagane zmiany i kliknij przycisk OK.
-
W panelu Zasoby wybierz kategorię Biblioteka.
-
Zarejestruj dokładną nazwę z zachowaniem wielkości liter oryginalnego elementu biblioteki; zaznacz go i kliknij przycisk Usuń.
-
W oknie Dokument, zaznacz wszystkie elementy wchodzące w skład elementu biblioteki.
Należy uważać, aby zaznaczyć 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 przyległym wyskakującym menu, wybierz nazwę właśnie utworzonego elementu biblioteki.
-
Upewnij się, że pole wyboru Element biblioteki jest zaznaczone, następnie kliknij przycisk Rozpocznij.
-
Po zakończeniu uaktualniania, kliknij przycisk Zamknij.