Edycja na oko

Deklaracja What You See Is What You Get, czyli w wolnym tłumaczeniu: "Otrzymasz to, co widzisz", w przypadku edytorów HTML długo była jedynie pobożnym życzeniem marketingowych szamanów. Znaczące różnice między popularnymi przeglądarkami oraz niedociągnięcia edytorów sprawiły, że lepiej opisywało ich pracę niewesołe stwierdzenie: "To, co widzisz, zobaczą nieliczni". Jednak najnowsze wersje kilku popularnych programów tego typu mają już zdecydowanie więcej zalet niż wad i na pewno znajdą zasłużone miejsce w arsenale niejednego webmastera.

Deklaracja What You See Is What You Get, czyli w wolnym tłumaczeniu: "Otrzymasz to, co widzisz", w przypadku edytorów HTML długo była jedynie pobożnym życzeniem marketingowych szamanów. Znaczące różnice między popularnymi przeglądarkami oraz niedociągnięcia edytorów sprawiły, że lepiej opisywało ich pracę niewesołe stwierdzenie: "To, co widzisz, zobaczą nieliczni". Jednak najnowsze wersje kilku popularnych programów tego typu mają już zdecydowanie więcej zalet niż wad i na pewno znajdą zasłużone miejsce w arsenale niejednego webmastera.

Dreamweaver 4

Dreamweaver od dawna jest uważany za jeden z najlepszych (jeśli nie najlepszy) edytor HTML WYSIWYG. Poprzednia, trzecia wersja ustawiła konkurentom poprzeczkę bardzo wysoko. Najnowsza edycja Dreamweavera podnosi ją jeszcze wyżej... W "czwórce" każdy znajdzie dla siebie coś ciekawego. Początkującym webmasterom ułatwi pracę nowe narzędzie do tworzenia i formatowania tabel (Table Layout View). Zaawansowanym - zwolennikom pracy w kodzie - zapewne spodoba się nowy, wbudowany edytor tekstowy, zawierający kilka funkcji obecnych dotychczas jedynie w wyspecjalizowanych edytorach tekstowych, takich jak HomeSite.

Interfejs na pierwszy rzut oka nie zmienił się znacząco. Zresztą po co zmieniać coś co jest po prostu dobre. Dreamweaver wcześniej już zyskał miano edytora najbardziej dopracowanego pod tym względem, głównie z powodu elastyczności i możliwości wszechstronnej konfiguracji. Właściwie każdy jego element: polecenia menu, skróty klawiaturowe, wygląd palet można zmienić i dostosować do własnych upodobań. W tym celu należy dokonać zmian w plikach xml w katalogu Configuration. Ułatwiono konfigurację skrótów klawiaturowych. Służy do tego celu polecenie Keyboard Shortcuts w menu Edit, uaktywniające odpowiednie okno dialogowe. Dzięki temu możemy zmusić program do poprawnego wpisywania polskich znaków diakrytycznych. Przy standardowej konfiguracji jest to utrudnione z powodu konfliktu skrótów klawiaturowych wykorzystujących prawy klawisz Alt.

Dynamiczny, równoczesny podgląd kodu HTML i wyglądu edytowanej strony w czwartej wersji Dreamweavera.

Dynamiczny, równoczesny podgląd kodu HTML i wyglądu edytowanej strony w czwartej wersji Dreamweavera.

Paleta obiektów wzbogaciła się w nowe przyciski Standard View/Layout View i Draw Layout Cell/Draw Layout Table. Pierwsza para powoduje zmianę trybu wyświetlania tworzonej strony. W trybie Layout uaktywniają się dwa następne przyciski, umożliwiające tworzenie tabel i pojedynczych komórek za pomocą jedynie myszki. Na pierwszy rzut oka to nic specjalnie nowego (podobne rozwiązania pojawiły się wcześniej w innych edytorach), lecz już w trakcie tworzenia najprostszych tabel przekonacie się jak świetne są to narzędzia. Sposób definiowania tabeli przypomina rozwiązanie zastosowane w tekstowym edytorze Word 2000 z tą różnicą, że w rezultacie otrzymujemy najczystszy możliwy kod HTML, bez żadnych zbędnych tagów i zmiennych. Nawet skomplikowane tabele nie stanowią problemu. Konia z rzędem temu, kto na podstawie wstępnego szkicu odtworzyłby je dokładnie za pomocą kodu. Oczywiście nie jest to niemożliwe, lecz czasochłonne.

Dreamweaver natomiast zrobi to za nas w mgnieniu oka. To jedna z najciekawszych i najefektowniejszych nowości tej wersji!

Rozbudowana tabela stworzona w trybie LayoutView zawiera minimum niezbędnego kodu i będzie poprawnie wyświetlana we wszystkich przeglądarkach.

Rozbudowana tabela stworzona w trybie LayoutView zawiera minimum niezbędnego kodu i będzie poprawnie wyświetlana we wszystkich przeglądarkach.

