Część I. Wprowadzenie do programu Dreamweaver 4 Rozdział 1. Co nowego w programie Dreamweaver 4 Rozdział 2. Dostosowywanie programu Dreamweaver do własnych potrzeb Rozdział 3. Dreamweaver i HTML Część II. Podstawy kodu HTML Rozdział 4. Praca z tekstem. Rozdział 5. Połączenia i nawigacja Rozdział 6. Praca z obrazami Rozdział 7. Zagadnienia związane z projektowaniem stron WWW Część III. Zaawansowane formatowanie dokumentu Rozdział 8. Definiowanie układu strony za pomocą tabel Rozdział 9. Definiowanie układu strony za pomocą ramek Rozdział 10. Korzystanie z warstw Rozdział 11. Formularze Rozdział 12. Korzystanie z kaskadowych arkuszy stylów Część IV. Zarządzanie witryną Rozdział 13. Okno Site i organizacja plików Rozdział 14. Publikowanie witryny, obsługa plików i raportowanie Rozdział 15. Opcje pracy grupowej Rozdział 16.Biblioteki i szablony Część V. Zastosowanie multimediów Rozdział 17. Animacje z liniami czasu Rozdział 18.Animacje Flash Rozdział 19.Tworzenie skryptów JavaScript w programie Dreamweaver Rozdział 20. Wstawianie obiektów multimedialnych Część VI. Tworzenie witryny dla zaawansowanych Rozdział 21.Rozszerzenia i Extension Manager Rozdział 22. Definiowanie własnych obiektów i behawiorów Rozdział 23. Skrypty i języki oparte o znaczniki Rozdział 24. Witryny korzystające z baz danych Część VII. Dodatki Dodatek A. Skróty klawiaturowe Dodatek B. Zgodność z przeglądarkami Dodatek C. Co jest na płycie CD

O Autorach Anne-Marie Yerks jest autorką, instruktorką, artystką i projektantką grafiki i interfejsów graficznych wykorzystującą w swojej pracy oprogramowanie firmy Macromedia. Wykładała język HTML i projektowanie stron WWW na uniwersytetach George Mason University i George Washington University. Aktualnie zajmuje się projektowaniem witryn sieciowych dla Uniwersytetu Michigan. Jest współautorką wielu artykułów prasowych oraz dwóch książek na temat Internetu. W tej chwili opracowuje animacje sieciowe, które zostaną udostępnione pod koniec 2001 roku. John Pickett to dwudziestolatek studiujący informatykę na Uniwersytecie Utah. Jest także współwłaścicielem małej firmy internetowej, Blurred Vision Studios L.L.C. (http:///www.bvstudios.com), zlokalizowanej w Salt Lake City, Utah. Językiem HTML zajmuje się już od piętnastego roku życia, a od dwóch lat interesuje go przede wszystkim tworzenie biznesowych witryn WWW. Program Dreamweaver jest mu znany począwszy od wersji 2. Blaine Tait jest instruktorem w Durham College w Ontario w Kanadzie i prowadzi różnorakie kursy komputerowe, w tym języków HTML i JavaScript, tworzenia animacji sieciowych przy wykorzystaniu programu Flash, projektowania interfejsów sieciowych oraz oczywiście obsługi programu Dreamweaver. Blaine kieruje także własną firmą projektowania stron WWW i zastosowań multimediów – Omnidirectional Studios – która mieści się nieopodal Toronto. W ofercie firmy są także propozycje opartych o komputery rozwiązań dla biznesu, w tym skład komputerowy i projektowanie stron WWW oraz tworzenie zaawansowanych prezentacji multimedialnych (animacji Shockwave i Flash, obiektów 3D, animacji, dźwięku cyfrowego i ekomercji). Blaine stosuje program Dreamweaver na co dzień. Korzysta także z innych programów firmy Macromedia, takich jak Flash, Fireworks i Freehand, stanowiących uzupełniający się system pozwalający na tworzenie i obsługę stron WWW. Matthew David już od sześciu lat zajmuje się multimediami i technologiami sieciowymi. Jest współautorem książek „Dreamweaver Bible”, „Flash 5 Magic” oraz „Flash: Visual Insight”. Regularnie publikuje swoje artykuły w magazynie „Multimedia Development and Design” wydawanym przez Element K Journals. Przygotował ponad tuzin kursów sieciowych, jest także naczelnym instruktorem w Allen Interactions. Niezależnie od pisania, Matthew prowadzi także konsultacje w zakresie sieci lokalnych. Laura Gutman od trzynastu lat zajmuje się projektowaniem grafiki komputerowej, a od dziesięciu także tworzeniem multimediów. Wcześniej była skrzypaczką, pisała książki techniczne, studiowała prawo oraz działała naukowo. Uzyskała stopień doktora filologii angielskiej na Uniwersytecie St. Andrews (Szkocja). Obecnie mieszka wraz z psem, papugami i mnóstwem komputerowych zabawek w Albuqerque w Nowym Meksyku. Nie będąc związana z żadną firmą, zajmuje się rozbudową i projektowaniem multimediów oraz stron WWW, działa także jako konsultant w tej branży. Prowadzi również wykłady projektowania stron WWW i multimediów oraz programowania na Uniwersytecie New Mexico i w Caliente Media Center (jest to jedyny w

Nowym Meksyku ośrodek szkoleniowy posiadający certyfikat firmy Macromedia). Znajdziesz ją w sieci pod adresem http://www.rocketlaura.com.

O redaktorze technicznym Eric Lerner jest kierownikiem działu obsługi technicznej w firmie Macromedia. Działa w firmie od 10 miesięcy i regularnie spotyka się z zespołem pracującym nad programem Dreamweaver, pomagając rozszerzać możliwości programu. Przez ręce Erica przeszła nie tylko ta książka, lecz także dokumentacja programu Dreamweaver 4 i wiele innych opracowań dotyczących programu. W przerwach między instruowaniem współpracowników odnośnie stosowania programu Dreamweaver i rozśmieszaniem ich, Eric zajmuje się czytaniem, podróżowaniem i nauką snowboardingu.

