Dreamweaver 4 Dla Każdego, ROZDZ02, Szablon dla tlumaczy


Rozdział 2. Dostosowywanie programu Dreamweaver do własnych potrzeb

Zazwyczaj system obsługi aplikacji jest na tyle intuicyjny, że większość użytkowników radzi z nim sobie bez trudu. Czasami jednak może okazać się konieczna zmiana pewnych zachowań programu, poprzez dopasowanie ich do własnych przyzwyczajeń - dzięki temu zwiększy się Twoja wydajność pracy.

W programie Dreamweaver większość funkcji można dostosowywać do własnych potrzeb. Nie musisz więc korzystać z arbitralnie zdefiniowanego środowiska pracy, lecz możesz zindywidualizować swoją kopię programu. W tym rozdziale zajmiemy się sposobami dostosowywania programu i omówimy:

Po tym krótkim wstępie, czas na kilka uwag: jeśli nie masz pewności co do zasad rządzących modyfikacją opcji, której konfigurowania będziesz się uczył w tym rozdziale, zacznij od zastosowania ustawień domyślnych. Ustawienia domyślne są zazwyczaj najbardziej intuicyjne. W przypadku ustawień, którymi zajmiemy się później, w dalszej części książki, staraj się nie wprowadzać drastycznych zmian, bowiem łatwiej będzie się odwoływać do pomocy (lub tej publikacji).

W programie Dreamweaver istnieją dwa typy ustawień. Pierwszy to ustawienia zmieniające wygląd aplikacji (cukierkowy), drugi natomiast obejmuje ustawienia zmieniające funkcje i zachowanie programu.

Okno dialogowe Preferences

Podstawowym miejscem zmiany ustawień programu Dreamweaver jest okno dialogowe Preferences, które można otworzyć z poziomu menu Edit. Wybierz w menu Edit pozycję Preferences lub zastosuj skrót klawiaturowy Ctrl+U. Rysunek 2.1 pokazuje rezultat zastosowania dowolnej z metod.

Rys. 2.1.

Okno dialogowe Preferences

Od razu zauważysz, że ustawienia okna Preferences są podzielone na dwie główne kolumny. Lewa kolumna nosi nazwę Category, a prawa, zgodnie z domyślnymi ustawieniami, ma nazwę General. Wybranie kategorii w lewej kolumnie określa zawartość kolumny prawej.

Sposób korzystania z okna dialogowego powinien być dla Ciebie oczywisty, bowiem znajdziesz w nim pola wyboru, przyciski opcji i rozwijane menu.

File Options

Wybierając z listy Categories kategorię General wyświetlisz dwie grupy ustawień. Pierwsza, File Options, umożliwia określenie sposobu uruchamiania programu Dreamweaver oraz otwierania i zapisywania plików. Omówmy kolejno wszystkie jej ustawienia.

Show Only Site Window on Startup

Przy pierwszym uruchomieniu aplikacji, domyślnie tworzony jest nowy dokument i nadawany jest mu tytuł o nazwie Untitled-1. Jeśli najczęściej zaczynasz pracę z programem Dreamweaver nie od tworzenia dokumentu HTML, lecz od obsługi witryny, w takim przypadku zaznacz to pole wyboru, aby program po uruchomieniu, wyświetlał okno Site z plikami ostatniej witryny, nad którą pracujesz.

Open Files in New Window

Jeśli w czasie pracy nad dokumentem HTML przystąpisz do otwierania kolejnego dokumentu, Dreamweaver wyświetli otwierany plik w nowym oknie. Jeśli zazwyczaj otwierasz nowy plik wówczas, gdy stary już Ci nie jest potrzebny, wyczyść to pole wyboru, aby korzystać ciągle z jednego i tego samego okna.

Warn When Opening Read-Only Files

Jeśli to pole wyboru jest zaznaczone, Dreamweaver wyświetli ostrzeżenie w przypadku próby otwarcia lub modyfikacji pliku przeznaczonego tylko do odczytu.

Add Extension When Saving