W panelu Launcher pojawił się nowy przycisk Assets, uaktywniający paletę o tej samej nazwie. Umożliwia ona szybki dostęp do różnego rodzaju, nazwijmy to, zasobów strony. Podzielone na oddzielne kategorie znajdują się tu wszystkie wykorzystywane w tworzonym serwisie pliki graficzne, odnośniki do innych stron, kolory czcionek i tła, pliki Flasha itd. Wszystko zgromadzone w jednym miejscu, a dzięki temu gotowe do ponownego użycia, to doskonały pomysł, czego efektem jest większa wydajność pracy projektanta stron WWW. Podobne rozwiązanie znajduje się również w programie Flash, i nie jest to jedyne podobieństwo obu aplikacji. Macromedia, podobnie jak Adobe, dąży do ujednolicenia interfejsów wszystkich swoich produktów. Na tym tle doszło nawet do poróżnienia obu firm. Adobe wystąpiła przeciw Macromedii z pozwem sądowym, oskarżając ją o naruszenie praw patentowych, chroniących palety z zakładkami znane z programów Photoshop i Illustrator, dzięki którym w jednym miejscu użytkownik ma dostęp do różnych funkcji programu. Podobne palety w krótkim czasie pojawiły się w wielu programach Macromedii. Firma ta nie pozostała dłużna - miesiąc później pozwała firmę Adobe, oskarżając ją o bezprawne użycie dwóch chronionych patentami funkcji w programach Illustrator i Premiere. Oba pozwy czekają na rozstrzygnięcie...

Dreamweaver to edytor WYSIWYG. Z tego zapewne powodu bezpośrednia edycja kodu była do tej pory traktowana nieco po macoszemu. W wersji czwartej ten stan - przynajmniej częściowo - zmienił się na lepsze. Na belce pod menu pojawiły się nowe przyciski, pozwalające zmieniać tryb edycji z wizualnego na tekstowy lub oba naraz. W trybie tekstowym każdy tag może być wyświetlony w dowolnie wybranym kolorze. Standardowo jednak niemal wszystkie kolorowane są tak samo. Chcąc ułatwić sobie pracę w kodzie, trzeba samodzielnie skonfigurować edytor.

Paleta zasobów serwisu (Assets) to jeszcze jeden nowy element Dreamweavera usprawniający pracę nad dużymi serwisami.

Paleta zasobów serwisu (Assets) to jeszcze jeden nowy element Dreamweavera usprawniający pracę nad dużymi serwisami.

W trybie wyświetlającym jednocześnie kod i stronę obie części ekranu są dynamiczne, co oznacza, że jakiekolwiek zmiany dokonane w kodzie lub na którejkolwiek z palet od razu zmieniają wygląd strony w oknie Design View, i na odwrót. W praktyce na słabszych komputerach dzieje się to z niewielkim opóźnieniem.

Wbudowany edytor tekstowy umożliwia również edycję dowolnych plików tekstowych, dzięki czemu nie ma potrzeby posługiwania się dodatkowym programem podczas pisania zewnętrznych skryptów itp. Niestety w czasie pracy nad plikiem o rozszerzeniu innym niż html czy htm, paleta Historii jest nieaktywna i uniemożliwia wykorzystanie tej pożytecznej funkcji Dreamweavera.

Dużym udogodnieniem jest rozbudowane polecenie Szukaj/Zmień (Find & Replace). Dzięki niemu możliwa jest zmiana poszczególnych wyrazów lub fragmentów kodu w wybranym dokumencie, całym serwisie lub tylko plikach znajdujących się w wybranym folderze. Ponadto Dreamweaver umożliwia warunkowe wyszukiwanie tagów o określonych właściwościach i ich dowolne modyfikowanie. To bardzo przydatna funkcja, zwłaszcza gdy chęć zmiany jakiegoś elementu przyjdzie nam do głowy po stworzeniu całego, wielostronicowego serwisu.

Rozbudowane polecenie Szukaj i zmień to bardzo istotny element każdego edytora HTML.

Rozbudowane polecenie Szukaj i zmień to bardzo istotny element każdego edytora HTML.

Mimo wielu udogodnień, moduł edycji tekstowej wciąż pozostaje jednym z najsłabszych elementów programu. Na oczekiwane w tej kwestii rewolucyjne zmiany przyjdzie jeszcze poczekać. Szkoda, bo ich wprowadzenie w aktualnej wersji programu mogłoby zdystansować konkurentów. Prawdopodobnie jednak programiści Macromedii wiedzieli wcześniej coś, o czym świat dowiedział się dopiero w połowie stycznia tego roku. Macromedia i Allaire (producent m.in. programu HomeSite, jednego z najlepszych tekstowych narzędzi do edycji HTML-a) połączyły się w jedną firmę. Teraz wystarczy scalić doświadczenie obu zespołów, zgrać ze sobą gotowe fragmenty kodu, a mariaż najlepszych cech obu programów może zaowocować świetnym produktem. Poczekamy, zobaczymy...

Obecna wersja Dreamweavera zawiera kilka ciekawych nowości. Jedną z nich jest możliwość tworzenia bezpośrednio w edytorze animowanych flashowych przycisków. W programie umieszczono kilkadziesiąt gotowych do wykorzystania szablonów, w których można umieścić dowolnie sformatowany tekst przycisku. Oddano do dyspozycji kilkanaście przycisków nawigacyjnych, rozmaitych strzałek itp. Posiadacze programu Flash mogą tę kolekcję wzbogacić we własne propozycje, natomiast pozostali użytkownicy mają możliwość skopiowania ze strony Macromedia Exchange dodatkowych, gotowych przycisków.


Zobacz również