Dedykacja Ann-Marie Yerks: Dedykuję książkę Lianie, Alexowi i tym wszystkim studentom projektowania stron WWW, których wyobraźnia tworzy świat, w którym codziennie klikamy. John Pickett: Maryanne, za Twoją cierpliwość i zrozumienie. Dzięki, że byłaś przy mnie na dobre i na „mniej dobre”.

Podziękowania Ze strony Anne-Marie: W pracy nad tą książką pomagało mi wiele osób. Specjalnie gorąco chciałabym podziękować Mamie, Ann Bailey Glasgow, i Babci, Lottie Bailey, za ich wsparcie. Także Tacie należą się podziękowania, bowiem to on wiele lat temu nauczył mnie DOS-a. Dziękuję kuzynowi Christopherowi Davidowi Baileyowi za udostępnienie biura w Good As Gold Investments, kuzynkom Karen i Amandzie oraz ojczymowi Rickowi Glasgow. Nie napisałabym tej książki, gdyby nie inspiracja współpracowników i wieloletnich kolegów, takich jak ludzie z George Mason IDO (Jacquee, Chris, Ronnie, Randy, Saba), którzy sprawili, że podjęłam się tego zadziwiającego zadania. Pomogły mi w tym także subskrybentki grupy dyskusyjnej DC Web Women (niech rośnie w siłę). Podziękowania kieruję też do moich przyjaciół. Dzięki: Heather, Kenneth, Wendi, Amy, Laura, Christy, Barry, Paula, Michelle, Justine, Stacy, Dawn, Emre, Hajer, Yousef i reszto imperium. Dziękuję Britt Funderburg, Eddiemu Jamesowi, Marcowi Kleinowi i Ericowi Harshbargerowi za eksperckie rady i przemyślane odpowiedzi na moje liczne pytania. Oczywiście podziękowania należą się również Wydawnictwu New Riders Publishing, a przede wszystkim redaktorowi Johnowi Rahmowi oraz współautorom tej książki. Myślę, że tworzyliśmy wspaniały zespół.

Ze strony Johna: Praca nad tą książką pozwoliła mi poszerzyć własną wiedzę. Chciałbym podziękować wszystkim z New Riders. Stephanie Wall, która zauważyła, że mam coś specjalnego do zaoferowania. Lindzie Bump i Johnowi Rahmowi za poświęcenie mi w trakcie prac nad książką wielu godzin. Dziękuję za cierpliwość i pomoc w pracach nad realizacją projektu. Chcę także podziękować Anne-Marie i Blaineowi: praca z Wami to była czysta przyjemność i wspaniałe doświadczenie. Specjalne podziękowania kieruję do Laury Gutman, która odważnie zastąpiła mnie w napisaniu rozdziału o obiektach i behawiorach. Chcę także publicznie podziękować Alowi Sparberowi, który, jak przypuszczam, cieszy się ogromnie, że książka wreszcie powstała, i że w związku z tym przestanę go nachodzić. Firmie Macromedia chciałbym podziękować za pośredni udział w stworzeniu mi tej szansy oraz za przygotowanie tak wspaniałego i odmiennego od innych produktu. Tylko tak dalej! Szczególnie gorąco dziękuję rodzicom, Jeffowi i Cherie, za materialne wsparcie w trakcie prac nad projektem, oraz mojemu małemu (no, nie całkiem małemu, lecz niewątpliwie młodszemu) bratu Bartowi: nieustannie mnie rozbawiasz. Podziękowania kieruję także do krewnych, szczególnie do Dziadków, w tym także do niedawno zmarłego Dziadka Douga, który nauczył mnie marzyć. Chcę też podziękować Mike’owi Charo, mojemu długoletniemu przyjacielowi i partnerowi w biznesie. Dziękuję również Reedowi Shermanowi za wprowadzenie mnie w bezmierny świat Dreamweavera i stworzenie możliwości zabłyśnięcia. Są jeszcze Blake Atkin, Robert Agnus, Mike Strange i Paul Strange – im także muszę podziękować za przyjaźń, wsparcie i nieustanne służenie radą. Joe, Lisa, Alisa – Wam dziękuję za przyjaźń i pomoc. Dziękuję wszystkim, którzy uważają, że im też należy się poklepanie po plecach. Wreszcie chciałbym gorąco podziękować mojej wiecznej miłości, Maryanne, za nieustanne wsparcie i miłość, jaką mi daje. Mam jedynie nadzieję, że dzisiejsze poświęcenia zaowocują w przyszłości. Z niecierpliwością oczekuję tych owoców! Wiem, że myślisz, iż chcę, byś przeczytała całą książkę, aczkolwiek jeśli tylko dotrzesz to tego miejsca i tak będę usatysfakcjonowany. Kocham Cię!

Dedykacja Od Anny-Marii Yerks: Dedykuję tę książkę Lianie, Alexowi i wszystkim studentom projektowania stron WWW, których wyobraźnia przywołała do życia świat, w którym przemieszczamy się codziennie klikając. Od Johna Picketta: Za cierpliwość i zrozumienie mojej ukochanej Maryanne. Dzięki za trwanie przy mnie w dobrych i „mniej dobrych” czasach.