Ta opcja powinna być zrozumiała dla każdego użytkownika sieci, nawet tego z podstawowym poziomem wiedzy o sieci. Zamiast stukać w klawiaturę, możesz wpisać w tym polu tekstowym rozszerzenie, z którym dokument ma być zapisywany. Domyślnie, Dreamweaver dodaje przy zapisywaniu pliku do jego nazwy rozszerzenie .htm. Jeśli wolisz stosować bardziej nowoczesne rozszerzenie .html, to pole umożliwia Ci wprowadzenie takiego rozróżnienia.

Nawiasem mówiąc, różnica między rozszerzeniami .htm i .html jest niewielka. W starszych komputerach nazwy plików miały ograniczoną długość. Standardowa nazwa składała się z ośmiu znaków, po nich pojawiała się kropka, a następnie trzy znaki definiujące rozszerzenie (np. nazwanaz.ext). W systemach starszego typu wystąpienie o plik o nazwie nazwanaz.exten spowodowałoby zwrócenie pliku o nazwie nazwanaz.ext, bowiem cała informacja zawarta po trzecim znaku rozszerzenia zostałaby zignorowana. W przypadku komputerów nowej generacji te ograniczenia nie obowiązują, a więc możesz korzystać z rozszerzenia .html.

Update Links When Moving Files

Ta lista rozwijana umożliwia wybranie jednego z trzech elementów. Pierwsza opcja - domyślna - to Prompt. Jeśli jest ona wybrana, Dreamweaver zawsze będzie pytał się o to, czy dokonać aktualizacji połączeń stowarzyszonych z przemieszczanym plikiem. Druga możliwość - Never - oznacza rezygnację z aktualizacji połączeń w przenoszonym pliku. Ostatnia pozycja listy - Always - skutkuje automatyczną zmianą połączeń, bez wcześniejszych komunikatów. Generalnie zaleca się wybranie opcji Prompt lub Always, chyba że dobrze wiesz, co robisz.

Editing Options

Druga sekcja ustawień kategorii General okna dialogowego Preferences nosi nazwę Editing Options. Oto omówienie jej ustawień.

Show Dialog When Inserting Objects

W przypadku wstawiania pewnych obiektów, Dreamweaver zachęci Cię do wprowadzenia dodatkowych informacji, takich jak na przykład nazwa pliku źródłowego obrazu lub informacja o formatowaniu tabel, w wyświetlonym okienku dialogowym. Jeśli zmienisz to ustawienie, informacje o obiekcie trzeba będzie wprowadzać ręcznie w oknie właściwości obiektu (Property Inspector) lub w samym kodzie HTML.

Faster Table Editing (Deferred Update)

Aby przyspieszyć edycję tabel, Dreamweaver pozwala Ci wprowadzać w tabeli niezbędne zmiany, czekając z przerysowaniem tabeli aż klikniesz poza jej obszarem. Jeśli chcesz wprowadzane zmiany śledzić w czasie rzeczywistym, musisz wyczyścić to pole.

Rename Form Items When Pasting

W przypadku duplikowania pozycji tego samego formularza umieszczonego w dokumencie HTML, ważne jest, aby nazwy jego elementów były jednoznaczne. Wyjątkiem są elementy o podobnych nazwach (takie jak na przykład przyciski opcji). Jeśli zaznaczysz to pole wyboru, przy kopiowaniu i wklejaniu Dreamweaver będzie automatycznie zmieniał nazwy elementów dodając do nazwy kolejne liczby - a więc nazwa zostanie przemianowana na nazwa2, nazwa3 itd.

Enable Double-Byte Inline Input

Ta opcja umożliwia bezpośrednie wstawianie w oknie dokumentu znaków unikodowych (na przykład niektórych liter). Jeśli wyłączysz opcję, wyświetlane będzie okienko dialogowe, w którym będziesz mógł wprowadzać lub konwertować tekst. W takim jednak przypadku spełnione muszą być pewne warunki. W systemie Windows konieczny jest zlokalizowany system operacyjny i zlokalizowana wersja programu Dreamweaver. W systemie Macintosh niezbędny jest odpowiedni pakiet językowy.

Maximum Number of History Steps

