Siedmiu wspaniałych

Czasy, gdy edytorem HTML nazywano rozbudowany Notatnik z funkcją podglądu, minęły bezpowrotnie. Oferowane obecnie pakiety edycyjne dla webmasterów przytłaczają bogactwem opcji, oferując przy tym intuicyjne narzędzia do graficznej edycji i weryfikacji.

Czasy, gdy edytorem HTML nazywano rozbudowany Notatnik z funkcją podglądu, minęły bezpowrotnie. Oferowane obecnie pakiety edycyjne dla webmasterów przytłaczają bogactwem opcji, oferując przy tym intuicyjne narzędzia do graficznej edycji i weryfikacji.

Rozwój współczesnych narzędzi do tworzenia i edycji stron internetowych poszedł w dwóch kierunkach: część produktów umożliwia łatwe i intuicyjne projektowanie dokumentów w trybie wizualnym, pozostałe opierają się na tekstowej edycji kodu HTML, wspomagając użytkownika zaawansowanymi narzędziami do sprawdzania składni i optymalizacji kodu. Wszystkie programy oferują całe spektrum pomocnych funkcji do zarządzania złożonymi projektami, analizy kodu czy usprawniania najczęściej wykonywanych operacji.

Wybór optymalnego narzędzia do tworzenia stron WWW może nie być łatwy; wszystkie opisane tu programy zawierają minimum podstawowych funkcji, lecz różnią się bardzo zarówno pod względem funkcjonalności i łatwości obsługi, jak i ceny. Zanim więc kupisz narzędzie pracy, zastanów się, czy interesujący Cię produkt spełnia wszystkie Twoje wymagania.

DHTML poskromiony?

Gdy wraz z premierą czwartej części Internet Explorera Microsoft zaprezentował zestaw rozszerzeń HTML-u znany jako Dynamic HTML (lub po prostu DHTML), standard ten wydawał się doskonałym lekiem odmładzającym dla skostniałego już nieco staruszka HTML. Mimo to popularność DHTML-u wśród webmasterów wciąż jest raczej niewielka. Wynika to z dwóch przyczyn: Netscape Navigator nadal nie potrafi prawidłowo wyświetlać większości efektów, a proces tworzenia dynamicznej zawartości jest dosyć skomplikowany i wymaga sporych umiejętności programistycznych od autora strony. Niektóre firmy postanowiły wyjść naprzeciw potrzebom webmasterów i wyposażyć swe edytory HTML w narzędzia do tworzenia dynamicznych efektów wizualnych. Jednym z pierwszych produktów wykorzystujących nowy standard był MS FrontPage 97, lecz zaprezentowane w nim narzędzia dawały raczej skromne możliwości. Nowa wersja programu nie wniosła żadnych rewolucyjnych zmian w tym zakresie, choć sytuacja się poprawiła. Znacznie lepiej rozwiązano problem edycji dynamicznej zawartości w edytorze Macromedia Dreamweaver 3 - metoda kontrolowania zachowania poszczególnych obiektów bardzo przypomina zastosowaną w programie Flash tej samej firmy. Dzięki przejrzystemu interfejsowi użytkownika możesz w łatwy sposób projektować złożone animacje i przypisywać je do poszczególnych zdarzeń (takich jak np. kliknięcie czy przesunięcie kursora myszy). Co najważniejsze, Dreamweaver pozwala kontrolować kompatybilność edytowanego projektu, dzięki czemu masz pewność, że wszystkie przeglądarki poprawnie zinterpretują Twoje dokumenty. Okazuje się jednak, że w kwestii edytorów DHTML nie padło jeszcze ostatnie słowo - Microsoft szykuje nowy produkt o nazwie Vizact; jako element pakietu MS Office ma on wspierać Front- Page'a w przygotowywaniu dynamicznych publikacji.

Funkcje edycyjne

Sposób tworzenia dokumentów w dużej mierze zależeć będzie od charakteru danego edytora, jednak każdy program powinien mieć przynajmniej dwa tryby edycji, umożliwiając zarówno edycję czystego kodu HTML, jak i podgląd gotowego dokumentu. Nawet jeśli wolisz korzystać z wizualnego trybu edycji, pamiętaj, że tylko tryb tekstowy zapewnia maksymalną kontrolę wyglądu projektowanego dokumentu.

Niektóre edytory pozwalają na pracę w tzw. trybie znaczników (ang. on-tag mode) - dzięki niemu można łatwo zweryfikować logiczną strukturę dokumentu oraz uzyskać dostęp do dodatkowych parametrów edytowanego znacznika. Jeśli projektujesz strony w trybie tekstowym, zwróć uwagę na możliwości wbudowanego edytora tekstowego - dobrze jeśli potrafi on wyróżniać słowa kluczowe różnymi kolorami i ma opcję "dopowiadania" ich w trakcie wpisywania (dotyczy to nazw znaczników i ich atrybutów). Inne przydatne funkcje to przeszukiwanie i zamiana tekstu (w obrębie jednego pliku lub całej witryny), analiza poprawności kodu HTML czy automatyczne zamykanie niektórych znaczników.

W przypadku edytorów WYSIWYG kluczowym czynnikiem jest dokładność generowanego przez program kodu (tak by gotowy dokument wyglądał identycznie jak edytowany projekt), czytelność i niewielki rozmiar (większość edytorów tworzy kod zawierający dużo zbędnych lub powtarzających się fragmentów kodu). W drugiej kolejności zwróć uwagę na łatwość tworzenia elementów składowych dokumentu. Zazwyczaj najbardziej kłopotliwymi obiektami są tabele i formularze; w przypadku tych ostatnich sprawdź, czy program potrafi automatycznie skojarzyć ze sobą przyciski opcji (ang. radio buttons) i wygenerować rozwijane listy na podstawie podanych przez Ciebie danych. Zobacz, czy podczas skalowania tabeli proporcje rozmiarów komórek nie ulegają zmianie, a ich zawartość jest prawidłowo wyświetlana.

Kolejna kwestia to sposób modyfikowania parametrów elementów składowych - zazwyczaj wystarczy dwukrotnie kliknąć edytowany obiekt i zmienić żądane wartości w oknie właściwości. Upewnij się, że możesz w prosty sposób zmodyfikować wszystkie niezbędne elementy - kolor, krój i stopień pisma w przypadku tekstu, marginesy, ramki i obszary aktywne w przypadku grafiki. Dla każdego z tych elementów powinna istnieć opcja pozwalająca prosto i szybko dodać łącze hipertekstowe - wraz z uwzględnieniem parametru target oraz wywołań funkcji języka skryptowego.


Zobacz również