Podziękowania Od Anny-Marii Yerks: Wiele osób pomagało mi w trakcie pracy nad książką. Szczególnie chciałabym podziękować Mamie, Ann Bailey Glasgow, oraz Babci, Lottie Bailey, za ich wsparcie. Równie mocno dziękuję Tacie, Elderdowi C. Yerksowi, który wiele lat temu nauczył mnie obsługi DOS-a. Kuzynowi Christopherowi Davidowi Baileyowi dziękuję za udostępnienie biura w firmie Good As Gold Investments. Dziękuję także kuzynkom KAren i Amanndzie oraz ojczymowi Rickowi Glasgow. Nie napisałabym tej książki, gdyby nie wieloletnia inspiracja ze strony współpracowników i przyjaciół, jak tych z George Mason IDO (Jacquee, Chris, Ronnie, Randy, Saba), którym zawdzięczam skierowanie mnie w tę zadziwiającą tematykę, oraz tych z listy dyskusyjnej DC Web Women (niech zawsze rośnie w siłę). Podziękowania kieruję również do moich przyjaciół. Dzięki Wam, Heather, Kenneth, Wendi, Amy, Lauro, Christy, Barry, Paulo, Michelle, Jusine, Stacy, Dawn, Emre, Hajer i cała reszto imperium! Britt Funderburk, Edie James, Marcu Klein i Ericu Harsbarger – Wam także należą się podziękowania za fachową radę i przemyślane odpowiedzi na moje pytania. Oczywiście chciałabym także podziękować Wydawnictwu New Riders Publishinng, a szczególnie redaktorowi Johnowi Rahmowi oraz współautorom tej książki. Myślę, że tworzyliśmy wspaniały zespół. Od Johna: Dzięki tej książce miałem niezwykłą okazję pogłębienia swojej wiedzy. Chciałbym podziękować wszystkim z Wydawnictwa New Riders Publishinng. Stephanie Wall, która zauważyła, że mam coś specjalnego do zaoferowania. Lindzie Bump i Johnnowi Rahmowi za poświęcenie mi wielu godzin w trakcie realizacji projektu. Dziękuję za Waszą cierpliwość i pomoc. Chcę też podziękować Anne-Marii i Blaine – praca z Wami była cudownym doświadczeniem. Specjalne podziękowania kieruję do Laury Gutman, mojej bohaterce za napisanie w moim imieniu rozdziału o tworzeniu obiektów i behawiorów. Chcę także podziękować publicznie Alowi Sparberowi – wiem, że zakończenie prac nad książką cieszy go przede wszystkim dlatego, że przestanę wreszcie go dręczyć. Firmie Macromedia dziękuję za pośrednie stworzenie mi tej możliwości oraz za sam produkt, tak wspaniały i tak odmienny od innych. Róbcie dalej dobrą robotę! Chciałbym podziękować moim Rodzicom, Jeffowi i Cherie, wspierającym mnie finansowo w trakcie realizacji projektu, oraz mojemu małemu (prawdę mówiąc nie takiemu małemu, lecz niewątpliwie młodszemu) braciszkowi Bartowi – rozbawiałeś mnie nieustannie. Podziękowania kieruję do wszystkich krewnych, a szczególnie do Dziadków, w tym do niedawno zmarłego

Dziadka Douga, który nauczył mnie marzyć. Chciałbym podziękować Mikowi Charo, wieloletniemu przyjacielowi i partnerowi w interesach. Reedowi Shermanowi pragnę złożyć podziękowania za wprowadzenie mnie w rozległy świat Dreamweavera i stworzenie okazji, by zabłysnąć. Ogromne podziękowania należą się Blake’owi Atkinowi, Robertowi Angusowi, Mike’owi Strange i Paulowi Strange za ich przyjaźń, pomoc i dobre rady. Joe, Shane, Zack, Lisa, Aliza – dziękuję Wam za pomoc i wsparcie. Wszystkim pozostałym, którzy uważają, że także zasłużyli na poklepanie po plecach, dziękuję i poklepuję. Wreszcie chciałbym podziękowania złożyć mojej wiecznej miłości, Maryanne, za jej nieustające wsparcie i miłość, jaką mi daje. Mam jedynie nadzieję, że dzisiejsze poświęcenia zaowocują w przyszłości. Oczekuję tej przyszłości z wielkim podnieceniem! Wiem, że przypuszczasz, iż chcę Cię skłonić do przeczytania całej książki, ale będę i tak zadowolony, jeśli dotrzesz tylko do tego miejsca. Kocham Cię!.

Wiadomość z New Riders Ty, Czytelniku tej książki, jesteś naszym najważniejszym krytykiem i komentatorem. Cenimy sobie Twoją opinię i dlatego chcemy dowiedzieć się właśnie od Ciebie, co robimy dobrze, co moglibyśmy zrobić lepiej, w jakich dziedzinach oczekujesz pojawienia się naszych publikacji. Czekamy na wszelkie mądre słowa, które chciałbyś do nas skierować. Jako naczelny redaktor Wydawnictwa New Riders powitam wszystkie Twoje uwagi z radością. Możesz przesyłać je faksem, pocztą elektroniczną lub zwykłą, aby dać mi znać, co podobało Ci się w tej książce, a co nie, oraz jakie kroki powinniśmy podjąć, aby nasze książki były lepsze. Umieść w swoim liście tytuł książki, jej ISBN, nazwisko autora oraz swój numer telefonu lub faksu. Z całą uwagą przeczytam Twoje uwagi i przekażę je autorom i redaktorom, którzy pracowali nad daną pozycją. Niestety nie będę w stanie pomóc Ci w rozwiązaniu technicznych problemów odnoszących się do konkretnego tematu z książki, a ze względu na znaczną objętość korespondencji, którą otrzymuję, nie zawsze będę w stanie odpowiedzieć na Twój list. Dziękuję. E-mail: [email protected] Adres: Stephanie Wall Executive Editor New Riders Publishing 201 West 103rd Street Indianapolis, IN 46290 USA Odwiedź naszą stronę: www.newriders.com Na naszej stronie znajdziesz informacje o innych naszych książkach, autorach, z którymi współpracujemy, aktualizacje książek oraz pliki do ściągnięcia, promocje, fora dyskusyjne umożliwiające bezpośredni, internetowy kontakt z innymi użytkownikami oraz ekspertami, a także kalendarz targów książki i innych wydarzeń z branży wydawniczej, w których uczestniczymy. Mamy nadzieję, że od czasu do czasu będziesz odwiedzał to miejsce.

Kontakt z nami Idź na naszą stronę www.newriders.com i wejdź w połączenie Contact, jeśli: ‰

Masz uwagi lub pytania dotyczące tej książki.

‰

Chcesz zgłosić błędy, znalezione w książce.

‰

Masz własny pomysł na książkę i chciałbyś napisać ją dla New Riders.

‰

Chciałbyś otrzymać od nas jeden z poradników dla autorów.

‰

Jesteś ekspertem w dziedzinie informatyki oraz komputerów i chciałbyś zostać recenzentem lub redaktorem technicznym.

‰