Według domyślnych ustawień, liczba kroków wstecz, które możesz wykonać, aby powrócić do określonego punktu w historii dokumentu, wynosi 50. Wprowadzając w tym polu tekstowym inną wartość, możesz umożliwić programowi zachowanie rosnącej niemal w nieskończoność liczby wcześniejszych stanów (górne ograniczenie to 99 999 stanów). Istnieje jednak praktyczny limit wyznaczany przez możliwości sprzętu. Ponieważ poziomy historii są ulokowane w pamięci RAM, wielkość tej pamięci decyduje o liczbie kroków historii możliwych do przechowania. Jeśli uznasz, że należy podwyższyć liczbę przechowywanych stanów, spróbuj odrobinę zwiększyć wpisaną w tym polu liczbę. Jeśli zaobserwujesz spowolnienie pracy systemu lub całkowicie przestanie on reagować, zredukuj liczbę kroków do ostatniej akceptowalnej wartości.

Object Panel

Lista rozwijana Object Panel umożliwia wybranie postaci palety obiektów. Do wyboru masz następujące możliwości: Icons Only (tylko ikony), Icons and Text (ikony i tekst) oraz Text Only (tylko tekst).

Spelling Dictionary

Ostatnie z ustawień General Preferences - lista rozwijana Spelling Dictionary - pozwala wybrać słownik ortograficzny spośród zainstalowanych. Jeśli nie znajdziesz na tej liście słownika dla języka lub dialektu, z których chcesz korzystać, masz możliwość ściągnięcia dodatkowych modułów. Oto adres: www.macromedia.com/support/dreamweaver/dictionary.html.

Code Colors

Kolejna na liście Category kategoria to Code Colors. Umożliwia ona wskazanie kolorów, które będą stosowane do określonych elementów kodu. Gdy klikniesz tę kategorię, z prawej strony wyświetlone zostaną ustawienia takie jak na rysunku 2.2.

Rys. 2.2.

Ustawienia Code Colors

Kolory kodu można zdefiniować na dwa sposoby. Pierwszy sposób polega na określeniu schematu kolorów, z którego będą korzystać wszystkie elementy kodu, jeśli nie zostaną wprowadzone dla nich indywidualne ustawienia. Drugi sposób to wskazanie elementu i przypisanie mu odpowiedniego koloru.

Background

Ten kolor jest stosowany do tła panelu kodu i palety Code Inspector.

Text

Jest to domyślny kolor wszelkiego tekstu dokumentu HTML, tak jak w przypadku wyrażenia: <BODY>kolor tekstu</BODY>. Tu oba wyrazy: kolor i tekstu będą wyświetlane kolorem zdefiniowanym dla tekstu.

Comments

Ilekroć w kodzie źródłowym użyjesz oznaczeń komentarzy - <!-- --> - znaczniki i tekst w nich zawarty pojawią się w wybranym kolorze.

Tag Default

Ten kolor zostanie zastosowany domyślnie do wszystkich znaczników HTML, o ile nie zdecydowano inaczej.

Inne dostępne ustawienia kolorystyczne, Reserved Keywords (zarezerwowane słowa kluczowe), Other Keywords (inne słowa kluczowe) i Strings (łańcuchy), definiują kolory stosowane do określonych elementów.

Jeśli chcesz być bardzo precyzyjny, możesz określonym elementom HTML i SCRIPT przyporządkować kolory indywidualnie. W tym celu zaznacz element klikając jego nazwę. Uaktywnia to przycisk opcji poniżej pola Tag Specific. Zaznaczając przycisk opcji tuż obok palety kolorów, uzyskujesz możliwość zmiany koloru. Wreszcie możesz także wybrać opcję uczynienia ustawienia kolorystycznego dominującym dla dowolnego tekstu zawartego między znacznikami.

Code Format

Ustawienia Code Format (patrz rysunek 2.3) idą ręka w rękę z ustawieniami poprzedniej sekcji, bowiem umożliwiają dalsze dostosowanie układu i organizacji kodu.

Rys. 2.3.

Ustawienia kategorii Code Format

Jednym z najważniejszych czynników wpływających na czytelność kodu HTML są wcięcia. Ponieważ postać kodu źródłowego dokumentu HTML może być bardzo swobodna, a konwencji regulujących ją jest niewiele, niewłaściwa organizacja kodu może uniemożliwić jego odczytanie. Stosując wcięcia nadasz dokumentowi przyjemny wizualnie układ, który pozwoli czytelnikom odczytać kod i zinterpretować jego działanie. Na szczęście można tak skonfigurować Dreamweaver, aby automatycznie wykonał całą operację formatowania.

