Zaznacz zasób w panelu Zasoby.
Ostatnia aktualizacja
25 kwi 2024
Używanie panelu Zasoby w programie Dreamweaver do zarządzania zasobami w bieżącym serwisie.
Programu Adobe Dreamweaver można używać do monitorowania i wyświetlania podglądów zasobów umieszczonych w serwisie, takich jak obrazy, filmy, kolory, skrypty i łącza. Zasoby można też wstawiać, przeciągając je bezpośrednio na stronę bieżącego dokumentu.
Zasoby uzyskiwane są z wielu różnych źródeł. Na przykład można tworzyć zasoby w aplikacji takiej jak Adobe Photoshop lub Adobe Animate, otrzymywać je od współpracownika lub kopiować z płyty CD z clipartami lub witryny graficznej.
Program Dreamweaver umożliwia także dostęp do dwóch specjalnych typów zasobów — bibliotek i szablonów. Obydwa są zasobami połączonymi: gdy element biblioteki lub szablonu jest edytowany, program Dreamweaver uaktualnia wszystkie dokumenty używające tych zasobów. Pozycje biblioteki generalnie stanowią małe elementy graficzne, np. logo serwisu lub znak copyright. Aby sterować większym obszarem projektu, używaj szablonów.
Używanie panelu Zasoby (Okno > Zasoby) do zarządzania zasobami w bieżącym serwisie. Panel Zasoby wyświetla zasoby dla serwisu powiązane z aktywnym dokumentem w oknie Dokument.
Spostrzeżenie
Aby możliwe było wyświetlenie zasobów w panelu Zasoby, niezbędne jest zdefiniowanie serwisu lokalnego.
Panel Zasoby oferuje różne sposoby wyświetlania zasobów:
Lista serwisów
Pokazuje wszystkie zasoby w witrynie, w tym kolory i adresy URL używane w dowolnym dokumencie w witrynie.
Lista ulubionych
Pokazuje tylko zasoby, które zostały wybrane.
Aby przełączać się między tymi dwoma widokami, wybierz przycisk opcji Witryna lub Ulubione nad obszarem podglądu.(Te dwa widoki nie są dostępne w kategoriach Szablony i Biblioteka.)
Spostrzeżenie
Większość operacji panelu Zasoby działa w ten sam sposób na obydwu listach. Jednak, jest kilka zadań, które można wykonać tylko z listy Ulubione.
Na obydwu listach, zasoby są przyporządkowane do jednej z następujących kategorii:
Obrazy
Pliki obrazów w formatach GIF, JPEG lub PNG.
Kolory
Kolory używane w dokumentach i arkuszach stylów, w tym kolory tekstu, tła i łączy.
Adresy URL
Łącza zewnętrzne w bieżących dokumentach witryny, w tym łącza FTP, gopher, HTTP, HTTPS, JavaScript, e‑mail (mailto) i plik lokalny (file://).
Multimedia
Pliki multimedialne, takie jak pliki Adobe Flash (tylko SWF), pliki Adobe Shockwave, QuickTime lub MPEG.
Skrypty
Pliki JavaScript lub VBScript. Skrypty umieszczone w plikach HTML (zamiast w niezależnych plikach JavaScript lub VBScript) nie pojawiają się w panelu Zasoby. Ta kategoria jest dostępna tylko w widoku Kod i Projekt.
Szablony
Układy strony wzorcowej używane na wielu stronach. Modyfikacja szablonu, automatycznie modyfikuje wszystkie strony do niej dołączone. Ta kategoria jest dostępna tylko w widoku Kod i Projekt.
Pozycje biblioteki
Elementy projektu używane na wielu stronach; gdy jest modyfikowany element biblioteki, wszystkie strony zawierające ten element są aktualizowane. Ta kategoria jest dostępna tylko w widoku Kod i Projekt.
Spostrzeżenie
Aby plik został wyświetlony w panelu Zasoby, musi przynależeć do jednej z tych kategorii. Niektóre pliki innego typu czasem nazywane są zasobami, ale nie są one wyświetlane w panelu.
Domyślnie, zasoby w kategorii są wymienione alfabetycznie według nazwy, ale można je sortować według typu i kilku innych kryteriów.Można również wyświetlać podgląd zasobów oraz zmieniać rozmiar kolumn i obszaru podglądu.
Ikona Creative Cloud w kolumnie Typ wskazuje, że zasoby są importowane z Bibliotek Creative Cloud. Dwukrotne kliknięcie tej ikony umożliwia zmianę próbkowania zasobu. Więcej informacji o ponownym używaniu zasobów w Creative Cloud Libraries można znaleźć w Creative Cloud Libraries w programie Dreamweaver.
Wyświetlanie zasobu w obszarze podglądu
Wyświetlanie zasobów w kategorii
Kliknij ikonę kategorii po lewej stronie
panelu Zasoby.
Sortowanie zasobów
Kliknij nagłówek kolumny.
Na przykład, aby posortować listę obrazów według typu (tak, aby wszystkie obrazy GIF były razem, wszystkie obrazy JPEG były razem itp.), kliknij nagłówek kolumny Typ.
Zmiana rozmiaru kolumny
Przeciągnij linię oddzielającą dwa nagłówki kolumn.
Zmiana rozmiaru obszaru podglądu
Przeciągnij pasek podziału (między obszarem podglądu
a listą zasobów) w górę lub w dół.
Odświeżanie panelu Zasoby
Utworzenie listy witryn może potrwać kilka sekund, ponieważ program Dreamweaver musi najpierw odczytać pamięć podręczną witryny.
Stosowane zmiany nie są widoczne w panelu Zasoby natychmiast. Na przykład, gdy dodawany lub usuwany jest zasób z serwisu, zmiany te nie będą widoczne w panelu Zasoby, dopóki nie odświeży się listy serwisów, klikając przycisk Odśwież listę serwisów. Jeśli dodasz lub usuniesz zasób poza programem Dreamweaver — używając na przykład Eksploratora Windows lub programu Finder — musisz odbudować pamięć podręczną witryny, aby zaktualizować panel Zasoby.
Jeśli usuniesz tylko instancję określonego koloru lub adres URL ze swojego serwisu, lub gdy zapiszesz nowy plik zawierający kolor lub adres URL, który nie jest jeszcze używany w serwisie, zmiany nie będą pokazane w panelu Zasoby, dopóki lista serwisów nie zostanie odświeżona.
- Aby ręcznie odświeżyć listę witryn, kliknij przycisk Odśwież listę witryn
.Program Dreamweaver tworzy pamięć podręczną witryny lub aktualizuje
jej w razie potrzeby. - Aby odświeżyć listę Witryna i ręcznie odbudować pamięć podręczną witryny, kliknij prawym przyciskiem myszy (Windows) lub kliknij przytrzymując klawisz Command (Macintosh) na liście Zasoby, a następnie wybierz Odśwież listę witryny.
Dodawanie zasobu do dokumentu
Większość zasobów można wstawić do dokumentu, przeciągając je w widoku aktywnym, widoku Kod lub widoku Projekt do okna Dokument; można również użyć przycisku Wstaw, znajdującego się w panelu. Zasoby można przeciągać zarówno z widoku listy, jak i z okienka podglądu panelu Zasoby.
Uwaga: Przeciąganie z okienka podglądu jest obsługiwane tylko na Mac.
W widoku Projekt i w widoku aktywnym można wstawiać kolory i adresy URL. W widoku projektowania można stosować kolory i adresy URL do wybranych elementów.
W dokumencie umieść punkt wstawiania w miejscu, w którym ma pojawić się zasób.
W panelu Zasoby wybierz spośród przycisków kategorii zasobów
po lewej stronie.
Spostrzeżenie
Wybieraj dowolne kategorie z wyjątkiem Szablonów. Szablon jest stosowany do całego dokumentu; nie można go wstawić do dokumentu.
Wybierz opcję Witryna lub Ulubione w górnej części panelu,
następnie wybierz zasób.
Nie istnieją listy Witryna nebo Ulubione dla elementów biblioteki; pomiń ten krok, jeśli wstawiasz element biblioteki.
Wykonaj jedną z następujących czynności:
Przeciągnij zasób z panelu do dokumentu. Można przeciągać zarówno z widoku listy, jak i z okienka podglądu.
Uwaga: W systemie Windows nie można przeciągać zasobów z okienka podglądu.
Skrypty można przeciągać do obszaru zawartości nagłówka w oknie Dokument; jeśli ten obszar nie jest widoczny, wybierz polecenie z menu Widok > Zawartość nagłówka.
Wybierz zasób w panelu i kliknij Wstaw.
Jeśli wstawionym zasobem jest kolor, jest on stosowany do tekstu wyświetlanym za punktem wstawiania.
Zastosuj kolor do tekstu przy użyciu panelu Assets
Panel Zasoby pokazuje kolory, które zostały już zastosowane do różnych elementów, takich jak tekst, obramowania tabel, tła itd.
W widoku projektowania wykonaj następujące kroki:
Zaznacz tekst w dokumencie.
W panelu Zasoby wybierz kategorię Kolory.
Wybierz żądany kolor i kliknij Zastosuj.
W widoku na żywo wykonaj następujące kroki:
W panelu Zasoby wybierz kategorię Kolory.
Wykonaj jedną z następujących czynności:
- Kliknij kolor w panelu Zasoby prawym przyciskiem myszy i wybierz polecenie Kopiuj wartość koloru. Wartość koloru zostanie skopiowana do schowka. Można teraz wkleić wartość koloru (Ctrl+v, Cmd+v) w programie CSS Designer.
- Przeciągnij kolor z podglądu i zatrzymaj wskaźnik myszy nad elementami w widoku aktywnym. Po upuszczeniu koloru pojawi się okno dialogowe Nowa reguła CSS, a po kliknięciu przycisku OK kolor zostanie zastosowany do wybranego elementu.
- Kliknij przycisk Zastosuj w panelu Zasoby. Pojawi się okno dialogowe Nowa reguła CSS, a po kliknięciu przycisku OK kolor zostanie zastosowany do wybranego elementu.
Przypisywanie adresów URL do obrazów lub tekstu
W widoku projektowania wykonaj następujące kroki:
Wybierz
tekst lub obraz.
W panelu Zasoby wybierz kategorię Adresy URL w widoku Witryny lub Ulubione, w zależności od tego, gdzie przechowywany jest adres URL.
Spostrzeżenie
Adresy URL plików witryny są domyślnie przechowywane w widoku Witryny.Widok Ulubionych zawiera adresy URL, które zostały dodane samodzielnie.
Wybierz adres URL.
Wykonaj jedną z następujących czynności:
Przeciągnij adres URL z panelu do zaznaczenia w widoku projektu.
Wybierz adres URL, a następnie kliknij przycisk Wstaw.
W widoku na żywo wykonaj następujące czynności:
W panelu Zasoby wybierz kategorię adresów URL w widoku Strony lub Ulubionych, w zależności od tego, gdzie jest przechowywany adres URL.
Wykonaj jedną z następujących czynności:
- Przeciągnij adres URL z podglądu lub z widoku listy. Zatrzymaj mysz nad elementami w widoku aktywnym. Po upuszczeniu adresu URL znacznik <a> opakowuje element wyróżniony w widoku na żywo.
- Kliknij odpowiedni element w widoku aktywnym. Wybierz adres URL w panelu Zasoby i kliknij przycisk Zastosuj. Wybrany element jest objęty znacznikiem <a>.
Wybieranie i edycja zasobów
Panel Zasoby umożliwia wybór wielu zasobów jednocześnie. Pozwala także szybko rozpocząć edytowanie zasobów.
Wybieranie kilku zasobów
W panelu Zasoby wybierz jeden z zasobów.
Wybierz kolejne zasoby w jeden z następujących sposobów:
Kliknij z przytrzymaniem klawisza Shift, aby wybrać kolejną serię zasobów.
Kliknij z przytrzymaniem klawisza Ctrl (Windows) lub Cmd (Macintosh), aby dodać pojedynczy zasób do zaznaczenia (bez względu na to, czy sąsiaduje z istniejącym zaznaczeniem). Kliknij z przytrzymaniem klawisza Ctrl lub Cmd na wybranym zasobie, aby go odznaczyć.
Edycja zasobu
Po edycji zasobu w panelu Zasoby zachowanie różni się w zależności od typu zasobu. W przypadku niektórych zasobów, takich jak obrazy, używasz edytora zewnętrznego, który otwiera się automatycznie, jeśli zdefiniowano edytor do tego typu zasobu.Kolory i adresy URL można edytować tylko na liście Ulubionych. Podczas edycji szablonów i elementów bibliotek wprowadzasz zmiany w programie Dreamweaver.
W
panelu Zasoby wykonaj jedną z następujących czynności:
Kliknij dwukrotnie dowolny zasób.
Wybierz zasób, a następnie kliknij przycisk Edytuj.
Spostrzeżenie
Jeśli zasób musi być edytowany w zewnętrznym edytorze, który nie jest otwierany automatycznie, wybierz polecenie z menu Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh), wybierz kategorię Typy plików/Edytory i upewnij się, że zdefiniowany został zewnętrzny edytor dla tego typu zasobu.
Wprowadź określone zmiany.
Po zakończeniu edycji wykonaj jedną z następujących czynności:
Jeśli zasób jest plikiem (dotyczy to wszystkich zasobów poza kolorami lub adresami URL), zapisz go (posługując się własnym edytorem) i zamknij.
Jeśli zasób jest adresem URL, kliknij przycisk OK w oknie dialogowym Edytuj URL.
Spostrzeżenie
Jeśli zasób jest kolorem, próbnik koloru jest automatycznie zamykany zaraz po pobraniu koloru. Aby pominąć próbnik kolorów bez pobierania koloru, wciśnij klawisz Esc.
Ponowne używanie zasobów w innym serwisie
Panel Zasoby wyświetla wszystkie zasoby (rozpoznanych typów) w bieżącej witrynie. Aby użyć zasobu z bieżącej witryny w innej witrynie, musisz skopiować go do innej witryny. Można skopiować pojedynczy zasób, zestaw pojedynczych zasobów lub cały folder Ulubionych naraz.
Może być konieczne zlokalizowanie pliku w panelu Pliki, który odpowiada zasobowi w panelu Zasoby przed przeniesieniem zasobu do lub ze zdalnej witryny.
Spostrzeżenie
panel Pliki może wyświetlać inną witrynę niż ta, którą pokazuje panel Zasoby. Dzieje się tak, ponieważ panel Zasoby jest powiązany z aktywnym dokumentem.
Zlokalizuj plik zasobu w panelu Pliki
W panelu Zasoby wybierz kategorię
zasobu, który chcesz znaleźć.
Kliknij prawym przyciskiem myszy (Windows) lub kliknij z přytrzymaniem klawisza Ctrl (Macintosh)
na nazwę lub ikonę zasobu w panelu Zasoby, a następnie wybierz opcję Znajdź w
witrynie z menu kontekstowego.
Spostrzeżenie
Funkcja Znajdź w witrynie nie jest dostępna dla kolorów i adresów URL, które nie odpowiadają plikom w witrynie.
Otwiera się panel Pliki z wybranym plikiem zasobu.Polecenie Znajdź w witrynie lokalizuje plik odpowiadający samemu zasobowi; nie lokalizuje plików, które używają tego zasobu.
Kopiowanie zasobów z panelu Zasoby do innej witryny
W panelu Zasoby wybierz kategorię
zasobu, który chcesz skopiować.
Kliknij prawym przyciskiem myszy (Windows) lub kliknij z klawiszem Control (Macintosh) jeden
lub więcej zasobów na liście Witryna lub Ulubione, wybierz
Kopiuj do witryny i wybierz nazwę witryny docelowej z podmenu zawierającego listę
wszystkich zdefiniowanych witryn.
Spostrzeżenie
Na liście Ulubione można skopiować folder Ulubione oraz poszczególne zasoby.
Zasoby są kopiowane do odpowiadających im lokalizacji w witrynie docelowej.Program Dreamweaver tworzy nowe foldery w hierarchii witryny docelowej w razie potrzeby.Zasoby są również dodawane do listy Ulubione witryny docelowej.
Spostrzeżenie
Jeśli skopiowany zasób to kolor lub URL, pojawi się tylko na liście Ulubione witryny docelowej.Ponieważ kolory i adresy URL nie odpowiadają plikom, nie ma pliku do skopiowania do innej witryny.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