Chciałbyś zająć się rozprowadzaniem naszych książek.

‰

Jesteś nauczycielem lub instruktorem i chcesz przeglądnąć nasze książki pod kątem ewentualnego ich wykorzystania jako materiałów pomocniczych. W tym przypadku, podaj w obszarze treści listu swoje nazwisko, nazwę szkoły, wydziału, adres, numer telefonu, godziny pracy, aktualnie stosowany podręcznik, świadectwo rejestracyjne, dołącz także prośbę o przesłanie przykładowych egzemplarzy lub dodatkowych informacji.

Prześlij nam faks Jesteśmy do Twojej dyspozycji pod bezpłatnym numerem (800) 571-5840 + 9 + 3567 (proś o New Riders). Jeśli jesteś spoza Stanów Zjednoczonych, dzwoń na numer 1-317-581-3500 i proś o połączenie z New Riders. Jeśli wolisz, możesz korzystać z tego numeru: 1-317-581-4663, Attention: New Riders. Wsparcie techniczne Chociaż zachęcamy wszystkich użytkowników, niezależnie od wstępnego poziomu ich umiejętności, do sięgania po nasze książki i pełnego z nich czerpania, chcemy nadmienić, że książki kierowane są w założeniu do czytelnika posiadającego już pewien poziom wiadomości w danej dziedzinie. Założenie to znajduje swoje odzwierciedlenie w zwięzłej i skrótowej postaci niektórych kursów. Wydawnictwo New Riders dokłada wszelkich starań, aby wydawane pozycje były jasno napisane, starannie przetestowane i zrecenzowane oraz reprezentowały najwyższy poziom edukacyjny i twórczy. Nasi klienci są dla nas najważniejsi – dla nich właśnie prowadzimy to przedsięwzięcie – nie możemy jednak zagwarantować, że każdej z tysięcy osób, które kupią nasze książki, będziemy w stanie pomóc indywidualnie odpowiadając na wszystkie jej wątpliwości i pytania dotyczące kursów i tematyki. Zachęcamy czytelników potrzebujących pomocy w wykonaniu ćwiczeń i przebrnięciu przez określony zakres materiału, a także tych, którym pomoc jest niezbędna natychmiast, do korzystania z wszelkich zasobów sieciowych, takich jak na przykład listy dyskusyjne.

Wstęp Gratulacje! Sięgając po tę książkę, otworzyłeś się nie tylko na dwadzieścia cztery rozdziały jej zawartości. Stworzyłeś także okazję, aby ulepszyć swoją stronę WWW i podwyższyć poziom własnych umiejętności jako projektanta stron WWW poprzez sięgnięcie po program Dreamweaver 4. Jeśli zastanawiasz się, dlaczego akurat ta wiedza ma Ci być potrzebna, spójrz na inne strony WWW, które teraz pojawiają w Internecie. Zauważysz bez trudu, że dominuje tendencja do interaktywnego współdziałania z użytkownikiem, często za pośrednictwem animacji Flash, DHTML i JavaScript. Stwierdzisz także, że mnóstwo naprawdę użytecznych informacji dostępnych w Internecie pochodzi z baz danych i jest prezentowanych dzięki skryptom Cold Fusion i technologii Active Server Pages. Żaden z tych trendów nie jest nowy. Internet od samego początku ewoluuje w kierunku środowiska konfigurowanego przez użytkownika. Jeśli nawet pojawiają się nowe pomysły, to i tak wyrastają one ze starych korzeni. Teraz, bardziej niż kiedykolwiek, narzędzia programowania niezbędne do stworzenia kompletnej strony WWW, są dostępne dla wszystkich, nie tylko dla programistów. Co więcej, narzędzia projektowe, dzięki którym możliwe jest przygotowanie naprawdę wspaniałej strony WWW, także stają się osiągalne powszechnie. Choć nic nie zastąpi wiedzy i talentu, pozwala to usunąć niektóre przeszkody i ułatwia życie projektantom i programistom. Dzięki programowi Dreamweaver 4 i egzemplarzowi tej książki wyzwania stawiane przez programowanie i projektowanie są łatwiejsze do pokonania. Godziny prób, błędów i frustracji przeobrażają się w czas przyjemnie spędzony nad przekształcaniem własnej strony WWW w pokazowy przykład formy i funkcjonalności. Instruktorzy znajdą w naszej książce wszystko, co niezbędne, aby nauczyć studentów tworzenia i rozbudowywania stron WWW. Ćwiczenia, pytania testowe i podsumowania składają się na solidny program nauczania. Książka jest także idealna dla tych użytkowników programu Dreamweaver, którzy samodzielnie chcieliby nauczyć się obsługi programu w domu lub w pracy.

Jak korzystać z książki Potraktuj tę książkę jako źródło inspiracji i narzędzie pomocne w nauce programu Dreamweaver 4 oraz jako poradnik korzystania z zasobów. Każdy z rozdziałów dostarczy Ci wiedzy niezbędnej do wykonania określonych zadań. Ćwiczenia lub ich zestawy, dołączone do każdego z rozdziałów, zilustrują zastosowania funkcji programu Dreamweaver, a zawarte w rozdziałach podstawowe informacje, pytania testowe i podpowiedzi przyspieszą proces realizacji ćwiczeń.

Dołączony do książki CD-ROM zawiera pliki niezbędne przy wykonywaniu ćwiczeń. Przed przystąpieniem do pracy, skopiuj pliki na dysk twardy swojego komputera. Pozwoli to zapisywać je i wyświetlać w przeglądarce.

Jak zorganizowana jest książka Książka podzielona jest na siedem części. Poszczególne części poświęcone są określonym aspektom procedury tworzenia strony WWW lub omawiają konkretne zestawy funkcji programu Dreamweaver. Choć nie musisz czytać książki w porządku chronologicznym, rozdziały danej części warto przeglądać w kolejności ich pojawiania się, aby podążać za wątkiem logicznym. Oto lista części książki i ich zawartość: ‰