Indent

Pole wyboru Indent umożliwia włączenie opcji automatycznego stosowania wcięć w kodzie, zgodnie z wprowadzonymi ustawieniami.

Use

Lista rozwijana Use pozwala wybrać sposób tworzenia wcięć: za pomocą tabulacji (pozycja Tabs) lub spacji.

Table Rows and Columns/Frames and Framesets

Te pola wyboru włączają (lub wyłączają) stosowanie wcięć do wierszy i kolumn tabeli oraz do ramek i układów ramek. Jest to po prostu informacja dla programu, czy ma stosować automatyczne wcięcia do kodu definiującego tabele i elementy ramek, w celu nadania mu bardziej logicznego układu ułatwiającego czytanie.

Indent Size

Pole tekstowe Indent Size określa rozmiar wcięcia. Podana w nim liczba określa liczbę znaków tabulacji lub spacji, co zależy od ustawienia wybranego z listy rozwijanej Use.

Tab Size

Pole tekstowe Tab Size to ostatnie z ustawień tej sekcji. Umożliwia ono określenie wielkości tabulacji, w znakach spacji.

Inne atrybuty formatowania kodu

Pozostałe ustawienia kategorii Code Format są oczywiste. Przyjrzyjmy im się.

Automatic Wrapping

Pole wyboru Automatic Wrapping określa, czy do dokumentu ma być stosowana automatyczna opcja zawijania, a w polu tekstowym After Column podawana jest liczba nadmiarowych znaków w wierszu, poprzedzających twarde łamanie wiersza. Twarde łamania wierszy mogą być użyteczne w przypadku wyświetlania kodu w różnych aplikacjach. Zwróć także uwagę, że Dreamweaver wstawi łamania wierszy tylko wówczas, jeśli nie wpłynie to na postać strony WWW.

Line Breaks

Kolejne ustawienie określa format łamań wierszy w Twoich dokumentach. Musi on być bowiem dostosowany do systemu, do którego plik zostanie wysłany, a więc inny dla systemu UNIX, inny dla komputerów Mac, a jeszcze inny dla Windows.

Case for Tags i Case for Attributes

Listy rozwijane Case for Tags i Case for Attributes mają te same elementy: uppercase i lowercase. Wybór opcji zależy od Twoich preferencji i przyzwyczajeń oraz wymogów określonych przez protokoły pracy grupowej.

Case of Tags i Case of Attributes

Pola wyboru Case of Tags i Case of Attributes pozwalają narzucać formatowanie zdefiniowane dla znaczników i atrybutów na wszystkie otwierane, tworzone i modyfikowane dokumenty. Dreamweaver zrobi to automatycznie, zanim więc uaktywnisz tę opcję, musisz mieć pewność, że tego rzeczywiście chcesz.

Centering

Możesz wreszcie skorzystać z przycisków opcji sekcji Centering i wybrać znacznik stosowany przy centrowaniu obiektów. Do wyboru masz znacznik DIV, co skutkuje utworzeniem kodu <DIV ALIGN=”center”>, lub znacznik <CENTER>.

Code Rewriting

Kolejna kategoria, której ustawienia odnoszą się do kodu źródłowego HTML to Code Rewriting (patrz rysunek 2.4). Ustawienia te określają sposób, w jaki program modyfikuje kod.

Rewrite Code

Sekcja Rewrite Code ma trzy pola wyboru: Fix Invalidly Nested and Unclosed Tags, Remove Extra Closing Tags i Warn When Fixing or Removing Tags. W kolejnych punktach omówimy te ustawienia.

Fix Invalidly Nested and Unclosed Tags

Zaznaczenie tego pola wyboru włącza w programie Dreamweaver system aktywnej analizy kodu. Program sprawdza, czy znaczniki nie pokrywają się i czy są poprawnie zamknięte. W przypadku stwierdzenia nieprawidłowości, przystępuje automatycznie do ich usuwania. Oto przykład niepoprawnego kodu: <H1><I>Te znaczniki są niepoprawnie zagnieżdżone</H1></I>. Ingerencja programu spowoduje przekształcenie kodu do następującej postaci: <H1><I>Te znaczniki są niepoprawnie zagnieżdżone</I></H1>.

