Rozdział 15. Opcje pracy grupowej
Już tak wiele wiesz o zarządzaniu, publikowaniu i obsłudze witryny, że teraz skupimy się na efektywnej współpracy z innymi, w celu budowania, publikowania i obsługi witryny.
Poznasz kolejne, nowe w programie Dreamweaver opcje, takie jak paleta Assets i możliwość integracji z oprogramowaniem nadzoru kodu źródłowego, w tym integracji z SourceSafe i WebDAV. Dowiesz się, jak konfigurować Design Notes, aby efektywnie komunikować się ze współautorami, bez konieczności bezpośredniej interakcji. Ponownie przeanalizujemy też system Check In/Check Out, który pozwala kontrolować dostęp do plików. Oto lista niektórych tematów poruszanych w tym rozdziale:
Zasoby witryny i ich wykorzystanie
Pobieranie plików do edycji i ich zwrot
Nadzór nad kodem źródłowym i wersjami plików
Efektywne wykorzystanie Design Notes
Raporty witryny
Początek ramki
Uwaga
Abyś mógł efektywnie korzystać z tego rozdziału, przeczytaj dwa wcześniejsze. Omawiają one podstawy tego, czym zajmiemy się w tym rozdziale.
Koniec ramki
Zasoby witryny
Nowością w programie Dreamweaver 4 jest paleta Assets. Pozwala ona przeglądać zastosowane w witrynie zasoby, aktualizować je i korzystać z nich. Znajdziesz w niej takie elementy jak obrazy, kolory, pliki multimedialne (programów Flash, Shockwave i innych) oraz skrypty. Jej użyteczność docenisz szczególnie wówczas, gdy któryś z tych elementów zechcesz zastosować na stronach witryny wielokrotnie. Paleta Assets, pokazana na rysunku 15.1, organizuje zasoby według typów, a nie hierarchicznej struktury katalogów, tak jak jest to w oknie Site. Paleta Assets korzysta z bufora witryny, dzięki czemu gromadzi dosłownie wszystkie elementy z podanych niżej kategorii.
Początek ramki
Uwaga
W witrynie są także inne typy „zasobów”, lecz na listach palety Assets pojawiają się tylko zasoby umieszczone na liście wypunktowanej.
Koniec ramki
Images - tu są obrazy w formatach gif, jpeg i png, które umieszczono na stronach witryny (informacje na temat korzystania z tych obrazów znajdziesz w rozdziale 6., „Praca z obrazami”). Są to pliki graficzne, które znajdują się w folderach witryny, bez względu na to, czy zdefiniowano w dokumentach połączenia do nich, czy też nie.
Colors - tutaj zgromadzone są wszystkie kolory użyte przy tworzeniu witryny, w tym kolory tła oraz kolory tekstu i połączeń.
Rys. 15.1. Paleta Assets |
|
URLs - są to zewnętrzne adresy URL, użyte w połączeniach zdefiniowanych w dokumentach witryny, w tym w połączeniach HTTP, HTTPS, FTP, JavaScript, do plików lokalnych, e-mail i gopher (w rozdziale 5., „Połączenia i nawigacja” znajdziesz więcej informacji na temat połączeń i ich stosowania w dokumentach).
Flash - ta kategoria obejmuje wszystkie sekwencje wideo programu Flash znalezione na stronach witryny. Są tu tylko pliki .swf, a nie ma plików .fla oraz szablonów .swt (w rozdziale 18., „Animacje Flash” znajdziesz więcej informacji na temat wykorzystania programu Flash).
Shockwave - ta kategoria obejmuje wszystkie sekwencje wideo programu Shockwave (rozdział 20., „Wstawianie obiektów multimedialnych” wyjaśnia czym one są).
Movies - są to sekwencje wideo w formacie Apple QuickTime lub MPEG (rozdział 20. opisuje te pliki multimedialne).
Scripts - tu pojawiają się pliki JavaScript i VBScript znalezione w Twojej witrynie. Na liście znajdą się tylko skrypty niezależne. Kod JavaScript umieszczony na stronach Twojej witryny zostanie zignorowany (więcej informacji na temat skryptów, a szczególnie tych w języku JavaScript, znajdziesz w rozdziale 19., „Tworzenie skryptów JavaScript w programie Dreamweaver”).
Templates - ta kategoria gromadzi szablony, budzące tyleż emocji pozytywnych, co negatywnych. Szablony, jeśli stosowane poprawnie, ułatwiają tworzenie i modyfikacje podobnych stron WWW. Zanim jednak oprzesz swoje strony wyłącznie na nich, musisz nauczyć się z nich korzystać (tym zajmiemy się w następnym punkcie).
Library - pozycje biblioteczne przypominają pod pewnymi względami szablony. Mianowicie zmiana jednej instancji pozwala dokonać aktualizacji wielu instancji. Zazwyczaj są to niewielkie elementy zawartości, często stosowane na stronach witryny (więcej na ich temat znajdziesz w następnym rozdziale). Odpowiednikiem tej kategorii w programie Dreamweaver 3 była paleta Library.
Kategorie Templates i Library palety Assets rządzą się nieco innymi prawami niż pozostałe. Następny rozdział omawia je szerzej. Aby przełączyć się między kategoriami, kliknij po prostu odpowiedni przycisk, z lewej strony palety.
Aby otworzyć okno palety Assets, wybierz pozycję Assets w menu Window lub naciśnij F11. Listy zasobów palety Assets budowane są w oparciu o bufor witryny. Przy każdym uruchomieniu programu i otwieraniu palety Assets, Dreamweaver interpretuje ponownie bufor witryny i tworzy listy. Z tego względu musisz przy definiowaniu witryny włączyć opcję buforowania. W rozdziale 13., „Okno Site i organizacja plików” znajdziesz informacje, jak to zrobić.
Zasoby palety Assets można wyświetlić w dwóch widokach: Site i Favorites. Aby przełączyć się między nimi, kliknij odpowiedni przycisk opcji, u góry palety. Widok Site prezentuje wszystkie zasoby całej witryny. Jest to także widok domyślny palety Assets. Z kolei widok Favourities, jak nazwa wskazuje, gromadzi Twoje ulubione zasoby. Możliwość przełączenia się do widoku Favorites poprawia organizację i pozwala uciec od bałaganu widoku Site, który towarzyszy dużym, skomplikowanym witrynom. Widoki Site i Favorites są dostępne we wszystkich kategoriach zasobów, za wyjątkiem kategorii Templates i Library. Jeśli zasoby Twojej witryny nie są wyświetlane, sprawdź dwie rzeczy:
Czy w oknie Site Definiotion zaznaczono pole wyboru Enable Cache.
Czy w oknie palety Assets wybrano opcję Site, a nie Favorites.
Początek ramki
Uwaga
W widoku Favorites na początku nie pojawiają się żadne zasoby - paleta jest pusta. Widok ten budujesz bowiem w trakcie prac nad witryną. Jest to powolny i mozolny proces, ale wysiłek włożony w tworzenie tej listy zostaje nagrodzony. Widokowi Favorites poświęcony jest jeden następnych punktów tego rozdziału, „Twoje ulubione zasoby”.
Koniec ramki
Czasami konieczne jest odświeżenie zawartości palety Assets. Co prawda jest ona na nowo tworzona przy każdym uruchomieniu programu, lecz jeśli wyeksportowano obraz z programu Fireworks do witryny lokalnej, gdy Dreamweaver był uruchomiony, paleta Assets musi zostać odświeżona, aby obraz pojawił się na liście.
Jeśli w oknie Site programu Dreamweaver usunąłeś plik lub ostatnią instancję innego zasobu (na przykład kolor lub adres URL), musisz odświeżyć paletę Assets. Sprawdź najpierw, czy wyświetlane są w niej zasoby witryny (czy wybrana jest opcja Site). Następnie kliknij w palecie prawym klawiszem myszki i wybierz z menu kontekstowego pozycję Refresh Site List. Identyczną pozycję znajdziesz w menu palety, które otworzysz klikając przycisk ze strzałką, umieszczony w prawym górnym rogu. Najprostszy sposób odświeżania list zasobów (i najłatwiejszy), polega na kliknięciu przycisku Refresh Site List, w dolnym prawym rogu palety.
Jeśli usunąłeś plik korzystając z narzędzi spoza programu Dreamweaver, takich jak Eksplorator Windows, musisz odświeżyć nie tylko zasoby palety Assets, lecz także bufor całej witryny. W taki sam sposób jak poprzednio wywołaj menu kontekstowe lub rozwiń menu palety Assets i wybierz pozycję Re-create Site List. Jeśli chciałbyś skorzystać z przycisku Refresh Site List palety Assets, zanim go klikniesz, wciśnij klawisz Ctrl. Pamiętaj, że w tym przypadku także jest istotne, aby wyświetlić w palecie Assets zasoby witryny, a nie ulubione.
Paleta Assets pozwala także na przeglądanie zasobów. Jest to prosty sposób podglądania stosowanych obrazów i innych zasobów. Aby dokonać takiego przeglądu zasobów, wskaż po prostu żądany element listy (patrz rysunek 15.2).
Rys. 15.2. Obraz GIF w panelu podglądu palety Assets |
|
Wstawianie zasobów
Najprostszym sposobem wstawienia zasobu na stronę WWW jest przeciągnięcie go z palety Assets do okna dokumentu wyświetlanego w widoku projektu (Design View). Druga prosta metoda polega na wskazaniu zasobu i naciśnięciu przycisku Insert, w lewym dolnym rogu okna palety. W przypadku pewnych zasobów istnieją dodatkowe możliwości. Na przykład adresy URL można stosować także do obrazów, a nie tylko do zaznaczonego tekstu. Szablony są stosowane do całej strony.
Aby wstawić zasób:
Sprawdź, czy paleta Assets jest aktualnie wyświetlana. Wybranie pozycji Assets z menu Window lub naciśnięcie F11 włącza lub wyłącza jej wyświetlanie.
Wybierz widok zasobów witryny (opcja Site) lub ulubionych (opcja Favorites), a następnie kategorię zasobów (patrz rysunek 15.3). Przypominam, że każdy z zasobów umieszczonych na listach widoku Favorites występuje także na listach zasobów witryny, aczkolwiek najczęściej stosowane zasoby warto przesunąć do widoku Favorites (musisz sam dokonać takiej konfiguracji).
Dla kategorii Templates i Library nie ma widoku Favorites. Pamiętaj także, że szablonu nie „wstawia się” na stronie lecz stosuje do niej. Stosowaniem szablonów zajmiemy się w dalszej części rozdziału.
Wyświetl okno dokumentu w widoku projektu (Design View) i umieść punkt wstawiania w miejscu wstawiania zasobu. Jeśli chcesz korzystać z metody przeciągania (drag-and-drop), którą opiszemy za chwilę, ten krok nie jest konieczny. Pamiętaj, że jeśli przeciągasz zasób do dokumentu, nie pojawi on się dokładnie tam, gdzie go upuścisz. Zostanie po prostu wstawiony w miejscu, któremu odpowiada bieżący wiersz kodu HTML. Aby precyzyjnie określić pozycję wstawianego zasobu, musisz wstawić go na warstwę lub do tabeli.
Jeśli jesteś gotowy do wstawienia zasobu, zaznacz go na liście palety Assets i kliknij przycisk Insert, tak jak pokazano na rysunku 15.3. Możesz także wskazać zasób, kliknąć prawym klawiszem myszki i wybrać z menu kontekstowego pozycję Insert, lub wybrać tę pozycję z menu palety Assets, rozwijanego za pomocą przycisku ze strzałką (patrz rysunek 15.4).
Wróćmy teraz do wspomnianej już metody przeciągania zasobów do okna dokumentu. Ta metoda polega na kliknięciu zasobu w oknie palety Assets i przeciągnięciu go w to miejsce strony, w którym ma być wstawiony. Jeśli wstawiasz skrypt i chcesz umieścić go w sekcji HEAD dokumentu, sprawdź najpierw, czy obok pozycji Head Content w menu View wyświetlany jest znacznik (jeśli nie, to wybierz tę pozycję).
Aby zastosować kolor lub adres URL do zaznaczonego tekstu:
Wyświetl dokument w widoku projektu (Design View) i zaznacz tekst (lub obraz - w przypadku adresu URL), do którego chcesz zastosować zasób.
Wybierz w palecie Assets odpowiednią kategorię zasobów: Colors lub URLs, a następnie zaznacz zasób, który chcesz zastosować.
Naciśnij przycisk Apply lub kliknij prawym klawiszem myszki i wybierz pozycję Apply z menu kontekstowego (patrz rysunek 15.5). Możesz także kliknąć zasób i przeciągnąć go na zaznaczony tekst.
Rys. 15.3. Wybieranie zasobu, który ma być wstawiany na stronie dokumentu |
|
Rys. 15.4. Wstawianie zasobu przy wykorzystaniu menu kontekstowego. Tak, to bardzo proste! |
|
Rys. 15.5. Do zaznaczonego tekstu zastosowano kolor |
|
Aby zastosować do strony szablon:
Wybierz w palecie Assets kategorię Templates, a następnie wskaż szablon, który chcesz zastosować do strony.
Kliknij po prostu przycisk Apply lub przeciągnij szablon do okna dokumentu. Szablon zostanie zastosowany do całej strony. Więcej informacji na temat szablonów znajdziesz w rozdziale 16. , „Biblioteki i szablony”. Uwaga: jeśli na stronie umieszczona jest już jakaś zawartość, zostaniesz zapytany, w którym z obszarów edycji chciałbyś ją umieścić. Niestety, na wstępie cała zawartość musi trafić do jednego obszaru. Po zastosowaniu szablonu, można ją później przesuwać do innych obszarów.
Dostosowywanie palety Assets
Masz wiele możliwości przystosowania palety Assets do własnych potrzeb. W widoku Favorites możesz przechowywać najczęściej stosowane zasoby. I tak na przykład, jeśli na wielu stronach umieszczasz logo firmy, przesuń je do widoku Favorites, a nie będziesz musiał przedzierać się przez wszystkie obrazy, z których skorzystałeś raz czy dwa, by znaleźć ten, którego szukasz. Widok ten jest tak pomocny w pracy, że poświęcono mu w tej książce odrębny podrozdział. Przeczytaj go, a dowiesz się więcej na jego temat.
Inna metoda to zmiana kolejności zasobów. Domyślnie, zasoby są uporządkowane w kierunku wstępującym według nazwy (w kolejności alfabetycznej, od A do Z) lub wartości (od najmniejszej do największej). Kolejność zasobów można zmienić klikając odpowiedni nagłówek. Klikając na przykład nagłówek Name posortujesz zasoby alfabetycznie, od A do Z, według nazwy. Kolejne kliknięcie odwróci kierunek sortowania na zstępujący, od Z do A. Jeśli sortowanie odbywa się względem kolumn zawierających dane liczbowe (na przykład rozmiar pliku), wartości zostaną uporządkowane od najmniejszej do największej.
Szerokość kolumn okna palety Assets także można zmieniać, co pokazano na rysunku 15.6. Umieść po prostu wskaźnik myszki nad linią oddzielającą nagłówki kolumn. Zauważysz, że wskaźnik zmieni się w dwukierunkową strzałkę. Kliknij i przeciągnij tę linię, nadając kolumnom żądaną szerokość. Zasadniczo ta metoda działa we wszystkich oknach z podziałem na kolumny.
Rys. 15.6. Zmiana szerokości kolumny Type |
|
Korzystanie z zasobów w innych witrynach
Ponieważ wiesz już mniej więcej jak korzystać z palety Assets, zastanówmy się nad możliwością przenoszenia zasobów w niej prezentowanych. Istnieje możliwość skopiowania wszystkich zasobów, przez co będzie można z nich korzystać w różnych witrynach, oraz pobrania lub przesłania wybranego zasobu.
Początek ramki
Uwaga
Paleta Assets prezentuje zasoby witryny zawierającej aktualnie aktywny dokument. Jeśli w oknie Site wyświetlane są pliki witryny A, lecz Ty akurat pracujesz nad dokumentem witryny B, w palecie Assets będą wyświetlane zasoby witryny B.
Koniec ramki
Należy także nadmienić, że paleta Assets jest paletą okna dokumentu, a nie okna Site. Oznacza to, że wyświetlane w niej zasoby należą do aktualnie aktywnego dokumentu, a nie do witryny prezentowanej w oknie Site. To może być na początku nieco dezorientujące, ale z czasem stanie się oczywiste.
Aby skopiować zasób z jednej witryny do drugiej:
Zaznacz zasób lub zasoby, które chcesz skopiować do innej witryny. W widoku Favorites możesz skopiować całe foldery zasobów.
Kliknij prawym klawiszem myszki, aby wyświetlić menu kontekstowe, lub kliknij przycisk ze strzałką, aby wyświetlić menu palety Assets.
Wybierz pozycję Copy, tak jak pokazuje rysunek 15.7. Pojawi się menu podrzędne z listą witryn, do których zasób może zostać skopiowany. Wybierz jedną z tych witryn.
Wybrane zasoby zostaną skopiowane do wskazanej witryny i umieszczone w folderach, które są odpowiednikami ulokowań w witrynie bieżącej. Brakujące foldery zostaną utworzone automatycznie. I jeszcze jedna ważna uwaga. Zasoby skopiowane w ten sposób są automatycznie umieszczane na listach widoku Favorites danej witryny.
Jeśli chciałbyś znaleźć ulokowanie jakiegoś zasobu w witrynie lokalnej:
Zaznacz na liście palety Assets szukane zasoby.
Kliknij prawym przyciskiem myszki, aby wyświetlić menu kontekstowe, lub kliknij przycisk ze strzałką, aby wyświetlić menu palety Assets.
Wybierz pozycję Locate in Site (patrz rysunek 15.8). Pojawi się okno Site, w którym szukane przez Ciebie zaznaczone (patrz rysunek 15.9).
Rys. 15.7. Kopiowanie zasobów do nowej witryny. Nie można skopiować zasobu do witryny, w której jest on zawarty |
|
Rys. 15.8. Określanie ulokowania zaznaczonych obrazów w witrynie lokalnej |
|
Rys. 15.9. Szukane obrazy zostały zaznaczone w panelu Local |
|
Opcja Location in Site nie jest dostępna dla kolorów i adresów URL. Wynika to z braku plików stowarzyszonych z tymi typami zasobów. Zasoby te są po prostu łańcuchami znaków zawartymi w plikach.
Edycja zasobów
Paleta Assets ułatwia także edycję zasobów. Jest szczególnie użyteczna, gdy masz wprowadzić zmiany w wielu obrazach, a nie uśmiecha Ci się przedzieranie przez złożoną strukturę katalogów okna Site.
Aby dokonać edycji zasobu z poziomu palety Assets:
Najprostszym i najszybszym sposobem otwarcia pliku zasobu do edycji jest kliknąć dwukrotnie jego nazwę. Plik zostanie otwarty w domyślnym edytorze, który został wskazany w ustawieniach okna Preferences (patrz rozdział 2., „Dostosowywanie programu Dreamweaver do własnych potrzeb”).
Inna metoda polega na zaznaczeniu zasobu i naciśnięciu przycisku Edit, w dolnym prawym rogu palety Assets. Pozycja Edit jest dostępna także w menu kontekstowym, które wywołasz klikając na zasobie prawym klawiszem myszki.
Typ wybranego do edycji zasobu określa, co będzie się działo później. W przypadku obrazów i sekwencji wideo programu Flash, uruchomiona zostanie aplikacja zewnętrzna, w której automatycznie otwarty zostanie wskazany plik. Wprowadź w nim zmiany i ponownie wyeksportuj plik do foldera witryny lokalnej, nadpisując starszą wersję.
Wybranie do edycji koloru i adresu URL nie spowoduje uruchomienia zewnętrznej aplikacji. W zasadzie te typy zasobów można edytować tylko wówczas, gdy zostały przeniesione do widoku Favorites. Tak więc w takim przypadku, przy edycji koloru zostanie wyświetlona paleta kolorów, taka jak na rysunku 15.10, z której możesz pobrać próbkę nowego koloru. Przy edycji adresu URL otworzy się okno dialogowe Edit URL, pokazane na rysunku 15.11, w którym możesz zmienić adres URL oraz jego nazwę - jest ona stosowana do opisania adresu URL. Pozycje biblioteczne i szablony zostaną otwarte do edycji bezpośrednio w oknie dokumentu.
Początek ramki
Uwaga
Między zasobem a pozycją biblioteczną istnieje zasadnicza różnica. W przypadku modyfikacji koloru z listy Favorite Assets, zmiany wpłyną tylko na przyszłe zastosowania tego koloru. W elementach, do których kolor już zastosowano, nie zajdą żadne zmiany. Mówiąc krótko, aktualizacja lub zmiana ulubionego koloru nie powoduje aktualizacji lub zmiany tego koloru na żadnej ze stron witryny. Inaczej jest dla elementów bibliotecznych. Tu nastąpi pełna aktualizacja. Te różnice musisz mieć na względzie, gdy planujesz elementy biblioteczne.
Koniec ramki
Rys. 15.10. Edycja koloru |
|
Rys. 15.11. Edycja adresu URL |
|
Początek ramki
Podpowiedź
Jeśli w trakcie edycji koloru zechcesz zrezygnować z wprowadzania zmian, naciśnij klawisz Esc.
Koniec ramki
Początek ramki
Uwaga
Jeśli pomimo dwukrotnego kliknięcia nazwy zasobu na liście palety Assets (lub po naciśnięciu przycisku Edit) nic się nie dzieje, sprawdź, czy w kategorii File Types/Editors okna dialogowego Preferences stowarzyszono z tym typem pliku aplikację.
Koniec ramki
Twoje ulubione zasoby
Ulubione zasoby, te prezentowane w widoku Favorites, to wybrane przez Ciebie elementy, które Dreamweaver oznacza i umieszcza w odrębnej kategorii. Wszystkie je można znaleźć także gdzieś na listach widoku Site.
Zazwyczaj, im większa staje się witryna, tym dłuższa jest lista jej zasobów. W przypadku witryny o, powiedzmy, trzydziestu stronach, samych obrazów będzie mniej więcej 50 lub 60, jeśli nie więcej! Jak można sobie wyobrazić, posługiwanie się tak długą listą staje się niewygodne i spowalnia pracę. Z tego właśnie powodu widok Favorites jest tak lubiany. Możesz umieścić w nim te zasoby, z których korzystasz najczęściej. I tak, nagle, Twoja lista pięćdziesięciu obrazów redukuje się do tuzina lub najwyżej kilku najczęściej stosowanych w dokumentach obrazów.
Dla różnych ludzi widok Favorites ma różną wartość, lecz podany przykład nie jest rzadki. Zajmiemy się teraz organizacją ulubionych zasobów i pokażemy, jak wykorzystać specyficzne dla tego widoku opcje.
Dodawanie i usuwanie zasobu do listy Favorite
Oto kilka sposobów, które pozwalają dodać zasób do listy ulubionych:
Zaznacz w widoku Site palety Assets zasób, który chcesz dodać, kliknij prawym klawiszem myszki i wybierz z menu kontekstowego pozycję Add to Favorites (patrz rysunek 15.12). Tę samą pozycję znajdziesz w menu palety Assets, które rozwiniesz klikając przycisk ze strzałką, w prawym górnym rogu okna palety.
Zaznacz w oknie Site zasób, który chcesz dodać. Kliknij prawym klawiszem myszki i wybierz z menu kontekstowego pozycję Add to [typ zasobu] Favorites. Jeśli wśród zaznaczonych zasobów znajdą się takie, które nie są rozpoznawane lub wyświetlane przez paletę Assets, zostaną one pominięte.
Zaznacz w oknie dokumentu (wyświetlanego w widoku projektu) zasób (lub obiekt), który chcesz dodać. Kliknij prawym klawiszem myszki i wybierz z menu kontekstowego pozycję Add to [typ zasobu] Favorites. Można dodawać tylko zasoby znajdujące się na listach palety Assets. Jeśli dodawanym elementem jest tekst, postać polecenia menu kontekstowego będzie taka: Add to Color Favorites. Jeśli jednak jest to tekst połączenia, pojawi się polecenie Add to URL Favorites.
Efekty pokazuje rysunek 15.13.
Rys. 15.12. Do listy ulubionych zasobów dodawanych jest sześć obrazów |
|
Rys. 15.13. Twoje ulubione obrazy |
|
Aby usunąć zasób z listy Favorites:
Zaznacz zasób, który chcesz usunąć z listy Favorites.
Kliknij przycisk Remove from Favorites. Możesz także kliknąć prawym klawiszem myszki i wybrać pozycję Remove from Favorites z menu kontekstowego. Zaznaczony zasób można też usunąć naciskając klawisz Delete. Istnieje także możliwość usunięcia wszystkich folderów Favorites wraz z zawartością.
Zasoby usuwane z listy Favorites nie są usuwane fizycznie. Znikają jedynie z listy Favorites.
Grupowanie zasobów Favorites
Aby dodatkowo uporządkować zasoby, możesz pogrupować je w folderach. W ten sposób na przykład obrazy stosowane w systemie nawigacji trafią do jednego foldera, a pozostałe do innego.
Utworzenie w widoku Favorites folderów i umieszczenie w nich zasobów nie zmienia w żaden sposób ulokowania rzeczywistych plików, reprezentowanych za pomocą ikon zasobów, w strukturze katalogów witryny. Daje jedynie możliwość dalszego zorganizowania zasobów.
Aby utworzyć w widoku Favorites folder i umieścić w nim zasoby:
Wyświetl zasoby palety Assets w widoku Favorites (o ile jeszcze tego nie zrobiłeś) - wyświetl paletę Assets i kliknij przycisk opcji Favorites.
Kliknij ikonę New Favorites Folder - znajdziesz ją w prawym dolnym rogu okna palety. Pozycja New Favorites jest także dostępna w menu kontekstowym. Wywołasz je klikając prawym klawiszem myszki na zasobie.
Pozostaje jedynie wpisać nazwę foldera i przeciągnąć do niego zaznaczone zasoby (patrz rysunek 15.14).
Rys. 15.14. „Wirtualne” foldery pomagają zorganizować zasoby |
|
Tworzenie nowych zasobów
W oknie palety Assets istnieje także możliwość zdefiniowania nowego zasobu: nowego koloru, adresu URL, szablonu lub elementu bibliotecznego. Aby utworzyć nowy kolor lub adres URL, konieczne jest wyświetlenie zasobów w widoku Favorites. W przypadku szablonów i elementów bibliotecznych nie ma takiej potrzeby, bowiem te zasoby nie mają listy Favorites.
Aby utworzyć nowy kolor, wyświetl zasoby palety Assets w widoku Favorites i wybierz kategorię Color. Kliknij przycisk New Color, w prawym dolnym rogu okna palety. Uzyskasz ten sam efekt wybierając pozycję New Color z menu kontekstowego lub menu palety Assets, rozwijanego za pomocą przycisku ze strzałką, w prawym górnym rogu okna palety. Wyświetlona zostanie paleta kolorów, z której możesz pobrać próbnikiem nowy kolor. Wybranemu kolorowi możesz przypisać nazwę.
Aby zdefiniować nowy adres URL, wyświetl zasoby palety Assets w widoku Favorites i wybierz kategorię URLs. Kliknij przycisk New URL, w prawym dolnym rogu okna palety. Uzyskasz ten sam efekt wybierając pozycję New URL z menu kontekstowego lub menu palety Assets, rozwijanego za pomocą przycisku ze strzałką, w prawym górnym rogu okna palety. Wyświetlone zostanie okno dialogowe New URL, w którym możesz wpisać nowy adres URL i nadać mu nazwę.
Początek ramki
Uwaga
Zwróć uwagę, że dopóki nie zastosujesz utworzonego w widoku Favorites zasobu - koloru lub adresu URL - na stronach witryny, nie pojawia się on na widoku Site palety Assets.
Koniec ramki
Aby utworzyć nowy szablon, wybierz kategorię Templates. Kliknij przycisk New Template, w prawym dolnym rogu okna palety. Uzyskasz ten sam efekt wybierając pozycję New Template z menu kontekstowego lub menu palety Assets, rozwijanego za pomocą przycisku ze strzałką, w prawym górnym rogu okna palety. Spowoduje to utworzenie nowego pliku *.dwt i umożliwi nadanie mu nazwy. Ten wstępnie przygotowany plik wymaga następnie otwarcia i określenia obszarów edycji.
Aby utworzyć nową pozycję biblioteczną, wybierz kategorię Library. Kliknij przycisk New Library Item, w prawym dolnym rogu okna palety. Uzyskasz ten sam efekt wybierając pozycję New Library Item z menu kontekstowego lub menu palety Assets, rozwijanego za pomocą przycisku ze strzałką, w prawym górnym rogu okna palety. Spowoduje to utworzenie nowego pliku *.lbi i umożliwi nadanie mu nazwy. Ten wstępnie przygotowany plik wymaga następnie otwarcia i zmodyfikowania w zwykły sposób.
Początek ramki
Uwaga
Szablony i pozycje biblioteczne omawiane są szerzej w następnym rozdziale.
Koniec ramki
Korzystanie z systemu Check In/Check Out
Gdy zaczynasz tworzyć strony WWW, jesteś najczęściej jedyną osobą odpowiedzialną za ich powstanie. Później jednak, często pojawia się konieczność współpracy z innymi, aby wspólnym wysiłkiem zwiększyć do maksimum uzyskany efekt. Na przykład jedna osoba pracuje nad projektem, inna zajmuje się oprogramowaniem skryptowym, a jeszcze inna jest odpowiedzialna za napisanie kodu HTML. Gdyby dwie osoby jednocześnie pracowały nad tym samym plikiem, byłoby to tylko szkodliwe. Modyfikacje jednego z projektantów byłyby nadpisywane przez zmiany wprowadzone przez drugiego, co w efekcie prowadziłoby do marnowania wysiłku. Całe szczęście Dreamweaver oferuje własny sposób obsługi korzystania z plików, kontroluje kto pobrał je do edycji i umożliwia kontakt z tymi osobami w przypadku, gdy konieczny jest natychmiastowy dostęp do pliku.
Początek ramki
Uwaga
Oczywiście, jeśli jesteś jedyną osobą pracującą nad witryną, prawdopodobieństwo, że będziesz korzystać z opcji pracy grupowej jest znikome. Jednak tam, gdzie współpracuje kilka osób, opcje te zapobiegają wzajemnemu niszczeniu efektów swojej pracy.
Koniec ramki
W przypadku pobrania do edycji pliku z serwera, inni współpracownicy od razu wiedzą, że aktualnie korzystasz z pliku, a Dreamweaver nie pozwoli im na edycję (a przynajmniej nie tak łatwo). Dzięki temu zawsze istnieje tylko jedna wersja pliku, a zmiany wprowadzane przez różnych członków zespołu nie są wzajemnie nadpisywane. Gdy plik jest pobierany do edycji, Dreamweaver umieszcza obok jego nazwy w oknie Site znacznik (patrz rysunek 15.15). Czerwony znacznik oznacza, że plik pobrany został przez kogoś innego, natomiast znacznikiem zielonym oznaczane są pliki, które sam pobrałeś. W oknie Site pojawia się także nazwa osoby, która pobrała plik. Jeśli ta osoba udostępniła adres e-mail, możesz kliknąć jej nazwę w oknie Site i skierować list bezpośrednio do tego właśnie użytkownika.
Rys. 15.15. Pliki pobrane przez Ciebie do edycji są oznaczone zielonymi znacznikami, natomiast obok plików zwróconych pojawia się ikona kłódki |
|
Zwrócenie pliku do serwera powoduje, że Dreamweaver tworzy tylko jego wersję lokalną. Zapobiega to wprowadzaniu zmian w pliku bez „zgody” na jego edycję. Zwrócony plik może być pobrany do edycji przez każdą z osób pracujących nad projektem. Jednak w takim przypadku Dreamweaver nie nakłada na wersję odległą atrybutu tylko do odczytu, jak mógłbyś się spodziewać. Powinieneś więc być ostrożny i pamiętać o tym, szczególnie jeśli przy obsłudze witryny korzystasz z innych aplikacji (na przykład z klienta FTP). W takiej sytuacji można bardzo łatwo spowodować zastąpienie plików zdalnych, wersjami lokalnymi.
Początek ramki
Podpowiedź
Jeśli korzystasz przy obsłudze witryny programów z innych niż Dreamweaver, także możesz w prosty sposób sprawdzić, czy pliki zostały pobrane do edycji. Obok każdego z takich plików Dreamweaver umieszcza plik .lck. Jeśli na przykład pobrałeś do edycji plik about.htm, Dreamweaver utworzy plik about.htm.lck, aby poinformować Cię, że nie powinieneś nadpisywać pliku about.htm, bowiem został on pobrany do edycji i jest w trakcie opracowywania. Zazwyczaj oba pliki są umieszczone na liście obok siebie, jednak z poziomu programu Dreamweaver pliki .lck nie są widoczne. Pojawią się w programie FTP lub oknie Telnet (UNIX). Będą także wyświetlane w Eksploratorze Windows, jeśli w opcjach konfiguracyjnych włączono wyświetlanie wszystkich plików.
Koniec ramki
Tak więc kiedy system Check In/Check Out sprawdza się najlepiej? Jest on najpełniej wykorzystywany w środowisku pracy grupowej, tam gdzie dany projekt jest realizowany przez wieloosobowy zespół - w takiej bowiem sytuacji zdarza się często, że kilka osób planuje pracować nad tymi samymi plikami lub dokumentami. Powinien także być stosowany (a przynajmniej mógłby) tam, gdzie dostęp do plików i możliwość ich zmiany istnieją z więcej niż jednego komputera. System będzie też użyteczny w przypadku małych biur i firm, gdzie jedna osoba wprowadza zmiany w witrynie, lecz ma do dyspozycji kilka stacji roboczych. Należy się także zastanowić nad możliwością skorzystania z niego na komputerze przenośnym, jeśli chcesz mieć pewność, że nikt niechcący nie zmodyfikuje plików na komputerze w pracy lub w domu.
Początek ramki
Jeśli korzystasz z komputera przenośnego, pamiętaj o pobraniu wszystkich plików, nad którymi zamierzasz pracować w trakcie wyjazdu. Może się zdarzyć, że nie będziesz miał dostępu do serwera. Jest to niemal pewne, jeśli witryna znajduje się na serwerze w sieci lokalnej. W najgorszym przypadku pozostaje Ci jeszcze zignorowanie blokady edycji (Dreamweaver daje taką możliwość przy próbie edycji) i skorzystanie z innego klienta FTP, aby pliki zwrócić.
Koniec ramki
Konfiguracja systemu Check In/Check Out
System systemu pobierania i zwracania plików, Check In/Check Out, staje się dostępny dopiero po skonfigurowaniu ustawień Remote Info w oknie Site Definition. Wynika to z faktu, że plik jest pobierany do edycji z serwera (do którego wszyscy pracujący nad projektem mają dostęp), a nie z foldera witryny lokalnej. Konfigurowanie witryny odległej było omawiane w rozdziale 13.
Aby zdefiniować ustawienia systemu pobierania i zwracania plików:
Wybierz pozycję Define Sites z menu Site, wskaż witrynę, której pliki chcesz modyfikować i naciśnij przycisk Edit.
W oknie Site Definition wybierz kategorię Remote Info. Metody dostępu pozwalające na pobieranie plików witryny z serwera i ich zwrot to FTP i Local/Network.
Zaznacz pole wyboru Enable File Check In and Check Out. Pojawią się wówczas dodatkowe ustawienia (patrz rysunek 15.16). Oto ich opis:
Check Out Files When Opening - jeśli zaznaczysz to pole wyboru, pliki otwierane w oknie Site dwukrotnym kliknięciem, zostaną automatycznie oznaczone jako pobrane do edycji (Check Out). W przypadku otwierania pliku z poziomu menu File (pozycja Open), zostaniesz poproszony o pobranie pliku za pomocą polecenia Check Out lub otwarcie go w wersji tylko do odczytu, nawet jeśli opcja ta jest zaznaczona.
Check Out Name - jest to nazwa użytkownika, która zostanie wyświetlona obok nazwy pliku, który został pobrany do edycji. Powinieneś tu podać swoje nazwisko - jeśli występujesz o pliki tylko z jednego komputera, lub na przykład lokalizację, coś w rodzaju Jan-Dom lub Jan-Praca. Dzięki temu członkowie zespołu dowiedzą się nie tylko kto pobrał pliki, lecz także gdzie go szukać.
Email Address - wpisz w tym polu tekstowym swój adres e-mail. Wówczas, w przypadku pobrania pliku do edycji, Twoja nazwa użytkownika pojawi się w oknie Site jako niebieski podkreślony tekst - połączenie. Klikając połączenie inni członkowie zespołu mogą przesłać Ci wiadomość na temat pliku. Otworzy się domyślna aplikacja pocztowa, w której polu To umieszczony będzie Twój adres, a w polu Subject pojawią się nazwy pliku i witryny, z której plik pochodzi. Gorąco polecam wykorzystanie tej opcji mechanizmu Check In/Check Out.
Po zdefiniowaniu ustawień, kliknij OK.
Rys. 15.16. Konfigurowanie ustawień opcji Check In/Check Out |
|
Pobieranie i zwracanie plików
Pobieranie i zwracanie plików jest możliwe zarówno w oknie Site, jak i w oknie dokumentu. Ponadto, jeśli w trakcie edycji stwierdzisz, że rezygnujesz z wprowadzonych zmian, masz możliwość efektywnego „cofnięcia” funkcji Check Out. Poszczególne metody pobierania plików do edycji i ich zwracania zostały omówione w ćwiczeniu 15.1.
Ćwiczenie 15.1. Pobieranie i zwracanie plików
W tym ćwiczeniu pobierzesz parę plików i zwrócisz je, aby zaznajomić się z systemem Check In/Check Out. Ćwiczenie podzielone jest na dwie części: w pierwszej pliki zostaną pobrane z serwera, w drugiej, zwrócone.
Część I. Pobieranie plików
Sprawdź, czy witryna, której pliki chcesz pobrać do edycji, została zaznaczona. System Check In/Check Out musi być włączony i skonfigurowany. Zajmowaliśmy się tym we wcześniejszej części tego rozdziału.
Zaznacz w oknie Site pliki, które chcesz pobrać do edycji (patrz rysunek 15.17). Wybierz następnie pozycję Check Out z menu Site lub zastosuj skrót klawiaturowy Ctrl+Alt+Shift+D. Możesz także kliknąć przycisk Check Out na pasku narzędzi okna Site lub wybrać pozycję Check Out z menu kontekstowego (aby wywołać to menu, kliknij prawym klawiszem myszki na zaznaczonych plikach, które chcesz pobrać do edycji).
Jeśli chcesz pobrać także pliki zależne, stowarzyszone z każdym z pobieranych plików, kliknij przycisk Yes w oknie komunikatu Dependent Files. W przeciwnym razie kliknij No.
Po pobraniu przez Ciebie plików, pozostali członkowie zespołu nie będą mogli wprowadzać w nich zmian z poziomu programu Dreamweaver. Modyfikowanie i usuwanie plików jest jednak nadal możliwe za pomocą innych aplikacji, takich jak klient FTP lub edytory HTML. Jeśli w witrynie stosowany jest system Check In/Check Out, korzystając z zewnętrznego oprogramowania należy zachować szczególną ostrożność.
Rys. 15.17. Pobieranie kilku plików do edycji |
|
Część II. Zwracanie plików na serwer
To druga część ćwiczenia. Pobrane do edycji pliki zostaną teraz zwrócone na serwer.
Upewnij się, że witryna, której pliki chcesz zwrócić, została zaznaczona.
Zaznacz w oknie Site pliki, które chcesz zwrócić. Muszą to być pliki wcześniej pobrane do edycji. Wybierz następnie pozycję Check In z menu Site lub zastosuj skrót klawiaturowy Ctrl+Alt+Shift+U. Możesz także kliknąć przycisk Check In na pasku narzędzi okna Site lub wybrać pozycję Check In z menu kontekstowego (aby wywołać to menu, kliknij prawym klawiszem myszki na jednym ze zwracanych plików).
Jeśli chcesz zwrócić także pliki zależne, stowarzyszone z każdym pobranych plików, kliknij przycisk Yes w oknie komunikatu Dependent Files. W przeciwnym razie kliknij No.
Użytkownicy programu Dreamweaver zapominają często o konieczności zwrócenia plików. W zamian zwykli stosować polecenie Put. Choć w ten sposób pliki kopii odległej zostaną zaktualizowane, to nadal będą one traktowane jako pobrane i taki będą miały status. Jeśli zapomnisz o zwróceniu plików, może się zdarzyć, że otrzymasz od współpracowników listy e-mail rozważające przyczyny opóźnień w pracach nad plikami, które zakończyłeś już dwa dni temu.
Aby „cofnąć” polecenie pobrania pliku do edycji, zaznacz plik (lub pliki), w którym chcesz zaniechać wprowadzania zmian, i wybierz w menu Site pozycję Undo Check Out. Cofnięcie operacji Check Out to nie to samo, co zwrócenie pliku poleceniem Check In, ponieważ wersja zwracanego pliku jest w tym przypadku taka sama jak wersja pliku pobranego. Pozycję Undo Check Out możesz także wybrać w menu kontekstowym - kliknij prawym klawiszem na zaznaczonym pliku (lub plikach) i wybierz tę pozycję z menu, które się ukaże. Wybranie polecenia Undo Check Out spowoduje zamknięcie plików, zarzucenie wszelkich wprowadzonych w nich modyfikacji i przywrócenie wersji, które istniały przed pobraniem plików do edycji. Lokalne kopie plików staną się kopiami tylko do odczytu, a pozostali członkowie zespołu uzyskają możliwość pobierania plików do edycji.
Natomiast jeśli zwrócisz w ten sposób aktualnie aktywny dokument, zostanie on zapisany (zgodnie z wprowadzonymi ustawieniami - patrz rozdział 2) i przesłany do serwera. Jeśli pobierzesz w ten sposób aktualnie aktywny dokument, kopia na serwerze nadpisze go, a wszelkie zmiany, które wprowadziłeś w lokalnej wersji zostaną utracone.
Opcje nadzoru nad wersją pliku i kodem źródłowym
Nowością w wersji 4 programu Dreamweaver jest wsparcie dla systemów nadzoru wersji plików i kodu źródłowego, takich jak oprogramowanie korzystające z Microsoft Visual SourceSafe i WebDAV. Jeśli nie wiesz do czego te aplikacje służą, to mówiąc najbardziej zwięźle, stanowią one „profesjonalne” mechanizmy Check In/Check Out. Oferują znacznie większą ochronę przed nadpisywaniem plików bez zezwolenia i są przeznaczone szczególnie dla dużych grup. Zazwyczaj w małych biurach nie ma potrzeby stosowania takich systemów. Pojawia się ona natomiast w przypadku wielkich korporacji.
Integrację z Visual SourceSafe i WebDAV można uaktywnić w ustawieniach kategorii Remote Info okna dialogowego Site Definition (wybierz pozycję Define Sites w menu Site), wybierając odpowiednią pozycję z listy rozwijanej Access. Po skonfigurowaniu tych ustawień, możesz nadal korzystać ze zwykłych opcji obsługi korzystania z plików, a więc z poleceń Check Out i Check In.
Początek ramki
Uwaga
Między Visual SourceSafe a WebDAV jest kilka zasadniczych różnic, których musisz być świadom, podejmując decyzję odnośnie zastosowania u siebie któregoś z tych systemów. VSS jest rozprowadzany przez Microsoft i, jako taki, jest oprogramowaniem komercyjnym. Prowadzi także bazę danych informacji o pliku i jego stanie na potrzeby mechanizmów kontroli. Natomiast WebDAV to rozprowadzany bezpłatnie „standard otwarty”, który współpracuje z istniejącym serwerem sieciowym.
Koniec ramki
Integracja z Visual SourceSafe
Jeśli decydujesz się na zastosowanie rozwiązania opartego o Visual SourceSafe, konieczne będzie zainstalowanie kilku kluczowych elementów lub przygotowanie ich do instalacji. Konfiguracja Visual SourceSafe jest bardzo prosta, o ile korzystasz z bazy danych SourceSafe za pomocą komputera pracującego pod kontrolą systemu Windows. Wszystko, co jest Ci potrzebne, to klient Visual SourceSafe 6.0. W przypadku komputerów Macintosh proces konfiguracji jest nieco bardziej złożony. Musisz zainstalować dwa programy narzędziowe: ToolServer i MetroWerks ToolServer Tool. Pod adresem www.macromedia.com/support/dereamweaver/ts/documents/vss_on_mac.htm dowiesz się dokładnie gdzie je znaleźć.
Ponieważ rozwiązanie MetroWerks jest kompatybilne tylko z bazami danych 5.0 Visual SourceSafe (VSS), warto uruchamiać serwer VSS w trybie zgodności z wersją 5.0.
Ćwiczenie 15.2. Konfigurowanie ustawień integracji z Visual SourceSafe
W tym ćwiczeniu pokażemy Ci, jak szybko skonfigurować Visual SourceSafe pod kątem obsługi witryny.
Wyświetl ustawienia Remote Info okna dialogowego Site Definition. Informacje na ten temat znajdziesz w rozdziale 13., w punkcie „Definiowanie witryny”.
Wybierz z menu rozwijanego Access pozycję SourceSafe Database.
Kliknij przycisk Settings, który pojawi się obok menu Access. Otworzy się okno dialogowe Open SourceSafe Database.
W polu Database Path wpisz ścieżkę dostępu do bazy danych SourceSafe lub kliknij przycisk Browse i wskaż plik srcsafe.ini. Plik ten inicjalizuje SourceSafe.
W polu Project podaj projekt SourceSafe, który ma stanowić podstawowy element witryny odległej. Uwaga: w tym polu musi pojawić się $/, lecz reszta jest opcjonalna.
W pozostałych polach podaj nazwę użytkownika i hasło. Pole wyboru Save pozwala zapisać hasło. Jeśli pozostawisz je puste, hasło będzie wymagane przy każdym podłączeniu do bazy danych. Naciśnij OK.
Zaznacz pole wyboru Check Out Files When Opening, jeśli chcesz, aby Dreamweaver oznaczał jako pobrane z bazy danych SourceSafe pliki otwierane dwukrotnym kliknięciem nazwy w oknie Site. Naciśnij OK, aby zapisać ustawienia.
Możesz teraz łączyć się z bazą danych SourceSafe i rozłączać, zachowując nadal możliwość korzystania ze „zwykłych” poleceń kontroli dostępu do plików, takich jak Get, Put, Check In, Check Out i Refresh.
Jeśli masz wątpliwości odnośnie któregokolwiek z tych ustawień, skontaktuj się z administratorem systemu lub sieci. Możesz także sięgnąć do dokumentacji Microsoft Visual SourceSafe.
Integracja z WebDAV
Moim zdaniem WebDAV to świetne narzędzie. Można go zintegrować z serwerami HTTP, takimi jak Apache (www.apache.org) i Microsoft Internet Information Server (IIS). WebDAV (World Wide Web Distributed Authoring and Versioning) jest bardziej protokołem niż aplikacją. Definiuje dodatkowe metody HTTP oraz nagłówki i stanowi rozszerzenie protokołu HTTP/1.1.
Aby skonfigurować ustawienia integracji witryny z WebDAV:
Wyświetl ustawienia Remote Info okna dialogowego Site Definition. Informacje na ten temat znajdziesz w rozdziale 13., w punkcie „Definiowanie witryny”.
Wybierz z menu rozwijanego Access pozycję WebDAV.
Kliknij przycisk Settings, który pojawi się obok menu Access. Otworzy się okno dialogowe WebDAV Connection.
W polu URL wpisz pełny adres URL witryny, z którą chcesz się połączyć. Pełny adres zawiera człon określający protokół (http://) oraz katalog, jeśli nie po prostu katalog główny. Ważna podpowiedź: żądaniom HTTP serwer przydziela zazwyczaj port 80. Jeśli łącząc się z serwerem WebDAV chcesz korzystać z innego portu niż port 80 (co zalecam), dopisz po prostu do adresu URL :NumerPortu. Oto przykład: http://webdav.org:81 (adres bez numeru portu to: http://webdav.org)
Podaj w odpowiednich polach nazwę użytkownika i hasło dostępu do serwera. Jest to hasło autoryzacji użytkownika na serwerze. Tutaj także możesz wybrać opcję zapisania hasła, abyś nie musiał podawać go przy kolejnych sesjach.
W polu tekstowym Email podaj swój adres e-mail. Na serwerze obsługującym WebDAV służy on do identyfikacji osoby korzystającej z danego pliku i umożliwia kontakt z nią za pośrednictwem okna Site. Po skonfigurowaniu tych opcji, naciśnij OK.
Zaznacz pole wyboru Check Out Files When Opening, jeśli chcesz, aby Dreamweaver oznaczał jako pobrane z serwera WebDAV pliki otwierane dwukrotnym kliknięciem nazwy w oknie Site. Naciśnij OK, aby zapisać ustawienia.
Możesz teraz łączyć się z serwerem WebDAV i rozłączać, zachowując nadal możliwość korzystania ze „zwykłych” poleceń kontroli dostępu do plików, takich jak Get, Put, Check In, Check Out i Refresh.
Jeśli masz wątpliwości odnośnie któregokolwiek z tych ustawień, skontaktuj się z administratorem systemu lub sieci. Możesz także sięgnąć do dokumentacji serwerów WebDAV (co jest raczej nie do uniknięcia). Pomoc znajdziesz także pod adresem www.webdav.org.
Korzystanie z Design Notes
Design Notes - dziennik projektu - to narzędzie, które pozwala współpracownikom pracującym nad tymi samymi plikami dołączać do plików notatki. Oznacza to możliwość śledzenia zmian wprowadzanych w dokumentach, odwzorowywania postępu prac oraz aktualizacji i zmiany czasu ukończenia dokumentu. To tylko kilka z wielu udostępnianych przez Design Notes możliwości. W projektach prowadzonych przez jedną osobę uwagi Design Notes pozwalają śledzić zaawansowanie prac nad dokumentem lub obrazem oraz umożliwiają odświeżenie pamięci odnośnie aktualnie realizowanej części projektu.
Design Notes jest więc dziennikiem projektu, który potencjalnie może przechowywać niemal dowolny typ informacji na temat pliku. W naszej dyskusji skupimy się na zapisywaniu takich informacji jak stan pliku i informacje ogólne. Zobaczymy także, w jaki sposób można, korzystając z Design Notes, dostosować do własnych wymagań kolumny w widoku Site Files. Wreszcie zajmiemy się integracją Design Notes z Fireworks 4 i wykorzystaniem tego tandemu.
Zastosowania ogólne
Design Notes to narzędzie uniwersalne. Pozwala dołączać uwagi do dokumentów i obrazów. Można je także przypisywać innym obiektom, takim jak sekwencje filmowe Flash, aplety i różnorodne pliki multimedialne. Zanim zaczniesz korzystać z Design Notes, musisz nauczyć się konfigurować to narzędzie pod kątem swojej witryny:
Otwórz okno dialogowe Site Definition (wybierz pozycję Define Sites w menu Site, wskaż nazwę witryny i kliknij przycisk Edit).
Wyświetl w nim ustawienia kategorii Design Notes.
Sprawdź, czy zaznaczone zostało pole wyboru Maintain Design Notes, tak jak pokazuje rysunek 15.18. Zaznaczenie tego pola jest bezwzględnie konieczne, aby w witrynie można było korzystać z Design Notes.
Jeśli chcesz umożliwić współpracownikom przeglądanie Twoich notatek (co jest zalecane) i współdzielić je z innymi (w środowisku pracy grupowej), zaznacz pole wyboru Upload Design Notes for Sharing. Jest to zalecane, jeśli nad jednym projektem pracuje wielu projektantów. Współdzielenie notatek daje możliwość szybkiego i prostego wglądu w stan dokumentu lub obrazu i pozwala zobaczyć, co jeszcze trzeba zrobić. Należy jednak zdawać sobie sprawę, że aktualizacja dziennika Design Notes spowolni transfer pliku, co będzie szczególnie widoczne w przypadku łączy o niskiej przepustowości. Jeśli aktualizacja nie jest z Twojego punktu widzenia konieczna, nie zaznaczaj tego pola, aby nie obciążać łączy.
Rys. 15.18. Kategoria Design Notes okna dialogowego Site Definition |
|
Choć opcja Clean Up, dostępna w kategorii Design Notes okna Site Definition, nie ma wiele wspólnego z konfigurowaniem dostępu do Design Notes z poziomu Twojej witryny, to umożliwia ona usunięcie wszystkich notatek, które nie są stowarzyszone z plikiem (patrz rysunek 15.19). Pozwala więc utrzymać porządek.
Rys. 15.19. Usuń notatki, z których nie będziesz korzystać |
|
Po skonfigurowaniu dostępu do Design Notes, możesz dodać notatkę do dowolnego dokumentu witryny:
Wybierz pozycję Design Notes z menu File lub z menu kontekstowego (kliknij na pliku prawym klawiszem myszki, aby wywołać to menu).
Jeśli korzystasz z mechanizmu Check In/Check Out, aby móc dołączyć do pliku notatkę (lub zmienić istniejącą), najpierw musisz pobrać plik do edycji, korzystając z polecenia Check Out.
Wyświetlone zostanie okno dialogowe Design Notes. Ma ono dwie zakładki.
Pierwsza z zakładek, o etykiecie Basic Info (pokazana na rysunku 15.20), prezentuje ulokowanie pliku i jego nazwę. Zawiera także rozwijane menu Status (jego pozycje określają stan zaawansowania prac nad plikiem) oraz wielowierszowe pole tekstowe Notes - jest to miejsce, w którym możesz wpisać swoje uwagi i komentarze. Możesz także kliknąć małą ikonę kalendarza, przy prawym górnym narożniku pola Notes, aby automatycznie wstawić aktualną datę. Jeśli chcesz, aby notatki były wyświetlane przy każdym otwarciu pliku do edycji, zaznacz pole wyboru Show When File Is Opened.
Zakładka All Info, pokazana na rysunku 15.21, wyświetla wszystkie dołączone do pliku uwagi (w tym także o stanie pliku (status) i uwagi wprowadzone z poziomu zakładki Basic Info). Aby wpisać nową uwagę, podaj w odpowiednich polach parę nazwa-wartość, a następnie kliknij znak plus (+), aby ją dodać. Z kolei przycisk ze znakiem minus (-) umożliwia usunięcie uwagi aktualnie zaznaczonej w polu tekstowym Info.
Po dodaniu lub usunięciu uwag, naciśnij OK.
Rys. 15.20. W zakładce Basic Info określono stan prac nad plikiem (status = draft) i dodano komentarz tekstowy |
|
Rys. 15.21. Uwagi z zakładki Basic Info (patrz poprzedni rysunek) pojawiają się w zakładce All Info |
|
Początek ramki
Podpowiedź
Jeśli nie masz doświadczenia w posługiwaniu się Design Notes lub problem sprawia Ci posługiwanie się asocjacjami nazwa-wartość, możesz skorzystać z zakładki Basic Info i określić stan pliku wybierając go z listy rozwijanej Status. Następnie możesz sprawdzić w zakładce All Info korelację między nazwą i wartością i zobaczyć jak Dreamweaver 4 przypisuje sobie te dwie rzeczy.
Koniec ramki
Ćwiczenie 15.3. Przyporządkowywanie uwadze dziennika wartości
Zanim zakończymy dyskusję o podstawach posługiwania się Design Notes, musimy zastanowić się jeszcze nad jedną kwestią: w jaki sposób przypisać stanowi pliku inną wartość, niż wartości predefiniowane dostępne na liście Status. Jeśli się tego nauczysz, nie tylko pomoże Ci to zrozumieć działanie Design Notes, lecz będziesz też potrafił tworzyć własne uwagi.
Otwórz okno Design Notes dla pliku, którego określenie stanu chcesz zmienić (metodę otwierania tego okna opisano poprzednio). Kliknij zakładkę All Info, aby wyświetlić wszystkie uwagi dziennika projektu.
Wpisz następnie w polu Name wyraz status, a w polu Value podaj własny opis stanu pliku (lub wartość), tak jak pokazano na rysunku 15.22.
Kliknij przycisk +, aby zapisać uwagę do dziennika projektu. Nowa uwaga zastąpi uwagę istniejącą, której nazwa (status) jest taka sama, jak uwagi właśnie zdefiniowanej. Możesz teraz wyświetlić zakładkę Basic Info - zdefiniowany przez Ciebie stan pojawi się na liście rozwijanej Status.
Rys. 15.22. Definiowanie nowej wartości dla uwagi typu status |
|
W następnym punkcie rozdziału zobaczysz, jak niezwykle istotna jest kwestia tworzenia własnych uwag dziennika projektu. Dowiesz się, w jaki sposób, korzystając z Design Notes, można dostosować kolumny widoku Site Files okna Site, aby wyświetlić niemal dowolny typ informacji o pliku.
Dostosowywanie kolumn widoku Site Files okna Site
Firma Macromedia przeniosła pewne elementy rozwiązania zastosowanego w przypadku rozszerzeń programu Dreamweaver 4 na Design Notes. Design Notes rozszerza możliwości programu Dreamweaver 4, dając użytkownikowi swobodę w dostosowywaniu kolumn widoku Site Files okna Site. Powiedzmy, że chcesz, na przykład, aby w kolumnie prezentowane były zaplanowane daty zakończenia prac nad poszczególnymi plikami. W bardziej realistycznym podejściu, termin ukończenia prac należałoby podzielić na cztery etapy, z których każdemu odpowiadałoby 25% zaawansowania prac. Wówczas utworzona kolumna informowałaby, które foldery należą do określonych grup zaawansowania (25%, 50%, 75% i 100%). Kolejna dodatkowa kolumna określałaby daty ukończenia prac (na przykład Październik 1, Październik 15, Listopad 1 i Listopad 15). Można znaleźć wiele innych przykładów, w których ta nowa opcja będzie przydatna, lecz wykorzystajmy już nakreślony pomysł i zobaczmy jak przeprowadzić w tym przypadku konfigurację (patrz rysunek 15.13, na którym pokazany jest efekt finalny).
Upewnij się, czy uaktywniono Design Notes, a następnie przejdź do kategorii File View Columns okna Site Definition. Najprostszym sposobem, by to zrobić, jest wybranie pozycji File View Columns w menu View. Możesz też skorzystać w wcześniej opisywanych w tym rozdziale sposobów otwierania okna dialogowego Site Definition.
Najbardziej godna uwagi opcja, to pole wyboru Enable Column Sharing. Zaznacz je, aby umożliwić innym korzystanie z tej samej konfiguracji kolumn, jaka jest u Ciebie. Jest to najlepsze rozwiązanie, jeśli w danym projekcie wypracowałeś idealny wręcz układ kolumn i inni członkowie zespołu także chcą z niego korzystać.
Rys. 15.23. Definiowanie nowej uwagi typu due, której odpowiada wartość April 4, 2001 |
|
Poniżej znajdziesz listę nazw (podpisów) i typów kolumn, a także wartości ich atrybutu widzialności. Wybranie elementu z tej listy zmienia wartości pól poniżej tabeli. W ten sposób możesz definiować atrybuty kolumn. Charakterystykę atrybutów znajdziesz poniżej:
Column Name - jest to nazwa, która w widoku Site Files okna Site pojawia się jako „podpis” kolumny. Jest to po prostu tekst identyfikujący zawartość kolumny.
Associate with Design Note - od tego pola rozpoczyna się indywidualizacja ustawień. Wybierasz tu typ uwag (domyślne wartości to: assigned, due, priority, status), które chcesz wyświetlić w kolumnie.
Align - jest to sposób wyrównania nazwy (podpisu) kolumny. Możliwości są następujące: left, right i center.
Show - zaznacz to pole wyboru, aby wyświetlić kolumnę. Jeśli chcesz ją ukryć, pole powinno zostać wyczyszczone.
Share with All Users of This Site - to ustawienie narzuca ograniczenia dla współdzielenia kolumn (opcja Enable Column Sharing). Nie musisz wcale współdzielić z innymi członkami zespołu wszystkich swoich kolumn. Jeśli chcesz kolumnę udostępnić, zaznacz to pole wyboru. Opcja nie jest dostępna dla kolumn wbudowanych, ponieważ każdy użytkownik programu Dreamweaver ma już do nich dostęp. Co więcej, kolumny domyślne można ukryć, lecz nie można z nich zrezygnować, więc zawsze będą współdzielone.
Aby dodać własną kolumnę, kliknij przycisk ze znakiem plus (+). Utworzona zostanie kolumna bez nazwy. Zdefiniuj nazwę kolumny i pozostałe opcje, tak opisano wcześniej.
Aby usunąć kolumnę z listy, zaznacz kolumnę i kliknij przycisk ze znakiem minus (-). Kolumn domyślnych nie można usunąć, lecz można je ukryć.
Początek ramki
Uwaga
Jedynie kolumny Name nie można ukryć, a wszystkie pozostałe można. Jest to niezbędne minimum, które musi być wyświetlane, aby można było efektywnie działać w programie Dreamweaver.
Koniec ramki
W końcu, możesz zmienić także kolejność kolumn na liście, zaznaczając kolumnę, a następnie klikając przyciski Move Up i Move Down, które znajdziesz z prawej strony listy, aż sekwencja kolumn będzie Ci odpowiadać. Pierwsza na liście kolumna będzie w oknie Site pierwszą kolumną z lewej, natomiast ostatnia, będzie ostatnią z prawej w tymże oknie.
Dla własnych celów utworzyłem kolumnę, którą nazwałem Due Date i stowarzyszyłem ją z uwagą typu Due. Jest to jednak dopiero połowa procesu.. Musimy teraz przejrzeć całą witrynę i dołączyć uwagę dziennika typu Due do wszystkich plików, folderów i obiektów witryny, dla których chcemy wyświetlić datę ukończenia pracy. Zaznaczyłem pewne foldery, bowiem zazwyczaj większość plików zawartych w folderze ma w przybliżeniu tę samą datę ukończenia. Po sfinalizowaniu sprawy, w oknie Site pojawi się kolumna o nazwie Due Date, w której wyświetlane będą daty zakończenia prac nad zawartością folderów.
Wartości stowarzyszone z kolumnami definiowanymi przez użytkownika mogą być edytowane bezpośrednio w oknie Site. Zaznacz po prostu wiersz, zawierający uwagę, którą chcesz zmienić. Kliknij następnie raz w tej kolumnie, gdzie chcesz zmienić uwagę (w moim przykładzie jest to pole kolumny Due Date). Umożliwi to zmianę zawartości pola, co pokazuje rysunek 15.24. W ten sposób można dodawać, zmieniać i usuwać uwagi dziennika.
Rys. 15.24. Edycja uwagi dziennika w oknie Site |
|
Korzystanie z Design Notes w Fireworks
Dreamweaver umożliwia uruchamianie zewnętrznych edytorów i edycję użytych na stronach obrazów bezpośrednio z poziomu okna dokumentu. Omówione to zostało szczegółowo w rozdziale 6. Gdy tworzysz lub otwierasz obraz w Fireworks 4, a następnie eksportujesz go, program generuje uwagę dziennika Design Notes, w której zawiera ścieżkę dostępu do pliku oryginalnego. Dzięki temu możliwe jest zaznaczenie obrazu na stronie WWW i przejście do jego edycji. Fireworks uruchomi się automatycznie prezentując w swoim oknie obraz źródłowy (a nie wersję wyeksportowaną). W tak otwartym pliku można wprowadzać zmiany, a po ich wprowadzeniu, wyeksportować ponownie obraz, aktualizując wersję zastosowaną na stronie WWW. Jest to prosty sposób zarządzania obrazami z poziomu programu Dreamweaver. Więcej informacji na temat korzystania z opcji Roundtrip znajdziesz w rozdziale 6.
Jeśli na przykład korzystasz z obrazu o nazwie xtremist_logo.png i wyeksportujesz go jako xtremist_logo.gif, Fireworks utworzy plik o nazwie xtremist_logo.gif.mno i umieści go w tym samym katalogu co plik eksportowany. Wraz z adresem bezwzględnym, w uwadze projektu zapisywane są także obszary aktywne i interaktywne. Przy imporcie obrazu do programu Dreamweaver, uwaga dziennika stowarzyszona z importowanym obrazem jest także kopiowana.
Generowanie raportów na temat organizacji prac nad witryną
W rozdziale 14., „Publikowanie witryny, obsługa plików i raportowanie” dowiedziałeś się, że raporty to proste, lecz nieocenione narzędzie gromadzenia informacji o witrynie. Omówiliśmy też w ogólnych zarysach ich użyteczność w kwestii uzyskania obrazu stanu prac nad witryną. W raportach programu Dreamweaver, które pozwalają badać organizację pracy, uwzględniane są informacje o plikach pobranych do edycji oraz właściwości Design Notes. Przyjrzymy się teraz dokładnie poszczególnym raportom. Wcześniej jednak pozwól mi przypomnieć, że korzystanie z raportów dotyczących organizacji pracy wymaga skonfigurowania w oknie Site Definition połączenia z serwerem. Musisz też mieć możliwość połączenia się z odległą witryną. Jeśli nie jesteś pewien, czy skonfigurowałeś program pod tym kątem, wróć do rozdziału 13., „Okno Site i organizacja plików”, gdzie znajdziesz szczegóły.
Raporty o plikach pobranych do edycji
Uruchomienie raportu Check-Out Files pozwala zobaczyć kto pobrał pliki do edycji. W raporcie można uwzględnić wszystkich użytkowników lub ograniczyć obszar zainteresowania do konkretnej osoby.
Tak jak w przypadku innych raportów, tutaj także raportem można objąć pojedynczy dokument, całą witrynę, określony folder lub aktualnie zaznaczone pliki (pliki zaznaczone w panelu Local okna Site).
Procedura znajdowania jest czuła na wielkość znaków, lecz nie ma potrzeby wprowadzania pełnego łańcucha. Jeśli na przykład szukasz plików pobranych do edycji przez członka zespołu, Jeffa Stewarda, możesz wpisać po prostu Jeff, Jeffrey lub Steward. Oczywiście jeśli szukasz Jeffa, znalezionych może być kilku ludzi o tym imieniu - Jeffrey Steward i na przykład Jeffrey Daniels.
Początek ramki
Podpowiedź
Okna dialogowe Reports i Results „wolą” okno dokumentu niż okno Site. Jeśli stracisz je z oczu, przełącz się do otwartego dokumentu lub po prostu otwórz dokument, aby zobaczyć, czy można je tam znaleźć.
Koniec ramki
Ćwiczenie 15.4. Raport Checked Out By
W tym ćwiczeniu uruchomisz raport, który pozwala zobaczyć listę plików pobranych do edycji.
Wybierz pozycję Reports w menu Site. Wyświetlone zostanie okno dialogowe Reports.
Wybierz z menu rozwijanego Report On, zakres, którego procedura ma dotyczyć. Jeśli chcesz, aby raportem został objęty bieżący dokument (jeśli jest on akurat otwarty), wybierz pozycję Current document. W przypadku wybrania pozycji Entire Local Site sprawdzone zostaną wszystkie pliki witryny. Opcja Selected Files in Site pozwala poddać kontroli dowolne pliki, zaznaczone w oknie Site, a opcja Folder, pliki zawarte we wskazanym folderze (wraz z folderami podrzędnymi).
Zaznacz w sekcji Select Reports pole wyboru obok pozycji Checked Out By, tak jak pokazano na rysunku 15.25. Pamiętaj, że jednocześnie możesz uruchomić wiele raportów, lecz na razie skupimy się na tym jednym. Więcej informacji na temat korzystania z raportów znajdziesz w rozdziale 14., w punkcie „Raporty witryny”.
Rys. 15.25. Konfigurowanie raportu na temat plików pobranych do edycji |
|
Po zaznaczeniu pola wyboru Check Out By, kliknij przycisk Report Settings, znajdujący się w lewym dolnym rogu okna Reports.
Wyświetlone zostanie okno dialogowe Checked Out By. Podaj w nim szukany łańcuch znaków, tak jak na rysunku 15.26, lub pozostaw pole tekstowe puste, co spowoduje znalezienie wszystkich, którzy pobrali pliki do edycji. Kliknij OK.
Jeśli jesteś gotowy do uruchomienia raportu, naciśnij przycisk Run. Dreamweaver uruchomi raport i otworzy okno dialogowe Results zawierające listę pobranych plików, odpowiadających określonemu przez Ciebie kryterium (patrz rysunek 15.27).
Raporty Design Notes
Uruchomienie raportu Design Notes umożliwia wyświetlenie nazw Design Notes i wartości. W procedurze ogólnej znalezione zostaną wszystkie atrybuty Design Notes, lecz można także zawęzić zakres do kilku atrybutów lub do jednego. Tak jak w przypadku pozostałych raportów, raportem można objąć bieżący dokument, całą witrynę, określony folder lub listę zaznaczonych plików (pliki muszą być zaznaczone w panelu Local).
Rys. 15.26. Wpisz dane szukanej osoby |
|
Rys. 15.27. Jak widzisz, John pracuje obecnie tylko nad czterema plikami |
|
Ćwiczenie 15.5. Raporty Design Notes
W tym ćwiczeniu uruchomisz raport Design Notes.
Aby uruchomić raport Design Notes:
Wybierz pozycję Reports w menu Site. Wyświetlone zostanie okno dialogowe Reports.
Wybierz z menu rozwijanego Report On, zakres, którego procedura ma dotyczyć. Jeśli chcesz, aby raportem został objęty bieżący dokument (jeśli jest on akurat otwarty), wybierz pozycję Current document. W przypadku wybrania pozycji Entire Local Site sprawdzone zostaną wszystkie pliki witryny. Opcja Selected Files in Site pozwala poddać kontroli dowolne pliki, zaznaczone w oknie Site, a opcja Folder, pliki zawarte we wskazanym folderze (wraz z folderami podrzędnymi).
Zaznacz w sekcji Select Reports pole wyboru obok pozycji Design Notes, tak jak pokazano na rysunku 15.28. Pamiętaj, że jednocześnie możesz uruchomić wiele raportów, lecz na razie skupimy się na tym jednym. Więcej informacji na temat korzystania z raportów znajdziesz w rozdziale 14., w punkcie „Raporty witryny”.
Rys. 15.28. Konfigurowanie raportu Design Notes |
|
Po zaznaczeniu pola wyboru Design Notes, kliknij przycisk Report Settings, znajdujący się w lewym dolnym rogu okna Reports.
Wyświetlone zostanie okno dialogowe Design Notes. Podaj w nim pary nazwa-wartość i wybierz wyrażenie warunkowe, które zostanie zastosowane przy porównaniach. Jeśli na przykład szukasz uwag dziennika, których nazwa Status ma wartość Complete, wpisz w pierwszej kolumnie wyraz Status, w drugiej kolumnie wybierz z listy element Contains (możesz też wybrać Is - spowoduje to odszukanie tylko uwag o identycznej wartości jak szukana). W trzeciej kolumnie wpisz szukaną wartość - w tym przypadku jest nią Complete (patrz rysunek 15.29). Po skonfigurowaniu ustawień, kliknij OK.
Rys. 15.29. Szukane są wszystkie uwagi, w których nazwa Status ma wartość Complete |
|
Jeśli jesteś gotowy do uruchomienia raportu, naciśnij przycisk Run. Dreamweaver uruchomi raport i otworzy okno dialogowe Results zawierające listę plików opatrzonych uwagą wskazaną przez Ciebie jako kryterium wyszukiwania (patrz rysunek 15.30).
Rys. 15.30. Teraz możesz zobaczyć, które z plików zostały już ukończone |
|
Podsumowanie
W tym rozdziale skupiliśmy się na tych zagadnieniach, które wpływają na efektywność pracy. Narzędzia, które w programie Dreamweaver wspierają współpracę ludzi zajmujących się jednym projektem, mogą znaleźć zastosowane także tam, gdzie nad witryną pracuje tylko jedna osoba. Jednak ich zalety są pełni wykorzystane dopiero wówczas, gdy mamy do czynienia z pracą grupową. Dowiedziałeś się także, że w obecnej wersji programu Dreamweaver możliwa jest integracja z oprogramowaniem kontroli kodu źródłowego i wersji pliku. Wreszcie poznałeś od podszewki procedury generowania raportów Design Notes i Check Out By.
2 Część I ♦ Podstawy obsługi systemu WhizBang (Nagłówek strony)
2 G:\DREAM_trans\rozdz15.doc