Część I. Wprowadzenie do programu Dreamweaver 4 (rozdziały 1-3). Zostały tu przedstawione i zilustrowane podstawowe pojęcia dotyczące projektowania i tworzenia strony WWW w programie Dreamweaver 4. Punkt ciężkości położony został na omówienie interfejsu programu. Przeczytanie tej części książki zalecane jest początkującym użytkownikiem programu Dreamweaver, a także tym, którzy program już znają, lecz chcą w pełni wykorzystać wszystkie nowe opcje i narzędzia wersji 4.

‰

Część II. Podstawy kodu HTML (rozdziały 4-7). Ta sekcja omawia podstawy tworzenia dokumentów HTML w programie Dreamweaver. Poruszane są tu kwestie takie jak formatowanie tekstu, umieszczanie w dokumentach obrazów i ich wyrównywanie. Znajdziesz tu także omówienie struktury witryny w aspekcie połączeń i nawigacji. Ostatni rozdział tej części poświęcony jest podstawowym zagadnieniom projektowania stron WWW i prezentuje ich proste rozwiązania.

‰

Część III. Zaawansowane formatowanie dokumentu (rozdziały 8-12). Po zapoznaniu się z podstawami, następny krok, zgodnie z logiką, prowadzi do zaawansowanych sposobów formatowania dokumentu. Wyjaśnione tu zostaną wszystkie tajemnice kryjące się za terminami takimi jak warstwy, tabele, linie czasowe, formularze, ramki i kaskadowe arkusze stylów. Szczegółowo omówione ćwiczenia wraz z solidnym ładunkiem podstaw teoretycznych pomogą Ci podporządkować sobie wszystkie te sprytne techniki i w pełni je wykorzystywać.

‰

Część IV. Zarządzanie witryną (rozdziały 13-16). Webmasterzy, zatrzymajcie się tutaj! Ta część książki omawia dostępny w programie Dreamweaver bogaty zestaw narzędzi zarządzania witryną. Nawet jeśli jesteś mistrzem w obsłudze systemów UNIX lub Windows NT, nie zaszkodzi wznieść się na nowy poziom efektywności poprzez skorzystanie z narzędzia śledzenia zmian (Design Notes), szablonów, bibliotek i opcji pracy grupowej (check-in i check-out). W tej części przetestowane zostało narzędzie znajdywania i zamiany, dzięki któremu w kilka sekund można zaktualizować witrynę.

‰

Część V. Zastosowanie multimediów (rozdziały 17-20). Przez wiele lat animacja i dźwięk nazywane były przyszłością sieci. W tej części książki przyjęto założenie, że przyszłość stała się już teraźniejszością. Zawartość sekcji przeznaczona jest przede wszystkim dla użytkowników programów Flash, Fireworks, JavaScript oraz innych dodatków stosowanych do tworzenia animacji i efektów specjalnych. Jeśli nie masz w tej dziedzinie żadnych doświadczeń, nie przejmuj się. Ćwiczenia są tak skonstruowane, że wprowadzą

Cię w temat. Omówione są tu także zalety i wady korzystania z różnych plików multimedialnych. ‰

Część VI. Tworzenie witryny dla zaawansowanych (rozdziały 21-24). Dreamweaver 4 to jedno z pierwszych narzędzi tworzenia stron WWW, które generuje poprawny kod źródłowy strony i umożliwia jego edycję. W tej części książki zajmiemy się akcjami, behawiorami i rozszerzeniami programu Dreamweaver. Ćwiczenia nauczą Cię przyporządkowywać obiektom behawiory, instalować rozszerzenia i rozwiną Twoje umiejętności rozwiązywania problemów. Znajdziesz tu także informację na temat UltraDev, czyli profesjonalnej wersji edytora Dreamweaver. Do tej części powinni sięgnąć wszyscy zainteresowani utworzeniem witryny e-komercji.

‰

Część VII. Dodatki. Książkę zamykają Dodatki omawiające skróty klawiszowe, kwestie kompatybilności przeglądarek oraz zawartość CD-ROMu.

Co powinieneś wynieść z lektury książki Im lepiej poznasz program Dreamweaver 4, tym pełniej wykorzystasz tę książkę. Zawartość tego tomu to efekt kumulatywnego wysiłku autorów, projektantów, programistów, wydawców i wielu specjalistów z innych dziedzin. Cel, który nam przyświecał, to stworzyć pełny opis programu Dreamweaver 4 i zaprezentować czytelnikom wszystkie możliwości programu w ich nowym wymiarze efektowności i interaktywności. Teraz realizacja naszego celu zależy od roli, jaką książka odgrywa w Twoim sukcesie twórcy stron WWW. Jako Twój asystent w procesie nauczania, przewodnik po zasobach i wreszcie źródło inspiracji, książka może być zarówno punktem startowym, jak i metą. Mamy nadzieję, że przetworzysz pracę, którą wykonaliśmy w wygodną stację obsługi, miejsce, do którego nieustannie będziesz wracał, aby załadować akumulatory przed dalszym przekuwaniem marzeń na wirtualną rzeczywistość.

Rozdział 1. Co nowego w programie Dreamweaver 4 Być może przyjaciel powiedział Ci o nim, może poznałeś już jego wcześniejsze wersje, a może jest to narzędzie, z którego musisz korzystać na zajęciach w szkole. Niezależnie od tego jak lub dlaczego, trafiłeś na jedyne chyba na rynku narzędzie tworzenia stron WWW o takich możliwościach rozbudowywania go i dostosowywania do potrzeb użytkownika. Zespół opracowujący Dreamweaver z firmy Macromedia ciężko pracował od chwili wypuszczenia wersji 3 programu i w obecnej wersji to widać. Poprawiło się wiele – począwszy od lepszej kontroli przez rozbudowę rozszerzeń i ich obsługi, po nowe narzędzia ułatwiające pracę z kodem HTML, skryptami JavaScript i elementami CSS. Zanim jednak sięgniesz po program, poświęć chwilę, aby poczytać o wszystkich nowinkach i ciekawych opcjach oferowanych przez Dreamweaver 4. W tym rozdziale omówione zostaną następujące zagadnienia: ‰

Pływające palety

‰

Kod źródłowy

‰

Projektowanie

‰

Opcje pracy grupowej