Rys. 2.4.

Kategoria Code Rewriting

Remove Extra Closing Tags

Jeśli Dreamweaver napotka znaczniki zamykające, którym nie będzie w stanie przyporządkować znaczników otwierających, znaczniki te zostaną usunięte.

Warn When Fixing or Removing Tags

Jeśli to pole wyboru zostanie zaznaczone, Dreamweaver wyświetli ostrzeżenie przed przystąpieniem do naprawy lub usuwania znaczników.

Never Rewrite Code: In Files with Extensions

Ta opcja pozwala wskazać wyjątki w zdefiniowanych procedurach autokorekty. Jest ona użyteczna w przypadku pewnych typów plików, gdy nie chcesz, by Dreamweaver ingerował w kod.

Special Characters

Ustawienia tej sekcji najlepiej pozostawić bez zmian. Wartości domyślne są najodpowiedniejsze, chyba że masz konkretne powody, by je zmienić.

File Types/Editors

Dreamweaver ma wiele mocnych stron, ale nie jest pomyślany jako samodzielna aplikacja tworzenia stron WWW. Stworzenie nowoczesnej witryny sieciowej wymaga stosowania najróżniejszych plików multimedialnych, języków programowania i skryptów. Dreamweaver potrafi jednak dobrać program odpowiedni do edycji danego typu danych, aby uzyskać wysoką efektywność pracy.

Za pomocą ustawień sekcji File Types/Editors okna Preferences (patrz rysunek 2.5) można określić reakcję programu na różne języki programowania oraz sposób obsługi plików graficznych, dźwiękowych i multimedialnych.

Początek ramki

Uwaga

Jeśli nie podoba Ci się sposób ingerencji programu Dreamweaver w kod źródłowy Twoich dokumentów HTML, dodaj .htm i .html do listy rozszerzeń, gromadzącej typy plików, których kodu program ma nie zmieniać.

Koniec ramki

Rys. 2.5.

Kategoria File Types/Editors

Open in Code View

Pole tekstowe Open in Code View umożliwia definiowanie typów plików (określanych poprzez rozszerzenia nazwy), które chcesz wyświetlać w postaci kodu źródłowego. Umieszczenie tutaj rozszerzenia nazwy pliku spowoduje, że przy otwieraniu danego typu pliku Dreamweaver otrzyma instrukcje, aby wyświetlić dokument w widoku kodu, co natychmiast umożliwi udostępni kod do edycji.

External Code Editor

To pole umożliwia wskazanie ulokowania zewnętrznego edytora stosowanego do wprowadzania zmian w kodzie źródłowym. Jeśli nie pamiętasz ścieżki dostępu do pliku, możesz kliknąć przycisk Browse i odszukać plik. Twoja wersja programu Dreamweaver jest najprawdopodobniej wyposażona w HomeSite (w przypadku komputerów PC) lub BBEdit (w przypadku komputerów Mac) - oba edytory są odpowiednimi kandydatami do pełnienia tej roli.

Reload Modified Files

Jeśli w zewnętrznej aplikacji dokonasz modyfikacji kodu źródłowego dokumentu otwartego w programie Dreamweaver, musi istnieć mechanizm, który poinformuje program, w jaki sposób ma się zachować, gdy do niego powrócisz. To menu rozwijane umożliwia wybranie jednej z trzech możliwych reakcji. Opcja domyślna, Prompt, spowoduje, że odświeżenie zawartości strony zmodyfikowanej poza programem Dreamweaver będzie poprzedzone komunikatem pozostawiającym użytkownikowi decyzję odnośnie odświeżania. Opcja Always pozwala programowi automatycznie aktualizować dokument w oknie dokumentu, bez konsultacji z użytkownikiem. Wybór opcji Never oznacza brak zgody użytkownika na automatyczne odświeżanie dokumentu w przypadku jego zmiany.

Save on Launch