‰

Zarządzanie środowiskiem

Pływające palety Pływające palety to nie nowina w programie Dreamweaver 4, aczkolwiek niewątpliwie warto o nich wspomnieć. Większość z nich można łączyć, a więc tworzyć z nich okienka zaopatrzone w zakładki. Taką właściwość posiadają następujące palety: Assets, Behaviors, Code Inspector, CSS Styles, Frames, History, HTML Styles, Layers, Reference i Objects. Zakładki poszczególnych kategorii można przeciągać między oknami. Wyjątek stanowi jedynie paleta obiektów (ang. Objects Panel), jeśli wyświetlana jest we własnym oknie. Inne palety można przeciągać do palety obiektów i tu przycumowywać, ale nie można przeciągnąć palety obiektów

do okna innej palety. Dreamweaver śledzi wszelkie zmiany i zachowuje ich efekt w kolejnych sesjach. Więcej informacji na ten temat znajdziesz w rozdziale 2, Dostosowywanie programu Dreamweaver.

Kod źródłowy W nowej edycji programu Dreamweaver, znakomicie poprawiono możliwości edycji kodu źródłowego. Począwszy od umożliwienia edycji dokumentów innych niż HTML, po dodanie programu uruchomieniowego skryptów JavaScript – Dreamweaver pojawił się na placu boju gotowy, by konkurować z wszystkimi specjalizowanymi edytorami tekstowymi, od których wcześniej był zależny. Teraz ma własne edytory.

Zintegrowany edytor tekstu Niezgrabne i nieefektywne narzędzie jakim był w poprzedniej wersji HTML Inspector zostało przebudowane w doskonały edytor kodu źródłowego o szerokich możliwościach. Dostęp do tego narzędzia masz zarówno z poziomu menu Code, jak i w palecie Code Inspector. Nowy widok Split pozwala wyświetlić stronę WWW jednocześnie w dwóch widokach: projektu i kodu źródłowego. Zintegrowany edytor automatycznie stosuje wcięcia do kodu HTML i JavaScript oraz zawiera propozycje schematów kolorystycznych, które pomogą Ci wizualizować określone elementy dokumentu. Dreamweaver automatycznie otworzy także pliki XML i skrypty JavaScript w widoku kodu, co pozwala od razu przystąpić do pracy. W ustawieniach programu (Preferences) masz także możliwość zdefiniowania dodatkowych typów plików, które można otwierać w tym widoku. W widoku kodu zachowujesz dostęp do obiektów programu Dreamweaver i innych opcji menu. Dodatkowe informacje na temat tej poprawionej opcji znajdziesz w rozdziale 3., „Dreamweaver i HTML”, oraz w rozdziale 4., „Praca z tekstem”.

Widok kodu i projektu Widok Show Code and Design Views umożliwia jednoczesne zaprezentowanie kodu źródłowego i projektu w jednym oknie. Kod można wyświetlić i optymalizować w górnym lub dolnym panelu, a drugi z paneli wykorzystać do przełączania się między projektem a zawartością strony. W poprzednich wersjach jednoczesna prezentacja kodu i projektu była możliwa tylko w przypadku korzystania z wielu monitorów. Temu trybowi pracy poświęcony jest rozdział 3.

Moduł uruchomieniowy JavaScript Nowy program uruchomieniowy JavaScript niewątpliwie uwolni wielu programistów od bólu głowy. Masz w nim możliwość wstawiania w kodzie punktów kontrolnych i śledzenia w przeglądarce Internet Explorer lun Netscape Navigator wykonywania skryptu w czasie rzeczywistym, krok po kroku. Jest to nie tylko doskonałe narzędzie do usuwania błędów, lecz także narzędzie dydaktyczne. Pozwala zobaczyć jak poszczególne przeglądarki radzą sobie z

interpretacją i obsługą funkcji języka JavaScript. Rozdział 23., „Skrypty i języki oparte o znaczniki”, omawia to narzędzie szczegółowo.

Dodatkowe informacje na temat kodu Za nami już czasy, gdy traciłeś cenne minuty wyszukując w sieci lub grubych tomiskach atrybuty znaczników lub sprawdzając składnię wyrażeń. Dreamweaver 4 został wyposażony w rozbudowaną bibliotekę znaczników HTML, styli CSS i obiektów JavaScript, do których prosty dostęp daje narzędzie Reference. Jak pokazuje rysunek 1.1, potrzebna Ci informacja na temat określonego elementu może zostać automatycznie przywołana szybko i bez trudu. W rozdziale 3. dowiesz się jak to zrobić. Rys. 1.1. Paleta Reference

Skróty klawiszowe z możliwością dostosowania Standardowym wyposażeniem produktów firmy Macromedia jest edytor skrótów klawiszowych, zaprezentowany na rysunku 1.2. Pozwala on dowolnie definiować skróty w oparciu o własne ustalenia użytkownika, które uznaje on za najbardziej „sensowne”. Dreamweaver jest wyposażony w kilka zestawów skrótów klawiszowych, aczkolwiek możliwe jest tworzenie własnych zestawów i zapisywanie ich. Z rozdziału 2. dowiesz się jak tworzyć swoje zestawy skrótów klawiszowych i jak korzystać z istniejących. Początek ramki Uwaga Wszystkie odwołania do skrótów klawiszowych pojawiające się w tej książce dotyczą standardowego zestawu skrótów firmy Macromedia. Jeśli zdecydujesz się na korzystanie z własnych skrótów lub wybierzesz inny zestaw, odwołania mogę przestać być poprawne. Koniec ramki

Nawigacja w kodzie Dreamweaver 4 umożliwia programistom korzystającym z języka JavaScript szybkie przeszukiwanie kodu przy użyciu narzędzia Code Navigation, którego ikona umieszczona jest na pasku narzędzi. Narzędzie to dostępne w widoku kodu pozwala profesjonalistom w branży programowania efektywniej korzystać z języka JavaScript. Szczegółowa prezentacja tej opcji znajduje się w rozdziale 3. Rys. 1.2. Keyboard Shortcuts