Ta opcja umożliwia uaktywnienie automatycznego zapisywania plików przy uruchamianiu edytora zewnętrznego. Do wyboru są trzy możliwości: Prompt (pytaj), Always (zawsze), Never (nigdy).

Extensions/Editors

W dolnej części okna znajdziesz dwa panele. Umieszczając rozszerzenie w lewym panelu i stowarzyszając je z edytorem z prawego panelu, możesz określić sposób zachowania programu Dreamweaver w przypadku, gdy w zewnętrznym edytorze będzie otwierany plik określonego typu.

Aby dokonać takich ustawień, kliknij znak plus (+) nad lewym panelem. Wyświetlone zostanie pole edycji. Wpisz nazwę rozszerzenia (.XXX) pamiętając o kropce, która ją poprzedza. Dla danego edytora możesz jednocześnie podać wiele rozszerzeń - rozdzielaj po prostu nazwy spacjami. Zawsze możesz powrócić do wprowadzonych rozszerzeń i dokonać ich modyfikacji. W tym celu zaznacz rozszerzenia, a potem kliknij je raz jeszcze. Aby usunąć rozszerzenia z listy, zaznacz te, których już nie chcesz, i naciśnij przycisk ze znakiem minus (-).

Aby stowarzyszyć dodane rozszerzenie z aplikacją, zaznacz je i kliknij przycisk plus (+) nad prawym panelem. Umożliwia to wskazanie aplikacji, którą chcesz stowarzyszyć z tym rozszerzeniem. Pamiętaj, aby wskazać plik wykonywalny (.exe)dla żądanego programu (kliknij przycisk Browse, jeśli nie pamiętasz ulokowania pliku). Wybierz plik i naciśnij Open - powinieneś zobaczyć aplikację prawidłowo stowarzyszoną z rozszerzeniem.

Invisible Elements

Ponieważ każdy element układu strony przekłada się na niezwykle istotny kod źródłowy, Dreamweaver wyposażony jest w środki informowania o miejscu występowania tych elementów. Są to małe żółte symbole, które można bez trudu zauważyć w widoku projektu. Ustawienia kategorii Invisible Elements przedstawione na rysunku 2.6 umożliwiają włączanie lub wyłączanie wyświetlania oznaczeń niewidzialnych obiektów na stronie. Zaznacz po prostu pola wyboru odpowiadające obiektom, które chcesz uwidocznić w widoku projektu, a wyczyść pola dla oznaczeń obiektów, które chcesz ukryć.

Rys. 2.6.

Kategoria Invisible Elements

Layers

W przypadku warstw należy rozważyć wiele ustawień. Warstwy stosowane są już od dłuższego czasu, lecz nadal większość przeglądarek nie obsługuje ich poprawnie. Różne znaczniki, atrybuty, różnice w sposobach pozycjonowania, a nawet błąd w Netscape, który powoduje, że prosta zmiana rozmiarów okna zaburza poprawne działanie, wszystko to odstręcza od stosowania warstw. Należy tu dodać, że w pewnych sytuacjach warstwy są użyteczne - przede wszystkim chodzi tu o menu nawigacyjne. Korzystając z ustawień kategorii Layers (patrz rysunek 2.7) możesz określić sposób wstawiania warstw na stronie. Możesz nawet włączyć opcję automatycznej korekty błędu Netscape za pomocą skryptu wstawianego przez Dreamweaver.

Tag

Wstawienie warstwy umożliwiają cztery różne znaczniki. Domyślnie, Dreamweaver stosuje znacznik <DIV>. Nie jest to jednak ani dobry, ani zły znacznik domyślny, bowiem to przeglądarka, w której strona zostanie wyświetlona, wyznacza stosowany znacznik. Rodzaj użytego znacznika zależy od sytuacji i efektu, jaki chcesz osiągnąć. Dopóki jednak skupiasz się na utworzeniu strony, która będzie oglądana jednym typem przeglądarki, lub decydujesz się na obie przeglądarki dołączając skrypt detekcji typu, najlepszym rozwiązaniem jest zastosowanie znacznika <DIV>, bowiem zarówno Internet Explorer, jak i Netscape Navigator rozpoznają go. Tak więc musisz podjąć decyzję odnośnie codziennych potrzeb i wyrazić ją tutaj. Dodatkowe informacje na ten temat znajdziesz w rozdziale 10., Stosowanie warstw.

Rys. 2.7.

Kategoria Layers

Visibility

Ta lista rozwijana pozwala wybrać domyślną widzialność warstwy wstawianej do dokumentu. Ustawienia widzialności są wykorzystywane do wyświetlania lub ukrywania behawiorów warstwy i linii czasowych.

Width, Height, Background Color i Background Image

Te cztery pola tekstowe umożliwiają zdefiniowanie dla nowych warstw ich domyślnych rozmiarów (wysokości i szerokości), koloru tła oraz wskazanie obrazu jako tła.

Nesting

To pole wyboru pozwala określić, czy warstwa tworzona w obrębie warstwy istniejącej stanowi warstwę zagnieżdżoną, czy też spoczywa na warstwie wcześniej utworzonej. Jeśli nie jest zagnieżdżona, jest pozycjonowana względem strony. W przeciwnym wypadku względem warstwy nadrzędnej.

Netscape 4 Compatibility

Jak wspomniano wcześniej, w programie Dreamweaver 4 istnieje możliwość automatycznej korekty błędu Netscape 4.x i wyższych wersji. Błąd ten powoduje utratę warstw w przypadku zmiany rozmiarów okna wyświetlającego dokument. Dreamweaver może dodać do Twojej strony funkcję skryptową, która wymusi odświeżenie zawartości okna w przypadku zmiany jego rozmiarów. Daje to pewność, że przy ponownym wyświetleniu strony, informacje odnośnie warstw będą nienaruszone. Zanim zdecydujesz się na umieszczenie w dokumencie takiej łatki, musisz mieć całkowitą pewność, że jest ona absolutnie niezbędna. Pamiętaj bowiem, że powoduje ona odświeżenie strony, co może powodować miganie obrazu.

Panels

Jedną z kluczowych cech programu Dreamweaver jest stosowanie palet. Na paletach dostępne jest niemal wszystko. Palety przyspieszają także niektóre z wolniejszych operacji procesu tworzenia strony WWW (na przykład ręczne wpisywanie kodu i pisanie skryptów JavaScript). Ustawienia kategorii Panels okna dialogowego Preferences (patrz rysunek 2.8) pozwalają modyfikować wygląd palet i sposób dostępu do nich.

Rys. 2.8.

Kategoria Panels

Always on Top

Domyślnie wszystkie otwierane palety rezydują na oknie dokumentu lub oknie Site programu Dreamweaver. Jeśli wolisz, aby niektóre z palet były zasłaniane przez te okna, usuń znaczniki z odpowiednich pól wyboru.

Show in Launcher

Pasek szybkiego uruchamiania (Launcher) pełni w programie Dreamweaver rolę pilota zdalnie wywołującego daną paletę. Na pasku tym możesz umieścić wybrane palety, a dostęp do nich nie wymaga stosowania skrótów klawiaturowych i korzystania z menu. Aby wybrać palety reprezentowane na pasku szybkiego uruchamiania, musimy umieścić ich nazwy w polu tekstowym wyświetlanym w dolnej części okna. Aby dodać paletę, kliknij przycisk ze znakiem plus (+), i wskaż nazwę żądanej palety. Aby usunąć paletę, zaznacz jej nazwę i naciśnij przycisk ze znakiem minus (-). Wreszcie aby zmienić sposób organizacji ikon palet na pasku, zaznacz nazwę palety i skorzystaj z przycisków ze strzałkami w górę i w dół. Nawiasem mówiąc w dolnym prawym rogu okna dokumentu znajdziesz mini-pasek szybkiego uruchamiania, taki jak pokazany na rysunku 2.9. W przypadku wprowadzenia zmian w zawartości i układzie paska szybkiego uruchamiania, na mini-pasku zajdą podobne zmiany.

Rys. 2.9.

Mini-pasek szybkiego uruchamiania palet

Preview in Browser