Zmiana kolorystyki składni na bieżąco Dreamweaver 4 pozwala użytkownikowi korzystać z opcji bieżącego dostosowywania kolorystyki składni. Opcja działa w ten sposób, że określone elementy kodu HTML lub JavaScript pojawiają się automatycznie i w czasie rzeczywistym (w trakcie pisania) w charakterystycznym dla nich kolorze. Dzięki kolorom składni programista na bieżąco śledzi zmiany zachodzące na stronach. Zróżnicowana kolorystyka kodu pozwala także zorganizować kod w taki sposób, żeby nie było konieczne przeszukiwanie tekstu w celu znalezienia określonego elementu. Szczegółowe omówienie tej opcji znajdziesz w rozdziale 2.

Edycja dokumentów w formacie innym niż HTML Dreamweaver 4 może spełniać funkcję zwykłego edytora tekstu. Umożliwia edycję plików XML, JavaScript, ASP i innych plików tekstowych. Co więcej, program nie ingeruje w układ pliku, którego formatu nie zna. Dlatego można bezpiecznie modyfikować dokumenty ASP mając pewność, że kod nie zostanie zmieniony. Tymi kwestiami zajmuje się rozdział 3.

Pasek narzędzi programu Dreamweaver Pasek narzędzi programu Dreamweaver, pokazany na rysunku 1.3, został na nowo zaprojektowany, aby ułatwić dostęp do wszystkich najczęściej stosowanych narzędzi i poleceń menu. Pasek pozwala zmieniać tytuł strony, przełączać się między widokami i daje dostęp do najczęściej wykorzystywanych opcji. Opcje są różne, w zależności od wybranego widoku, co dodatkowo poprawia funkcjonalność. Uaktywnianie zarządzania plikami oraz wyświetlania i testowania poprawności stron za pomocą jednego kliknięcia to także wielka zaleta. Rozdział 2. opisuje pasek narzędzi w szczegółach. Rys. 1.3. Pasek narzędzi programu Dreamweaver

Projekt Edytory HTML typu WYSIWIG (What You See Is What You Get) stwarzają fascynującą możliwość bycia bardziej projektantem niż programistą. Z powodu tych wszystkich usprawnień obsługi kodu oferowanych w najnowszej wersji programu, usprawnienia projektowe zeszły jakby w cień. Ten punkt prezentuje podsumowanie wszystkich nowych opcji projektowych, które ułatwią Ci nieco życie.

Widok układu strony Widok układu strony (ang. Layout view) dostępny jest z poziomu palety obiektów. Jest to nowa opcja, która pozwala tworzyć tabele i zarządzać nimi w tak prosty sposób, jak w przypadku warstw. Po prostu klikasz i rozciągasz tabelę oraz jej komórki do żądanych rozmiarów, a Dreamweaver sam wyznacza najbardziej efektywny sposób uwzględnienia tych zmian w kodzie HTML oraz sam ten kod tworzy. Zdecydowanie obniża to poziom wiedzy niezbędny do poprawnego manipulowania tabelami. Ponieważ Dreamweaver pomaga zautomatyzować proces tworzenia tabel i konfigurowania ich układu, mniej czasu spędzisz na wyrywaniu sobie włosów z głowy siedząc nad złożonym kodem. Rozdział 8., „Definiowanie układu strony za pomocą tabel”, omawia tę nową, ekscytującą opcję szczegółowo.

Tekst i przyciski programu Macromedia Flash Teraz „wektorową” moc technologii programu Macromedia Flash możesz połączyć z prostotą interfejsu programu Dreamweaver, aby tworzyć tekst, który można edytować, skalować i wiernie odwzorować na wydruku. Dodatkowe style można ściągnąć z Macromedia Exchange lub przygotować samodzielnie. W rozdziale 18., Tworzenie animacji w programie Flash, nauczysz się korzystania z tego „wektorowego” cuda.

Edycja grafiki za pomocą programu Roundtrip Program narzędziowy Roundtrip oferuje możliwość edycji, optymalizacji i wstawiania obrazów na stronach WWW. Jedno kliknięcie przycisku umożliwia otwarcie obrazów umieszczonych na stronach WWW w programie Fireworks, udostępniając całą jego potęgę. Kolejne kliknięcie poprowadzi Cię z powrotem do programu Dreamweaver, ze zmodyfikowanym obrazem pod pachą. Uruchom Fireworks automatycznie i dokonaj optymalizacji swoich obrazów w taki właśnie sposób. Rozdział 4., „Praca z tekstem”, oraz rozdział 6., „Praca z obrazami”, omawiają szczegółowo możliwości programu Roundtrip.

Interfejs użytkownika w programach Macromedia Firma Macromedia zadbała o to, aby interfejsy poszczególnych jej produktów cechowała spójna i zwarta postać. Z tym pomysłem wiązała się nadzieja, że przyzwyczajenie użytkownika do określonego, poznanego już interfejsu ułatwi korzystanie z interfejsów innych produktów. Pomysł wspaniały, a jego implementacja doskonała.

Opcje pracy grupowej Czy próbowałeś kiedyś współpracować z wieloma osobami nad projektem dużej witryny sieciowej? A co w przypadku, gdy dwie osoby zechcą modyfikować jednocześnie ten sam plik? Czyjeś zmiany niewątpliwie zostaną nadpisane. A jeśli chcesz pozostawić kolejnej osobie

korzystającej z pliku jakąś wiadomość – zwrócić na coś uwagę lub poinformować o koniecznych poprawkach? No cóż, w kwestii opcji pracy grupowej Dreamweaver 4 idzie znacznie dalej niż jego poprzednicy. W wiele z tych opcji możesz uwierzyć na słowo, chyba że spróbowałeś korzystać z innego edytora.

Zarządzanie zasobami Wszystkie Twoje zasoby zastosowane w projekcie witryny są teraz zgromadzone w jednym miejscu, na jednej palecie o nazwie Assets. Umożliwia ona przeglądanie i korzystanie z obrazów, kolorów, adresów URL, obiektów programów Flash (co pokazuje rysunek 1.4) i Shockwave, plików multimedialnych, skryptów i szablonów. Paleta Assets prezentuje nie tylko same zasoby, lecz także szczegółowe informacje na ich temat. Najczęściej używane zasoby można przechowywać w zakładce Favorities, dzięki czemu jest do nich szybki i prosty dostęp. Rozdział 15., „Opcje pracy grupowej”, omawia szczegółowo paletę Assets. Rys. 1.4. Paleta Assets

Integracja z Visual SourceSafe Teraz masz możliwość zintegrowania Microsoft Visual SourceSafe z programem Dreamweaver. SourceSafe to oprogramowanie ułatwiające pracę grupową dużych zespołów, efektywne tworzenie i dokumentowanie projektów. Rozdział 15. omawia szczegółowo jego opcje.

Integracja z WebDAV Niezależnie od możliwości zintegrowania programu Dreamweaver z SourceSafe, możliwa jest także integracja z dowolnym serwerem wspierającym protokół WebDAV (ang. WWW Distributing Authoring and Versioning). Szczegółowe informacje na ten temat znajdziesz w rozdziale 15.

Site Reporting Narzędzie Site Reporting pojawiło się w najnowszej wersji programu Dreamweaver. Jak pokazują rysunki 1.5 i 1.6, Site Reporting to narzędzie przygotowywania raportów zawierających informacje o plikach. Z raportu dowiesz się, w jakich plikach zakończono wprowadzanie poprawek, gdzie umieszczono uwagi, jakie pliki zawierają zagnieżdżone znaczniki formatujące czcionkę, które można zastąpić jednym znacznikiem, gdzie brakuje tekstu alternatywnego, gdzie są nadmiarowe znaczniki zagnieżdżone, a gdzie znaczniki puste, które można usunąć, oraz w którym z dokumentów brak tytułu. Rys. 1.5. Opcje raportu Rys. 1.6.

Raport Wygenerowane raporty można zapisać, aby na ich podstawie wprowadzić później w pliku zmiany usuwające problem. Kwestie dotyczące raportów zostały omówione dokładniej w rozdziale 14.

Konfigurowalne okno Site W programie Dreamweaver można konfigurować najdrobniejsze szczegóły okna Site. Jak widać na rysunku 1.7, użytkownik może definiować widzialność, wyrównanie oraz inne ustawienia, zgodnie ze swoimi upodobaniami. Narzędzie Design Notes pozwala utworzyć nowe kolumny. Kolumny te mogą zawierać wybrane informacje o pliku, takie jak jego stan lub data zakończenia pracy nad nim. Rozdział 13., „Okno Site i organizacja plików”, omawia szczegółowo tę opcję. Rys. 1.7. Okno Site

Wbudowana obsługa poczty e-mail Zamiast dzwonić do osoby, która już zakończyła pracę nad plikiem, aby wróciła do niej, masz teraz możliwość automatycznego przesłania wiadomości e-mail z pytaniami lub instrukcjami. Ułatwia to ogromnie szybką komunikację z pozostałymi członkami zespołu za pośrednictwem jednego kliknięcia myszką. Rozdział 15. omawia szczegółowo tę możliwość.

Extension Manager Przedstawiona na rysunku 1.8 aplikacja Extension Manager, współpracuje z programem Dreamweaver oraz z Macromedia Exchange, umożliwiając instalację, czasową dezaktywację oraz odinstalowywanie obiektów, behawiorów, poleceń i innych rozszerzeń programu Dreamweaver. Extension Manager pozwala także instalować rozszerzenia w programach Flash i Dreamweaver UltraDev. Rozdział 21. nauczy Cię korzystać z tego narzędzia. Rys. 1.8. Extension Manager

Macromedia Exchange Ta zarządzana przez firmę Macromedia witryna daje, za pośrednictwem narzędzia Extension Manager, dostęp do rozszerzeń, które można zainstalować jednym kliknięciem myszki. Macromedia Exchange to miejsce, gdzie masz dostęp do setek obiektów, behawiorów, poleceń i innych rozszerzeń. Rysunek 1.9 prezentuje niektóre z nich. Rys. 1.9. Rozszerzenia DHTML/Layers

Extensions na stronie Macromedia Exchange

Zarządzanie oknami Dreamweaver jest aplikacją, w której praca odbywa się w wielu oknach. Każdy nowy dokument otwierany jest w osobnym oknie. Inaczej jest na przykład w edytorze Microsoft Word, gdzie różne dokumenty wyświetlane są w tym samym oknie aplikacji i tylko jeden z nich może być w danej chwili efektywnie modyfikowany (należy jednak zauważyć, że Word 2000 otwiera już każdy dokument w nowym oknie). Dreamweaver korzysta z palet, które można składać. Można je przycumować do innych palet, do okien lub do brzegów ekranu. Na rysunku 1.10 palety tworzą „mur”, co systematyzuje sposób otwierania okien przez Dreamweaver. Dreamweaver otwiera nowe okno dla każdego otwieranego lub tworzonego dokumentu i pozwala użytkownikowi dowolnie przemieszczać okna po ekranie. Często Ci się zdarzy, że jednocześnie będzie na ekranie otwartych kilka dokumentów. Dreamweaver obsługuje ten proces niezwykle elegancko, zachowując na pulpicie porządek. Rys. 1.9. Nowe okna pojawiają się w obszarze wyznaczonym przez pozycje palet Jaj widać na rysunku 1.10, okna otwieranych lub nowych dokumentów mają takie rozmiary, aby nie zasłaniały pływających palet.

Podsumowanie W tym rozdziale omówione zostały zmiany oraz nowe opcje wprowadzone w programie Dreamweaver 4. Mamy nadzieję, że ta zapowiedź możliwości programu zmobilizuje Cię, by stać się doskonałym projektantem stron WWW.

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: ‰

Definiowanie ustawień

‰

Wyświetlanie palet i paneli

‰

Wybieranie przeglądarki do wyświetlania stron WWW

‰

Korzystanie z widoków

‰

Stosowanie na bieżąco kolorów do elementów kodu

‰

Definiowanie skrótów klawiaturowych

‰

Wykorzystywanie paska szybkiego uruchamiania (mini-launcher)

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: kolor tekstu. 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

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