Kategoria Preview in Browser (patrz rysunek 2.10) umożliwia wskazanie przeglądarek stosowanych do wyświetlania stron WWW. Wyświetlanie dokumentów HTML w wielu przeglądarkach, a nawet na różnych platformach sprzętowych, to rzecz nieoceniona w przypadku tworzenia stron WWW. Ponieważ Dreamweaver powala korzystać z przeglądarek podstawowej oraz pomocniczej, zadbaj, aby do testowania stron zainstalować u siebie przynajmniej przeglądarki Microsoft Internet Explorer i Netscape Navigator. Dreamweaver umożliwia także oglądanie stron w sieci lokalnej. Jeśli chcesz korzystać z serwera lokalnego, musisz mieć odpowiednie oprogramowanie serwera - ta opcja dostępna jest jedynie dla użytkowników Windows. Jeżeli chcesz wyświetlać dynamicznie generowane strony, takie jak .asp, także konieczne jest odpowiednie oprogramowanie serwera (takie jak Personal Web Server lub IIS).

Rys. 2.10.

Kategoria Preview in Browser

Aby dodać przeglądarkę, naciśnij przycisk ze znakiem plus (+). Zostaniesz poproszony o podanie nazwy przeglądarki i ulokowania jej pliku .exe oraz o określenie, czy jest to przeglądarka podstawowa (primary), czy pomocnicza (secondary).

Aby usunąć przeglądarkę, wskaż jej nazwę i naciśnij przycisk ze znakiem minus (-).

Quick Tag Editor

W przypadku korzystania z edytora Quick Tag Editor (patrz rysunek 2.11), wprowadzane w kodzie zmiany są natychmiast implementowane w dokumencie. Jeśli chcesz to zmienić, usuń znacznik z pola wyboru Apply Changes Immediately While Editing.

Ponadto, podpowiedzi wyświetlane w edytorze Quick Tag Editor wyświetlane są w postaci menu rozwijanego zawierającego atrybuty, a w pewnych przypadkach możliwe wartości atrybutów dla aktualnie edytowanego znacznika. Jeśli chcesz wyłączyć wyświetlanie tych podpowiedzi, usuń znacznik z pola wyboru Enable Tag Hints. Wreszcie możesz zdefiniować opóźnienie pojawiania się podpowiedzi na ekranie, przesuwając suwak Delay.

Rys. 2.11.

Kategoria Quick Tag Editor

Status Bar

Ustawienia kategorii Status Bar określają zawartość paska stanu wyświetlanego u dołu okna dokumentu (patrz rysunek 2.12). Pasek stanu pozwala na szybkie wykonywanie powtarzających się czynności, takich jak na przykład zaznaczanie znacznika do edycji, zmiana rozmiarów okna, a nawet otwieranie i zamykanie palet.

Rys. 2.12.

Kategoria Status Bar

Window Sizes

Pierwsze z ustawień to pole Window Sizes. Możesz tutaj określić różne rozmiary okna, które będziesz mógł automatycznie stosować do okna twojego dokumentu. Kliknij po prostu element, który chcesz zmienić, lub pusty obszar, aby wprowadzić nowe informacje. Konfigurując rozmiary okna do najczęściej stosowanych przez użytkowników, możesz lepiej rozplanować układ strony.

Connection Speed

Dreamweaver umożliwia oszacowanie czasu ładowania strony WWW w zależności od przepustowości łącza. Korzystając z listy rozwijanej Connection Speed możesz wybrać przepustowość, do której chcesz dostosować swoją stronę. Rozwiń listę i wybierz po prostu odpowiednią wartość.

Launcher: Show Launcher in Status Bar

To pole wyboru umożliwia wybranie, czy na pasku stanu ma być wyświetlany mini-pasek szybkiego uruchamiania (Launcher). Wyczyszczenie pola jest równoważne usunięciu mini-paska z paska stanu.

Posumowanie

W tym rozdziale omówiono różne sposoby dostosowania programu Dreamweaver do własnych potrzeb, w tym metody definiowania ustawień, konfigurowania wyświetlania palet i paneli, wyboru przeglądarek do testowania stron WWW, korzystania z widoków, stosowania kolorów do elementów kodu, tworzenia skrótów klawiaturowych i korzystania z mini-paska szybkiego uruchamiania.

2 Część I Podstawy obsługi systemu WhizBang (Nagłówek strony)

2 G:\DREAM_trans\DW4\rozdz02.doc



Wyszukiwarka