korzystanie z programu dreamweaver

Korzystanie z programuADOBE DREAMWEAVER CS5 i CS5.5

Ostatnia aktualizacja 2/5/2011

Informacje prawne

Informacje prawneInformacje prawne mona znale na stronie http://help.adobe.com/pl_PL/legalnotices/index.html.

http://help.adobe.com/pl_PL/legalnotices/index.html

iii


Spis treci

Rozdzia 1: Co nowegoCo nowego (CS5.5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Co nowego (CS5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Rozdzia 2: Przestrze roboczaObieg pracy i przestrze robocza w programie Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Praca w oknie Dokument . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

Korzystanie z paskw narzdziowych, inspektorw i menu kontekstowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Dostosowywanie przestrzeni roboczej pakietu CS5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Skrty klawiaturowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Rozszerzenia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Rozdzia 3: Praca z serwisami programu DreamweaverKonfigurowanie serwisu programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

Zarzdzanie serwisami Contribute za pomoc programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53

Rozdzia 4: Tworzenie plikw i zarzdzanie nimiTworzenie i otwieranie dokumentw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

Zarzdzanie plikami i folderami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

Pobieranie i wysyanie plikw na serwer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83

Pobieranie do edycji i odkadanie plikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88

Synchronizacja plikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Porwnywanie plikw w poszukiwaniu rnic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99

Wycofywanie plikw (dla uytkownikw Contribute) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Maskowanie plikw i folderw w serwisie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Przechowywanie informacji o plikach w Uwagach do projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

Testowanie serwisu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108

Rozdzia 5: Zarzdzanie zasobami i bibliotekamiInformacje o zasobach i bibliotekach . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112

Praca z zasobami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Tworzenie listy ulubionych zasobw i zarzdzanie ni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Praca z elementami biblioteki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

Rozdzia 6: Tworzenie stron przy uyciu stylw CSSPodstawowe informacje o stylach CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Tworzenie stylw CSS i zarzdzanie nimi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Tworzenie ukadu strony za pomoc stylw CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

Posugiwanie si znacznikami DIV . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Rozdzia 7: Tworzenie ukadw stron w jzyku HTMLKorzystanie z wizualnych pomocy do ukadu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

Prezentacja zawartoci przy pomocy tabel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

Stosowanie ramek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

ivKORZYSTANIE Z PROGRAMU DREAMWEAVERSpis treci


Rozdzia 8: Dodawanie zawartoci do stronPraca nad stronami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Dodawanie i formatowanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

Dodawanie i modyfikowanie obrazw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Osadzanie plikw wideo na stronach internetowych (HTML5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250

Wstawianie plikw SWF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250

Wstawianie plikw FLV . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

Dodawanie widgetw WWW . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Dodawanie dwiku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

Dodawanie innych obiektw multimedialnych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261

Automatyzacja pracy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

Rozdzia 9: czenie i przegldanieInformacje o czeniu i przegldaniu stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275

czenie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

Menu przeskoku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

Paski nawigacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286

Mapy obrazu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

Rozwizywanie problemw dotyczcych cz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Rozdzia 10: Podgld stronPodgld stron w programie Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

Podgld stron w przegldarkach . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Podgld stron w urzdzeniach przenonych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296

Rozdzia 11: Praca z kodem stronyOglne informacje o kodowaniu w programie Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297

Ustawianie swojego rodowiska programistycznego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

Ustawianie preferencji kodowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Pisanie i edytowanie kodu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Zwijanie kodu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

Optymalizacja oraz debugowanie kodu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328

Edytowanie kodu w widoku Projekt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334

Praca z treci nagwkw stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340

Praca z plikami doczanymi po stronie serwera . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345

Zarzdzanie bibliotekami znacznikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Importowanie wasnych znacznikw do programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350

Rozdzia 12: Dodawanie zachowa JavaScriptUywanie zachowa JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352

Stosowanie wbudowanych zachowa programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

Rozdzia 13: Praca z innymi aplikacjamiIntegracja midzy platformami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367

Praca w programie Fireworks a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Praca w programie Photoshop a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Posugiwanie si zawartoci Flash a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384

Praca w programie Adobe Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

vKORZYSTANIE Z PROGRAMU DREAMWEAVERSpis treci


Praca z Device Central . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Praca z programem ConnectNow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388

Rozszerzenie AIR dla programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389

Rozdzia 14: Tworzenie szablonw i zarzdzanie nimiInformacje o szablonach programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395

Rozpoznawanie szablonw oraz dokumentw opartych na szablonach . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 400

Tworzenie szablonu programu Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403

Tworzenie edytowalnych regionw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

Tworzenie powtarzalnych regionw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407

Korzystanie z opcjonalnych regionw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410

Definiowanie edytowalnych atrybutw znacznikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412

Tworzenie zagniedonego szablonu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413

Edytowanie, uaktualnianie i usuwanie szablonw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416

Eksportowanie i importowanie treci szablonu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

Stosowanie lub usuwanie szablonu z istniejcego dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421

Zmienianie zawartoci strony opartej na szablonie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Skadnia szablonu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426

Ustawianie preferencji projektowych szablonw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427

Rozdzia 15: Tworzenie stron Spry metod graficznInformacje o infrastrukturze Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

Posugiwanie si widgetami Spry (instrukcje oglne) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

Posugiwanie si widgetem Harmonijka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431

Posugiwanie si widgetem Pasek menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434

Posugiwanie si widgetem Panel zwijany . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439

Posugiwanie si widgetem Panele z zakadkami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442

Posugiwanie si widgetem Wskazwka do narzdzia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444

Posugiwanie si widgetem Grupa opcji z walidacj . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

Posugiwanie si widgetem Walidacja pole tekstowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450

Posugiwanie si widgetem Walidacja - obszar tekstowy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 454

Posugiwanie si widgetem Walidacja - zaznaczenie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458

Posugiwanie si widgetem Walidacja - pole wyboru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461

Posugiwanie si widgetem Haso z walidacj . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463

Posugiwanie si widgetem Potwierdzanie z walidacj . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467

Wywietlanie danych za pomoc infrastruktury Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470

Dodawanie efektw Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483

Rozdzia 16: Projektowanie na wiele ekranw i urzdzeTworzenie zapyta o media (CSS 5.5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488

Zmiana orientacji strony (CS5.5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490

Tworzenie aplikacji internetowych przeznaczonych na urzdzenia przenone (CS5.5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490

Wdraanie aplikacji internetowych jako rodzimych aplikacji mobilnych (CS5.5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

Podgld stron w trybie wieloekranowym . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496

viKORZYSTANIE Z PROGRAMU DREAMWEAVERSpis treci


Rozdzia 17: Korzystanie z usug Adobe OnlineUsugi Adobe Online . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498

BrowserLab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498

Business Catalyst InContext Editing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498

Rozdzia 18: Wywietlanie danych XML z przeksztaceniami XSLTOmwienie jzykw XML i XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505

Wykonywanie przeksztace XSL na serwerze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512

Wykonywanie przeksztace XSL po stronie klienta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 529

Brakujce encje znakw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531

Rozdzia 19: Przygotowanie do tworzenia serwisw dynamicznychPodstawy aplikacji internetowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 533

Konfigurowanie komputera w celu projektowania aplikacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 540

Poczenia z bazami danych dla programistw ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 546

Poczenia z bazami danych dla programistw ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 547

Poczenia z bazami danych dla programistw PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555

Rozwizywanie problemw z poczeniami z baz danych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557

Usuwanie skryptw poczenia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562

Rozdzia 20: Tworzenie dynamicznych stronOptymalizacja przestrzeni roboczej do programowania wizualnego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 563

Projektowanie dynamicznych stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566

Omwienie rde zawartoci dynamicznej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 568

Panele zwizane z zawartoci dynamiczn . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573

Definiowanie rde zawartoci dynamicznej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 575

Dodawanie zawartoci dynamicznej do stron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 589

Zmiana zawartoci dynamicznej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 593

Wywietlanie rekordw z bazy danych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 595

Wywietlanie danych aktywnych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 604

Dodawanie wasnych zachowa serwerowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 606

Rozdzia 21: Tworzenie aplikacji metod graficznTworzenie stron wzorcowych i szczegowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 618

Tworzenie stron wyszukiwania i wynikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 625

Tworzenie strony do wstawiania rekordw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

Tworzenie stron do uaktualniania rekordw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 635

Tworzenie stron do usuwania rekordw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 640

Tworzenie stron z zaawansowanymi obiektami operowania na danych (ColdFusion, ASP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 647

Tworzenie strony rejestracji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 652

Tworzenie strony logowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 654

Tworzenie strony, do ktrej dostp bd mieli tylko uwierzytelnieni uytkownicy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 656

Zabezpieczanie folderu w aplikacji (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 659

Korzystanie ze skadnikw ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 660

viiKORZYSTANIE Z PROGRAMU DREAMWEAVERSpis treci


Rozdzia 22: Tworzenie formularzyZbieranie informacji od uytkownikw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 667

Tworzenie formularzy WWW . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670

Tworzenie formularzy ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 685

Rozdzia 23: Uatwienia dostpuDreamweaver i uatwienia dostpu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 698

1


Rozdzia 1: Co nowego

Co nowego (CS5.5)Obsuga wielu ekranw Projekty mona wywietla w postaci podgldu przy rnej rozdzielczoci ekranowej. Rozdzielczo mona rwnie definiowa za pomoc zapyta o media. Na niektrych urzdzeniach orientacja strony zmienia si w zalenoci od tego, w jaki sposb uytkownik trzyma to urzdzenie. Testujc zawarto na takie urzdzenia, warto uy podczas podgldu opcji pionowo i poziomo. Wicej informacji zawiera temat Projektowanie na wiele ekranw i urzdze na stronie 488.

Obsuga zapyta o media Zapytania o media umoliwiaj dostosowywanie wygldu serwisu do rnych rozdzielczoci ekranowych. Wicej informacji zawiera sekcja Tworzenie zapyta o media (CSS 5.5) na stronie 488.

Tworzenie aplikacji internetowych przeznaczonych na rne urzdzenia przenone Widget jQuery Mobile umoliwia szybkie tworzenie aplikacji internetowych, ktre bd dziaa na wikszoci urzdze przenonych. Wicej informacji zawiera sekcja Tworzenie aplikacji internetowych przeznaczonych na urzdzenia przenone (CS5.5) na stronie 490.

Pakowanie aplikacji internetowych na platformy Android, iPhone oraz iPad Program Dreamweaver umoliwia spakowanie aplikacji internetowych i wdraanie ich na urzdzeniach z systemem operacyjnym Android lub iOS. Wicej informacji zawiera temat Wdraanie aplikacji internetowych jako rodzimych aplikacji mobilnych (CS5.5) na stronie 493.

Obsuga kodu HTML5, CSS3 i jQuery Program Dreamweaver obsuguje wskazwki do kodu HTML5, CSS3 i jQuery.

Dostpne s rwnie ukady startowe, umoliwiajce tworzenie stron HTML5 od zera. Program Dreamweaver obsuguje funkcj HTML5, umoliwiajc osadzanie filmw wideo na stronach HTML. Wicej informacji zawiera sekcja Osadzanie plikw wideo na stronach internetowych (HTML5) na stronie 250.

Panel CSS zosta rozszerzony o czsto uywane waciwoci CSS3. Wicej informacji zawieraj sekcje Wskazwki do kodu na stronie 309 oraz Rozszerzona obsuga standardu CSS3 w panelu stylw CSS (CS5.5) na stronie 133.

Obsuga protokou FTPS Dane mona przesya w protokole FTPS. Protok FTPS (FTP przez SSL) obsuguje zarwno szyfrowanie, jak i uwierzytelnianie, podczas gdy protok SFTP oferuje tylko obsug szyfrowania. Wicej informacji zawiera sekcja Ustawianie opcji pocze FTPS (CS5.5) na stronie 42.

Obsuga walidatora W3C Funkcja walidatora W3C w programie Dreamweaver umoliwia tworzenie stron HTML i XHTML zgodnych ze standardami tej organizacji. Wicej informacji zawiera sekcja Walidacja dokumentw za pomoc walidatora W3C (CS5.5) na stronie 330.

Co nowego (CS5)

Adobe BrowserLabProgram Dreamweaver CS5 jest zintegrowany z usug Adobe BrowserLab jedn z nowych usug online pakietu CS Live, ktra zapewnia szybkie i precyzyjne rozwizanie do testowania zgodnoci z rnymi przegldarkami. Usuga BrowserLab umoliwia generowanie podgldu stron internetowych i zawartoci lokalnej za pomoc wielu narzdzi do wywietlania i porwnywania. Zobacz BrowserLab na stronie 498.

2KORZYSTANIE Z PROGRAMU DREAMWEAVERCo nowego


Integracja z aplikacj Business CatalystAdobe Business Catalyst to aplikacja udostpniana w hostingu, ktra zastpuje tradycyjne narzdzia uywane na komputerach biurkowych jedn, centraln platform dla projektantw stron WWW. Aplikacja ta wsppracuje z programem Dreamweaver, umoliwiajc tworzenie serwisw WWW o rnym stopniu zoonoci od prostych stron WWW sterowanych danymi po rozbudowane sklepy internetowe. Zobacz http://www.adobe.com/go/business_catalyst_get_extension_pl.

Rozszerzenia stylw CSS

Wczanie i wyczanie waciwoci CSSFunkcja ta umoliwia wczanie i wyczanie waciwoci CSS bezporednio z panelu Style CSS. Wyczenie waciwoci CSS powoduje po prostu, e jest ona otaczana znakami komentarza. Waciwo ta nie zostanie usunita. Zobacz Wczanie i wyczanie waciwoci CSS na stronie 149.

Inspekcja stylw CSSTryb inspekcji stylw umoliwia wywietlanie szczegowej, wizualnej reprezentacji waciwoci CSS o modelu blokowym, takich jak padding (odstpy), border (krawdzie) i margin (marginesy). Nie ma potrzeby wczytywania si w kod ani uywania osobnych narzdzi innych firm, takich jak Firebug. Zobacz Inspekcja stylw CSS w widoku aktywnym na stronie 149.

Startowe ukady CSSProgram Dreamweaver CS5 zawiera uaktualnione i uproszczone startowe ukady CSS. Usunito zoone selektory dziedziczone, ktre znajdoway si w ukadach w wersji CS4 i zastpiono je uproszczonymi, atwymi do przeledzenia klasami. Zobacz Tworzenie strony z ukadem CSS na stronie 158.

Pliki powizane dynamicznieFunkcja Pliki powizane dynamicznie umoliwia wykrywanie wszystkich plikw i skryptw zewntrznych, niezbdnych do skomponowania stron w systemie CMS (Content Management System) opartych na standardzie PHP. Nazwy wykrytych plikw s wywietlane na pasku narzdziowym Pliki powizane. W konfiguracji domylnej program Dreamweaver obsuguje trzy struktury tego typu: Drupal, Joomla! i Wordpress. Struktury CMS. Zobacz Otwieranie plikw dynamicznie powizanych na stronie 72.

Nawigacja w widoku aktywnymNawigacja w widoku aktywnym powoduje uaktywnienie czy w tym widoku. Pozwala to na interakcj z aplikacjami serwerowymi i danymi dynamicznymi. Funkcja ta umoliwia rwnie wpisanie adresu URL w celu przeprowadzenia inspekcji stron z aktywnego serwera WWW oraz edytowanie przegldanych stron, pod warunkiem, e istniej one w jednym z lokalnie zdefiniowanych serwisw. Zobacz Podgld stron w programie Dreamweaver na stronie 292.

Wskazwki do kodu PHP zawierajcego klasy niestandardoweWskazwki do kodu PHP zawierajcego klasy niestandardowe umoliwiaj wywietlanie podpowiedzi z prawidow skadni funkcji, obiektw i staych PHP. Uatwia to bardziej precyzyjne wpisywanie kodu. Wskazwki do kodu dotycz rwnie funkcji i klas zdefiniowanych przez uytkownika, a take struktur innych firm, np. struktury Zend.

http://www.adobe.com/go/business_catalyst_get_extension_pl

3KORZYSTANIE Z PROGRAMU DREAMWEAVERCo nowego


Uproszczona konfiguracja serwisuOkno Definicja serwisu zostao przebudowane i nosi teraz nazw Konfiguracja serwisu. Nowy ukad okna uatwia konfigurowanie lokalnego serwisu programu Dreamweaver, tak aby mona byo od razu rozpocz tworzenie stron WWW. Kategoria serwera zdalnego umoliwia okrelanie serwerw zdalnych i testowych na jednym ekranie. Zobacz Konfigurowanie nowego serwisu na stronie 39.

Wskazwki do kodu waciwe dla serwisuFunkcja Wskazwki do kodu waciwe dla serwisu umoliwia dostosowywanie rodowiska kodowania z uyciem bibliotek PHP i struktur CMS innych firm, np. WordPress, Joomla! lub Drupal. Poszczeglne rda wskazwek do kodu, takie jak pliki motyww i inne niestandardowe pliki i katalogi PHP, mona wcza i wycza. Zobacz Wskazwki do kodu waciwe dla serwisu na stronie 312.

Rozszerzona obsuga rodowiska SubversionProgram Dreamweaver CS5 rozszerza obsug rodowiska Subversion, umoliwiajc lokalne przenoszenie, kopiowanie lub usuwanie plikw i pniejsz synchronizacj zmian ze zdalnym repozytorium SVN. Nowe polecenie Przywr umoliwia szybkie korygowanie konfliktw drzew i wycofywanie zmian w celu powrcenia do poprzedniej wersji pliku. Wprowadzono rwnie nowe rozszerzenie, ktre umoliwia wybranie wersji rodowiska Subversion dla danego projektu. Zobacz Pobieranie i odkadanie plikw za pomoc oprogramowania Subversion (SVN) na stronie 92.

Wycofywane funkcjeW programie Dreamweaver w wersji CS5 nie s ju uywane nastpujce funkcje:

Raport walidacji dostpnoci

Zachowania ASP/JavaScript

Zachowanie JavaScript Sprawd przegldark

czenie si z serwerem FTP/RDS bez definiowania serwisu

Zachowanie JavaScript Sterowanie operacj Shockwave lub SWF

Tworzenie internetowego albumu fotografii

Zachowanie JavaScript Ukryj menu wysuwane

InContext Editing zarzdzanie dostpnymi klasami CSS

Insert FlashPaper

Wstawianie i usuwanie kodu MOTW

Integracja z oprogramowaniem Microsoft Visual SourceSafe

Paski nawigacji

Zachowanie JavaScript Odtwarzaj dwik

Menu Poka zdarzenia (panel Zachowania)

Zachowanie JavaScript Poka wyskakujce menu

Zachowania JavaScript dotyczce osi czasu

Walidacja znacznikw

Wywietlanie danych aktywnych

4


Rozdzia 2: Przestrze robocza

Obieg pracy i przestrze robocza w programie Dreamweaver

Omwienie obiegu pracy w programie DreamweaverSerwis internetowy mona utworzy na kilka sposobw. Oto jeden z nich:

Planowanie i konfigurowanie serwisu internetowegoOkrel, gdzie umieszczone zostan pliki i sprawd wymagania serwisu, profile odbiorcw oraz cele serwisu. Ponadto we pod uwag wymagania techniczne, takie jak dostp uytkownikw, ograniczenia przegldarek, wtyczek oraz pobierania plikw. Po zebraniu informacji i okreleniu struktury, moesz przystpi do tworzenia serwisu. (Zobacz Praca z serwisami programu Dreamweaver na stronie 38).

Organizacja plikw serwisu i zarzdzanie nimiW panelu Pliki z atwoci moesz dodawa, usuwa i zmienia nazwy plikw oraz folderw i w ten sposb reorganizowa pliki wedug wasnych potrzeb. Panel Pliki udostpnia te wiele narzdzi do zarzdzania serwisem, transferu plikw do serwera zdalnego, ustawiania procesu Odkadania i Pobierania do edycji, aby zapobiec nadpisywaniu plikw oraz synchronizowa serwisy lokalny i zdalny. W panelu Zasoby z atwoci mona organizowa zasoby zawarte w serwisie; nastpnie zasoby te mog by przecigane bezporednio z panelu do dokumentu programu Dreamweaver. Program Dreamweaver pozwala take zarzdza elementami serwisw programu AdobeContribute. (Zobacz Zarzdzanie plikami i folderami na stronie 75 i Zarzdzanie zasobami i bibliotekami na stronie 112).

Tworzenie ukadu stron internetowychWybierz dogodn technik tworzenia ukadw lub skorzystaj z opcji ukadu programu Dreamweaver. Techniki mona czy ze sob, tworzc oczekiwany wygld tworzonego serwisu. Podczas tworzenia ukadu mona korzysta z elementw AP, stylw CSS lub te z zaprojektowanych wczeniej ukadw CSS programu Dreamweaver. Narzdzia tabeli umoliwiaj szybkie tworzenie stron za pomoc rysowania i aranacji struktury strony. Jeli chcesz wywietli wiele elementw w tym samym czasie w przegldarce, moesz skorzysta z ramek i umieci w nich dokumenty. Nowe strony moesz te tworzy na podstawie szablonu programu Dreamweaver. Szablony tych stron bd automatycznie aktualizowane po kadym zastosowaniu zmian. (Zobacz Tworzenie stron przy uyciu stylw CSS na stronie 125 i Tworzenie ukadw stron w jzyku HTML na stronie 176).

Dodawanie zawartoci do stronDo stron moesz dodawa zasoby i elementy projektu, jak np. tekst, obrazy, obrazy rollover, mapy obrazw, kolory, filmy, dwik, cza HTML, menu przeskoku i inne. Moesz te uywa wbudowanych funkcji tworzenia stron, dla takich elementw jak tytuy czy ta, pisanie tekstu bezporednio na stronie lub import z innych dokumentw. Program Dreamweaver zapewnia take zachowania do wykonywania zada w odpowiedzi na okrelone zdarzenia, np. walidacj formularza po klikniciu przycisku Wylij lub otwarcie nowego okna przegldarki po wczytaniu strony gwnej. W kocu program Dreamweaver udostpnia narzdzia do zwikszania wydajnoci serwisu internetowego oraz testowania stron pod wzgldem zgodnoci z rnymi przegldarkami internetowymi. (Zobacz Dodawanie zawartoci do stron na stronie 208).

5KORZYSTANIE Z PROGRAMU DREAMWEAVERPrzestrze robocza


Tworzenie stron za pomoc pisania koduTworzenie stron internetowych za pomoc rcznego pisania kodu jest kolejn metod tworzenia serwisw. Program Dreamweaver dostarcza atwych w uyciu narzdzi edycyjnych, ale zapewnia te wyrafinowane rodowisko kodowania. Podczas tworzenia i edycji stron internetowych moesz korzysta z jednej, jak i drugiej metody, lub z obydwu naraz. (Zobacz Praca z kodem strony na stronie 297).

Ustawianie aplikacji internetowych do obsugi zawartoci dynamicznejWiele serwisw internetowych zawiera strony dynamiczne, umoliwiajce odwiedzajcym przegldanie informacji przechowywanych w bazach danych i pozwalajce czci uytkownikom na dodawanie i edycj informacji w bazach danych. Aby utworzy takie strony, najpierw naley ustawi serwer WWW i aplikacj serwera, utworzy lub zmodyfikowa serwis Dreamweaver i poczy si z baz danych. (Zobacz Przygotowanie do tworzenia serwisw dynamicznych na stronie 533).

Tworzenie dynamicznych stron internetowychW programie Dreamweaver mona zdefiniowa wiele rde zawartoci dynamicznej, cznie z zestawami rekordw wydzielonych z baz danych, parametrami formularzy oraz komponentami JavaBeans. Aby doda zawarto dynamiczn do strony, wystarczy przecign t zawarto na stron.

Moesz ustawi swoj stron na wywietlanie jednego rekordu lub wielu rekordw w jednym czasie, wywietlanie wicej ni jednej strony rekordw oraz czy specjalnych do przechodzenia z jednej strony rekordw do nastpnej (i z powrotem), moesz take tworzy liczniki rekordw, umoliwiajce uytkownikom ledzenie rekordw. Za pomoc takich technologii, jak Adobe ColdFusion, oraz przy uyciu rnych serwisw WWW, moesz osadza na stronach aplikacje i rozwizania biznesowe. Jeli potrzebujesz wicej elastycznoci, moesz tworzy wasne zachowania serwerowe i formularze interaktywne. (Zobacz Tworzenie dynamicznych stron na stronie 563).

Testowanie i publikowanieTestowanie stron internetowych jest procesem cigym trwajcym przez cay cykl produkcyjny. Ostatnim etapem cyklu tworzenia serwisu internetowego jest jego publikacja na serwerze. Wielu programistw tworzy okresowe harmonogramy obsugi, aby zapewni biec aktualizacj i funkcjonalno serwisu. (Zobacz Pobieranie i wysyanie plikw na serwer na stronie 83).

Samouczek wideo dotyczcy moliwoci programu Dreamweaver mona obejrze na stronie internetowej www.adobe.com/go/lrvid4040_dw_pl.

Omwienie ukadu przestrzeni roboczejPrzestrze robocza programu Dreamweaver umoliwia wywietlanie waciwoci dokumentw i obiektw. Przestrze robocza obejmuje take wiele najczciej uywanych operacji na paskach narzdziowych, co umoliwia szybkie stosowanie zmian w dokumentach.

W systemie Windows wszystkie funkcje i elementy programu Dreamweaver s dostpne w jednym oknie. Zintegrowana przestrze robocza posiada wszystkie okna i panele poczone w jednym duym oknie aplikacji.

http://www.adobe.com/go/lrvid4040_dw_pl



A. Pasek aplikacji B. Pasek narzdziowy Dokument C. Okno Dokument D. Przecznik przestrzeni roboczej E. Grupy paneli F. CS Live G. Selektor znacznikw H. Inspektor waciwoci I. Panel Pliki

W systemie Mac OS program Dreamweaver moe wywietla wiele dokumentw w jednym oknie, przy czym kademu dokumentowi odpowiada wtedy osobna zakadka. Program Dreamweaver moe take wywietla ruchom przestrze robocz, w ktrej kady dokument znajduje si w swoim wasnym oknie. Grupy paneli pocztkowo s dokowane razem, ale mog by oddokowane i umieszczone w swoich wasnych oknach. Jeli grupy paneli s zadokowane, a obszar dokumentu jest zmaksymalizowany, to kada zmiana rozmiarw paneli, a take kada operacja ich ukrycia i wywietlenia powoduje automatyczn zmian rozmiarw gwnego dokumentu (podobnie jak w systemie Windows).

A B C E FD

G H I



A. Pasek aplikacji B. Pasek narzdziowy Dokument C. Przecznik przestrzeni roboczej D. Okno Dokument E. CS Live F. Grupy paneli G. Selektor znacznikw H. Inspektor waciwoci I. Panel Pliki

Samouczek dotyczcy rnych przestrzeni roboczych programu Dreamweaver mona obejrze na stronie internetowej www.adobe.com/go/lrvid4042_dw_pl.

Wicej tematw Pomocy Korzystanie z paskw narzdziowych, inspektorw i menu kontekstowych na stronie 22

Dostosowywanie przestrzeni roboczej pakietu CS5 na stronie 24

Wywietlanie dokumentw z zakadkami (Dreamweaver Macintosh) na stronie 30

Samouczek przestrzeni roboczej programu Dreamweaver

Omwienie elementw przestrzeni roboczejPrzestrze robocza skada si z nastpujcych elementw.

Uwaga: Program Dreamweaver zawiera te wiele innych paneli, inspektorw i okien. Panele, inspektory i okna otwiera si za pomoc menu Okno.

Ekran powitalny Umoliwia otwieranie ostatnich dokumentw lub tworzenie nowych. Rozpoczynajc od ekranu powitalnego, moesz take poznawa bardziej program Dreamweaver, korzystajc z filmw szkoleniowych i samouczkw.

Pasek aplikacji W grnej czci okna aplikacji znajduj si przecznik przestrzeni roboczej, menu (tylko w systemie Windows) i inne formanty aplikacji.

Pasek narzdziowy Dokument Zawiera przyciski dostarczajce opcji dla rnych widokw okna Dokument (np. widoki Projekt i Kod), rne opcje wywietlania, czsto uywane operacje, np. podgld w przegldarce.

A B DC E F

G H I

http://www.adobe.com/go/lrvid4042_dw_plhttp://www.adobe.com/go/lrvid_4042_pl



Pasek narzdziowy Standardowy (Nie jest wywietlany w domylnym ukadzie przestrzeni roboczej). Zawiera przyciski typowych operacji z menu Plik i Edycja: Nowy, Otwrz, Przegldaj w programie Bridge, Zapisz wszystko, Drukuj kod, Wytnij, Kopiuj, Wklej, Cofnij i Ponw. Aby wywietli ten pasek narzdziowy, wybierz polecenie Widok > Paski narzdziowe > Standardowy.

Pasek narzdziowy Kodowanie (Wywietlany tylko w widoku Kod). Zawiera przyciski umoliwiajce wykonanie wiele standardowych operacji kodowania.

Pasek narzdziowy Renderowanie stylw (Domylnie ukryty). Zawiera przyciski umoliwiajce symulacj wygldu projektu na rnych typach nonikw, gdy uywane s arkusze stylw zalene od nonikw. Zawiera on take przycisk, pozwalajcy na wczanie lub wyczanie stylw CSS (Cascading Style Sheets).

Okno Dokument Wywietla biecy dokument, w trakcie jego tworzenia i edycji.

Inspektor waciwoci Umoliwia wywietlanie i zmiany rnych waciwoci dla zaznaczonego obiektu lub tekstu. Kady obiekt ma inne waciwoci. W ukadzie przestrzeni roboczej Koder, Inspektor waciwoci domylnie nie jest rozwinity.

Selektor znacznikw Umieszczony na pasku stanu, w dolnej czci okna Dokument. Pokazuje hierarchi znacznikw otaczajcych biece zaznaczenie. Kliknij dowolny znacznik w hierarchii, aby wybra znacznik i ca jego zawarto.

Panele Pomagaj ledzi wykonywane czynnoci i modyfikowa ich wyniki. Typowe przykady to panel Wstaw, panel Style CSS i panel Pliki. Aby rozwin panel, kliknij dwukrotnie jego zakadk.

Panel Wstaw Zawiera przyciski do wstawiania w dokumencie rnego rodzaju obiektw, np. obrazw, tabel oraz elementw multimedialnych. Kademu obiektowi odpowiada pewien fragment kodu HTML, okrelajcego rne atrybuty obiektu. W panelu Wstaw jest dostpny na przykad przycisk Tabela, ktrego kliknicie powoduje wstawienie tabeli. Jeli wolisz, zamiast uywania panelu Wstaw, moesz wstawia obiekty za pomoc menu Wstaw.

Panel Pliki Umoliwia zarzdzanie plikami i folderami, bez wzgldu na to, czy s czci serwisu Dreamweaver, czy znajduj si na serwerze zdalnym. Za pomoc panelu Pliki moesz rwnie korzysta z wszystkich plikw na lokalnym dysku twardym, peni wic on podobn rol, co Eksplorator Windows (Windows) albo Finder (Macintosh).

Wicej tematw Pomocy Praca w oknie Dokument na stronie 18

Korzystanie z paskw narzdziowych, inspektorw i menu kontekstowych na stronie 22

Zarzdzanie oknami i panelami na stronie 24

Omwienie okna dokumentuOkno Dokument wywietla biecy dokument. Uytkownik moe wybiera dowolne z nastpujcych widokw:

Widok Projekt rodowisko projektu dla wizualnego ukadu strony i edycji, a take dla szybkiego opracowywania aplikacji. W tym widoku, program Dreamweaver przedstawia wizualnie dokument z moliwoci edycji bez ogranicze, podobnie do tego, co bdzie widoczne podczas przegldania strony w przegldarce.

Widok Kod rodowisko rcznego wpisywania kodu do tworzenia i edycji HTML, JavaScript, kodu jzyka serwerowego, takiego jak PHP lub ColdFusion Markup Language (CFML)oraz kodu innych typw.

Widok podzielonego kodu Pewien wariant widoku Kod, w ktrym istnieje moliwo jednoczesnego przegldania wielu rnych fragmentw dokumentu.

Widok Kod i Projekt Wywietla zarwno widok Kod jak i widok Projekt dla tego samego dokumentu w jednym oknie.

Widok aktywny Widok aktywny przypomina widok Projekt. Dodatkowo jednak zapewnia bardziej realistyczn symulacj wygldu strony w przegldarce i pozwala ledzi na bieco zmiany kodu sterujcego dziaaniem strony.



Widok aktywny nie pozwala edytowa zawartoci strony. Wszelkie zmiany mona jednak wprowadzi w widoku kodu, a nastpnie odwiey dokument w widoku aktywnym.

Widok Aktywny kod Jest dostpny pod warunkiem, e dokument jest przegldany w widoku aktywnym. W widoku aktywnego kodu program wywietla kod wykonywany przez przegldark podczas prezentacji strony; w odpowiedzi na czynnoci uytkownika w widoku aktywnym kod ten podlega dynamicznym zmianom. Widok aktywnego kodu nie pozwala edytowa zawartoci strony.

Gdy okno dokumentu jest maksymalnie powikszone (ustawienie domylne), w grnej czci okna dokumentu znajduj si zakadki z nazwami plikw wszystkich otwartych dokumentw. Jeli w pewnym pliku wprowadzono zmiany i nie zapisano ich, program Dreamweaver wywietla obok nazwy pliku gwiazdk.

Aby przej do innego dokumentu, naley klikn jego zakadk.

Pod zakadk dokumentu (lub pod jego paskiem tytuowym, jeli dokumenty s przegldane w osobnych oknach) program Dreamweaver wywietla te pasek narzdziowy Pliki powizane. Dokumenty powizane s to dokumenty skojarzone z biecym plikiem, np. pliki CSS lub pliki JavaScript. Aby otworzy jeden z plikw powizanych w oknie dokumentu, naley klikn jego nazw na pasku narzdziowym Pliki powizane.

Wicej tematw Pomocy Praca w oknie Dokument na stronie 18

Informacje o widoku aktywnym na stronie 292

Otwieranie plikw powizanych na stronie 70

Oglne informacje o kodowaniu w programie Dreamweaver na stronie 297

Omwienie paska narzdziowego DokumentPasek narzdziowy Dokument zawiera przyciski, ktre umoliwiaj szybkie przeczanie si midzy rnymi widokami dokumentu. Pasek narzdziowy zawiera take czsto uywane polecenia i opcje, dotyczce operacji wywietlania dokumentu i przesyania go midzy serwisami lokalnym i zdalnym. Ponisza ilustracja przedstawia rozwinity pasek narzdziowy Dokument.

A. Poka widok Kod B. Poka widoki Kod i Projekt C. Poka widok Projekt D. Widok Aktywny kod E. Sprawd zgodno przegldarek F. Widok aktywny G. Tryb Inspekcja CSS H. Podgld/Debugowanie w przegldarce I. Pomoce wizualne J. Odwie widok Projekt K. Tytu dokumentu L. Zarzdzanie plikami

Nastpujce opcje wywietlane s na pasku narzdziowym Dokument:

Poka widok Kod Wywietla widok Kod w oknie Dokument.

Poka widoki Kod i Projekt Dzieli okno Dokument na dwa widoki: Kod i Projekt. Po wybraniu tego poczonego widoku, opcja Widok Projekt na wierzchu, staje si dostpna z menu Opcje widoku.

Poka widok Projekt Wywietla tylko widok Projekt w oknie Dokument.

Uwaga: Podczas pracy z plikami XML, JavaScript, CSS lub z innymi plikami zawierajcymi kod zawartoci plikw nie mona oglda w widoku Projekt, a przyciski Projekt i Podziel s wygaszone.

Widok aktywny Dokument wyglda tak jak w przegldarce, nie mona go edytowa, ale mona go uywa.

Widok Aktywny kod Jest wywietlany kod, ktry byby wykonywany podczas prezentacji strony w przegldarce.

A B C D E G H I J K LF



Tytu dokumentu Umoliwia wpisanie tytuu dla dokumentu, ktry bdzie wywietlany na pasku tytuu w przegldarce. Jeli twj dokument ju ma wpisany tytu, pojawia si on w tym polu.

Zarzdzanie plikami Wywietla wyskakujce menu Zarzdzanie plikami.

Podgld/Debugowanie w przegldarce Umoliwia podgld lub debugowanie dokumentu w przegldarce. Wybierz przegldark z wyskakujcego menu.

Odwie widok Projekt Odwiea widok Projekt dokumentu po wprowadzeniu zmian w widoku Kod. Zmiany wprowadzone w widoku Kod, nie s automatycznie wywietlane w widoku Projekt, dopki nie wykona si okrelonych zada, np. zapisanie pliku lub kliknicie tego przycisku.

Uwaga: Odwieanie uaktualnia take funkcje kodu zalene od modelu DOM (Document Object Model), np. moliwo wyboru znacznikw otwierajcych lub zamykajcych bloki kodu.

Opcje widoku Umoliwia ustawienie opcji widokw Kod i Projekt, midzy innymi pozwala okreli ukad widokw (ktry niej, a ktry wyej). Opcje w menu dotycz biecego widoku: widok Projekt, widok Kod lub obydwa.

Pomoce wizualne Pozwala na korzystanie z rnych pomocy wizualnych, podczas projektowania stron.

Przeprowad walidacj znacznikw Suy do walidacji biecego dokumentu lub wybranego znacznika.

Sprawd zgodno przegldarek Umoliwia sprawdzenie, czy CSS jest zgodny w rnych przegldarkach.

Wicej tematw Pomocy Wywietlanie paskw narzdziowych na stronie 22

Podgld stron w widoku aktywnym na stronie 292

Ustawianie preferencji kodowania na stronie 304

Wywietlanie i edycja zawartoci w sekcji nagwka na stronie 341

Korzystanie z wizualnych pomocy do ukadu na stronie 176

Omwienie paska narzdziowego StandardowyStandardowy pasek narzdziowy zawiera przyciski typowych operacji z menu Plik i Edycja: Nowy, Otwrz, Przegldaj w programie Bridge, Zapisz wszystko, Drukuj kod, Wytnij, Kopiuj, Wklej, Cofnij i Ponw. Przyciski te zastpuj polecenia menu i naley ich uywa w taki sposb, jak polece.


Tworzenie i otwieranie dokumentw na stronie 61

Omwienie paska narzdziowego Renderowanie stylwPasek narzdziowy Renderowanie stylw (domylnie ukryty) zawiera przyciski umoliwiajce symulacj wygldu projektu na rnych typach nonikw, gdy uywane s arkusze stylw zalene od nonikw. Zawiera on take przycisk pozwalajcy na wczanie lub wyczanie stylw CSS. Aby wywietli ten pasek narzdziowy, wybierz polecenie Widok > Paski narzdziowe > Renderowanie stylw.



Ten pasek narzdziowy jest aktywny tylko wtedy, gdy dokumenty uywaj arkuszy stylw zalenych od nonikw. Na przykad arkusz stylw moe okrela inne zasady wywietlania treci do druku i inne dla urzdze przenonych. Wicej informacji na temat arkuszy stylw zalenych od nonika mona znale w serwisie organizacji World Wide Web Consortium pod adresem www.w3.org/TR/CSS21/media.html.

Domylnie program Dreamweaver wywietla projekt dla nonikw typu ekran (pokazujcy sposb renderowania strony na ekranie komputera). Klikajc przyciski na pasku narzdziowym Renderowanie stylw mona wywietla nastpujce rodzaje renderowania odpowiadajce typom nonikw.

Typ renderowania: ekran Pokazuje sposb wywietlania strony na ekranie komputera.

Typ renderowania: druk Pokazuje, w jaki sposb strona zostanie wydrukowana na kartce papieru.

Typ renderowania: urzdzenia przenone Pokazuje sposb wywietlania strony na urzdzeniach przenonych, np telefon komrkowy lub komputer kieszonkowy (BlackBerry).

Typ renderowania: projektory Pokazuje sposb wywietlania strony na projektorze.

Typ renderowania: dalekopis Pokazuje sposb wywietlania strony przez maszyny teletekstowe.

Typ renderowania: telewizja Pokazuje sposb wywietlania strony na ekranie telewizora.

Przecz wywietlanie stylw CSS Umoliwia wczanie lub wyczanie stylw CSS. Przycisk ten dziaa niezalenie od innych przyciskw nonikw.

Arkusze stylw podczas projektowania Pozwala okreli arkusz stylw na czas projektowania.

Samouczek przedstawiajcy projektowanie arkuszy stylw do druku i dla urzdze przenonych dostpny jest na stronie internetowej www.adobe.com/go/vid0156_pl.


Omwienie paska narzdziowego Nawigacja w przegldarcePasek narzdziowy Nawigacja w przegldarce wcza si w widoku aktywnym. Pasek ten zawiera adres strony wywietlonej w oknie dokumentu. Poczwszy od wersji Dreamweaver CS5, widok aktywny zachowuje si tak, jak typowa przegldarka. Nawet jeli przejdzie si do stron spoza lokalnego serwisu (np. na stron http://www.adobe.com/pl), program Dreamweaver wywietli je w oknie dokumentu.

A. Elementy sterujce przegldarki B. Pole Adres C. Opcje widoku aktywnego

cza w widoku aktywnym s domylnie nieaktywne. Dziki temu mona zaznaczy lub klikn tekst cza w oknie Dokument kliknicie nie spowoduje przejcia do kolejnej strony. Aby przetestowa cza w widoku aktywnym, mona wczy jednorazowe lub stae klikanie, wybierajc odpowiednio polecenie led cza albo Stale led cza z menu Opcje widoku po prawej stronie pola adresu.

Wicej tematw Pomocy Podgld stron w programie Dreamweaver na stronie 292

BA C

http://www.w3.org/TR/CSS21/media.htmlhttp://www.adobe.com/go/vid0156_pl



Omwienie paska narzdziowego KodowaniePasek narzdziowy Kodowanie zawiera przyciski, umoliwiajce wiele standardowych operacji kodowania, np. zwijanie i rozwijanie zaznacze kodu, podwietlanie nieprawidowego kodu, stosowanie i usuwanie komentarzy, tworzenie wci kodu i wstawianie ostatnio uywanych urywkw kodu. Pasek narzdziowy Kodowanie jest wywietlany pionowo w lewej czci okna Dokument i jest widoczny tylko w widoku Kod.

Pasek narzdziowy Kodowanie nie moe zosta oddokowany ani przesunity, ale mona go ukry (Widok > Paski narzdziowe > Kodowanie).

Moesz take zmieni pasek narzdziowy Kodowanie, aby wywietla wicej przyciskw (np. Zawijanie tekstu, Pokazywanie ukrytych znakw czy Autowcicie) lub ukrywa nieuywane przyciski. Aby to jednak uczyni, naley zmodyfikowa plik XML, ktry generuje pasek narzdziowy. Wicej informacji mona znale w sekcji Rozszerzanie programu Dreamweaver.


Wstawianie kodu za pomoc paska narzdziowego Kodowanie na stronie 314

Omwienie paska stanuPasek stanu w dolnej czci okna Dokument zapewnia dodatkowe informacje o tworzonym dokumencie.



A. Selektor znacznikw B. Narzdzie Zaznaczanie C. Narzdzie Rczka D. Narzdzie Lupka E. Ustaw powikszenie F. Wyskakujce menu Rozmiar okna G. Rozmiar dokumentu i przybliony czas pobierania H. Wskanik kodowania

Selektor znacznikw Pokazuje hierarchi znacznikw otaczajcych biece zaznaczenie. Kliknij dowolny znacznik w hierarchii, aby wybra znacznik i ca jego zawarto. Kliknij znacznik , aby zaznaczy cay dokument. Aby ustawi atrybuty class lub ID znacznika wystpujcego w selektorze znacznikw, kliknij znacznik prawym przyciskiem myszy (Windows) lub z wcinitym klawiszem Control (Macintosh), a nastpnie wybierz klas lub identyfikator z menu kontekstowego.

Narzdzie Zaznaczanie Wcza i wycza narzdzie Rczka.

Narzdzie Rczka Pozwala na kliknicie dokumentu i przecignicie w oknie Dokument.

Narzdzie Lupka i wyskakujce menu Ustaw powikszenie Umoliwia ustawienie poziomu powikszenia dla dokumentu.

Wyskakujce menu Rozmiar okna (Niedostpne w widoku Kod). Umoliwia zmian wielkoci okna dokumentu do ustalonego lub niestandardowego rozmiaru. Zmiana rozmiaru wywietlania strony w widoku projektu lub widoku aktywnym powoduje tylko zmian wymiarw widoku. Rozmiar dokumentu nie ulegnie zmianie.

Oprcz rozmiarw ustalonych i niestandardowych program Dreamweaver umoliwia take wybranie wymiarw okrelonych w zapytaniu o media. Gdy wybrany zostanie rozmiar odpowiadajcy zapytaniu o media, program Dreamweaver wywietli stron na podstawie tego zapytania. Mona rwnie zmieni orientacj strony, aby wywietli jej podgld na urzdzeniach przenonych, na ktrych ukad strony zmienia si w zalenoci od tego, w jaki sposb uytkownik trzyma urzdzenie.

Rozmiar dokumentu i czas pobierania Wywietla szacunkowy rozmiar dokumentu oraz przybliony czas pobierania strony, cznie ze wszystkimi plikami zalenymi, np. obrazy lub pliki multimedialne.

Wskanik kodowania Informuje o kodowaniu tekstu, ktre jest uywane w biecym dokumencie.

Wicej tematw Pomocy Ustawianie rozmiaru okna i szybkoci poczenia na stronie 21

Powikszanie i zmniejszanie na stronie 218

Zmiana rozmiaru okna dokumentu na stronie 20

Ustawianie preferencji czasu pobierania i rozmiaru na stronie 220

A B C D E F G H



Omwienie Inspektora waciwociInspektor waciwoci umoliwia sprawdzenie i edycj najczciej uywanych waciwoci dla aktualnie wybranego elementu strony, np. tekst lub wstawiony obiekt. Zawarto Inspektora waciwoci rni si zalenie od wybranego elementu. Na przykad jeli zaznaczysz obraz na stronie, to Inspektor waciwoci bdzie wywietla waciwoci zaznaczonego obrazu (np. jego ciek, szeroko i wysoko, dane krawdzi wok obrazu itp.).

Inspektor waciwoci jest wywietlany domylnie przy lewej krawdzi przestrzeni roboczej, ale mona go oddokowa i uczyni panelem ruchomym.

Wicej tematw Pomocy Dokowanie i oddokowywanie paneli na stronie 25

Korzystanie z Inspektora waciwoci na stronie 23

Omwienie panelu WstawPanel Wstaw zawiera przyciski do tworzenia i wstawiania obiektw, takich jak tabele, obrazy i cza. Przyciski s zgrupowane w kilku kategoriach, ktre mona przecza za pomoc wyskakujcego menu Kategoria. Dodatkowe kategorie wywietlane s, gdy biecy dokument zawiera kod serwera, np. dokumenty ASP lub CFML.



Niektre kategorie zawieraj przyciski z wyskakujcymi menu. Zaznaczenie opcji w wyskakujcym menu powoduje, e staje si ona domyln operacj danego przycisku. Na przykad jeli z wyskakujcego menu przycisku Obraz zostanie wybrana opcja Obraz zastpczy, to po nastpnym klikniciu przycisku Obraz program Dreamweaver wstawi obraz zastpczy. Po wybraniu nowej opcji z wyskakujcego menu domylna operacja przycisku jest zmieniana.

Panel Wstaw zawiera nastpujce kategorie:

Kategoria Wsplne Umoliwia tworzenie i wstawianie najczciej uywanych obiektw, np. obrazw lub tabel.

Kategoria Ukad Umoliwia wstawianie tabel, elementw tabel, znacznikw div, ramek i widgetw Spry. Dla tabel mona wybra jeden z dwch widokw: Standardowy (domylny) oraz Tabele rozszerzone.

Kategoria Formularze Zawiera przyciski do tworzenia formularzy i wstawiania elementw formularza, cznie z widgetami Spry.

Kategoria Dane Umoliwia wstawianie obiektw danych Spry oraz innych elementw dynamicznych, takich jak zestawy rekordw, regiony powtarzalne oraz wstawianie rekordw i uaktualnianie formularzy.

Kategoria Spry Zawiera przyciski do tworzenia stron Spry, cznie z obiektami danych Spry i widgetw.

Kategoria InContext Editing Zawiera przyciski do tworzenia stron InContext Editing, w tym przyciski dotyczce regionw edytowalnych, regionw powtarzalnych i zarzdzania klasami CSS.

Kategoria Tekst Umoliwia wstawianie szerokiego zakresu znacznikw formatowania tekstu i list, np. b, em, p, h1 czy ul.

Kategoria Ulubione Umoliwia grupowanie i organizacj najczciej uywanych przyciskw z panelu wstawiania, w jednym wsplnym miejscu.

Kategorie kodu wykonywanego na serwerze Dostpne tylko w przypadku stron zaprojektowanych przy uyciu okrelonego jzyka serwerowego, np. jzyka ASP, CFML Basic, CFML Flow, CFML Advanced i PHP. Kada z tych kategorii zawiera obiekty kodu wykonywanego na serwerze, ktre mona wstawi w widoku Kod.

W odrnieniu od innych paneli programu Dreamweaver panel Wstaw mona przecign poza domylne miejsce dokowania i umieci poziomo, w grnej czci okna Dokument. Po takiej operacji panel staje si paskiem narzdziowym (nie mona go jednak ukrywa i wywietla, tak jak inne paski narzdziowe).

Wicej tematw Pomocy Korzystanie z panelu Wstaw na stronie 208

Tworzenie stron Spry metod graficzn na stronie 429



Omwienie panelu PlikiPanel Pliki suy do wywietlania i zarzdzania plikami w serwisie Dreamweaver.

Wywietlajc serwisy, pliki lub foldery w panelu Pliki mona zmienia rozmiar obszaru wywietlania. Panel Pliki mona te zwija lub rozwija. Gdy panel Pliki jest zwinity, wtedy zawarto serwisu lokalnego, serwisu zdalnego, serwera testowego lub repozytorium SVN jest wywietlana w postaci listy plikw. Po rozwiniciu jest wywietlany serwis lokalny, a ponadto serwis zdalny, serwer testowy lub repozytorium SVN.

Mona te dostosowa panel Pliki dla serwisw programu Dreamweaver, zmieniajc widok wywietlany domylnie na zwinitym panelu na serwis zdalny albo lokalny.

(CS5.5) Panel Pliki regularnie kontaktuje si z serwerem, aktualizujc swoj zawarto. Prba wykonania operacji w panelu Pliki w trakcie automatycznej aktualizacji powoduje wywietlenie komunikatu o bdzie. Aby wyczy automatyczn aktualizacj, otwrz menu panelu Pliki i odznacz opcj Aktualizuj automatycznie w menu Widok.

Aby rcznie zaktualizowa zawarto panelu Pliki, uyj przycisku Odwie, ktry znajduje si w tym panelu. Jednak biecy status dotyczcy pobrania pliku do edycji jest aktualizowany tylko wtedy, gdy wczone s aktualizacje automatyczne.

Wicej tematw Pomocy Praca z plikami w panelu Pliki na stronie 78



Omwienie panelu Style CSSPanel Style CSS umoliwia zarzdzanie reguami i waciwociami CSS, ktre obowizuj dla zaznaczonego w danym momencie elementu strony (tryb Biecy) albo wszystkimi reguami wpywajcymi na cay dokument (tryb Wszystkie). Przycisk przeczania na grze panelu Style CSS umoliwia przechodzenie z jednego trybu do drugiego. Panel Style CSS umoliwia modyfikowanie waciwoci CSS zarwno w trybie Wszystkie, jak i w trybie Biece.

Wielko paneli mona zmienia, przecigajc krawdzie midzy nimi.

W trybie Biece panel Style CSS wywietla trzy sekcje: panel Podsumowanie zaznaczenia przedstawia waciwoci CSS biecego zaznaczenia w dokumencie; panel Reguy wywietla pooenie zaznaczonych waciwoci (lub kaskad regu dla zaznaczonego znacznika, w zalenoci od zaznaczenia); natomiast panel Waciwoci umoliwia edytowanie waciwoci CSS w regule zastosowanej do danego zaznaczenia.

W trybie Wszystkie panel Style CSS wywietla dwie sekcje: Wszystkie reguy (na grze) oraz Waciwoci (na dole). Panel Wszystkie reguy zawiera list regu zdefiniowanych w biecym dokumencie oraz w doczonych do niego arkuszach stylw. Panel Waciwoci umoliwia edytowanie waciwoci CSS reguy zaznaczonej w panelu Wszystkie reguy.

Zmiany wprowadzone w panelu Waciwoci s natychmiast stosowane, co zapewnia podgld wynikw podczas pracy.

Wicej tematw Pomocy Tworzenie stylw CSS i zarzdzanie nimi na stronie 129

Omwienie wizualnych linii pomocniczychProgram Dreamweaver udostpnia kilka rodzajw wizualnych linii pomocniczych, pomagajc zaprojektowa dokumenty i przewidzie, w jaki sposb bd one wywietlane w przegldarkach. Uytkownik moe wykonywa nastpujce czynnoci:

Szybkie przyciganie okna Dokument do wymaganego rozmiaru okna, aby sprawdzi, w jaki sposb elementy zostan dopasowane do strony.



Uywanie obrazu-wzornika jako ta strony, pomocne przy powielaniu projektu utworzonego w aplikacji do edycji ilustracji lub zdj, np. Adobe Photoshop lub Adobe Fireworks.

Uywanie miarek i linii pomocniczych do precyzyjnego rozmieszczania i zmiany wielkoci elementw strony.

Uywanie siatki do precyzyjnego rozmieszczania i zmiany wielkoci bezwzgldnie umieszczonych elementw (elementy AP).

Znaczniki siatki na stronie su do wyrwnywania elementw AP. Gdy wczone jest przyciganie, to podczas przesuwania lub zmiany wielkoci elementw AP s one automatycznie przycigane do najbliszego punktu siatki. (Inne obiekty, np obrazy lub akapity, nie s przycigane do siatki). Przyciganie dziaa bez wzgldu na widoczno siatki.

Wicej tematw Pomocy Korzystanie z wizualnych pomocy do ukadu na stronie 176

Uytkownicy programu GoLiveJeli do tej pory uywano programu GoLive, ale uytkownik zamierza przenie swoj prac do programu Dreamweaver, warto przejrze dostpne online informacje wprowadzajce na temat przestrzeni roboczej i obiegu pracy w programie Dreamweaver, a take omwienie metod efektywnego przenoszenia serwisu do programu Dreamweaver.

Wicej tematw Pomocy Samouczek programu Dreamweaver dla uytkownikw GoLive

Praca w oknie Dokument

Przeczanie pomidzy widokami w oknie DokumentDo wywietlania dokumentw w oknie Dokument mona uywa widokw Kod, Podziel kod, Projekt, widoku Kod i Projekt cznie (widok Podziel), a take widoku aktywnego. Widoki Podzielony kod oraz Kod i Projekt mona stosowa w orientacji poziomej lub pionowej. (Orientacja pozioma jest orientacj domyln).

Przeczanie do widoku Kod Wykonaj jedn z nastpujcych czynnoci:

Wybierz polecenie Widok > Kod.

Kliknij przycisk Poka widok Kod na pasku narzdziowym Dokument.

Przechodzenie do widoku Podziel kodW widoku Podziel kod dokument jest dzielony na dwie czci, dziki czemu w jednym oknie mona pracowa z dwoma fragmentami kodu.

Wybierz polecenie Widok > Podziel kod.

http://www.adobe.com/go/vid0151_pl



Przeczanie do widoku Projekt Wykonaj jedn z nastpujcych czynnoci:

Wybierz polecenie Widok > Projekt.

Kliknij przycisk Poka widok Projekt na pasku narzdziowym Dokument.

Jednoczesne wywietlanie widokw Kod i Projekt Wykonaj jedn z nastpujcych czynnoci:

Wybierz polecenie Widok > Kod i Projekt.

Kliknij przycisk Poka widoki Kod i Projekt Na pasku narzdziowym Dokument.

Przy ustawieniach domylnych widok Kod jest wywietlany u gry okna Dokument, a widok Projekt u dou. Aby wywietli widok Projekt na wierzchu, wybierz polecenie Widok > Widok Projekt na wierzchu.

Przeczanie midzy widokiem Kod a Projekt Wcinij klawisz Control+apostrof odwrcony (`).

Jeli w oknie Dokument pokazane s obydwa widoki, to ten skrt klawiaturowy przenosi aktywno klawiatury z jednego widoku do drugiego.

Dzielenie widokw pionowoOpcja ta jest dostpna tylko w widokach Podziel kod oraz Kod i Projekt (widok Podziel). Opcja jest niedostpna w widoku Kod oraz w widoku Projekt.

1 Upewnij si, e pracujesz w widoku podzielonego kodu (Widok > Podziel kod) lub w widoku Kod i Projekt (Widok > Kod i Projekt).

2 Wybierz polecenie Widok > Podziel pionowo.

W widoku Kod i Projekt istnieje moliwo wywietlania widoku Projekt po lewej stronie (Widok > Widok Projekt po lewej).

Wicej tematw Pomocy Omwienie okna dokumentu na stronie 8

Podgld stron w widoku aktywnym na stronie 292

Kaskadowe lub ssiadujce okna dokumentuJeli otwartych jest kilka dokumentw, mona uoy je kaskadowo lub ssiadujco.

Wicej tematw Pomocy Zarzdzanie oknami i panelami na stronie 24

Wywietlanie dokumentw z zakadkami (Dreamweaver Macintosh) na stronie 30



Okna dokumentu w widoku Kaskada Wybierz polecenie z menu Okno > Kaskada

Okna dokumentu w widoku Ssiadujco (Windows) Wybierz polecenie z menu Okno > Ssiadujco w poziomie lub Okno > Ssiadujco w pionie.

(Macintosh) Wybierz polecenie z menu Okno > Ssiadujco.

Zmiana rozmiaru okna dokumentuNa pasku stanu s wywietlane biece wymiary okna Dokument (w pikselach). Aby zaprojektowa stron, ktra najlepiej wyglda w okrelonej wielkoci, moesz dopasowa okno Dokument do jednego z wczeniej okrelonych rozmiarw, zmieni okrelone rozmiary lub utworzy nowy rozmiar.

Zmiana rozmiaru wywietlania strony w widoku projektu lub widoku aktywnym powoduje tylko zmian wymiarw widoku. Rozmiar dokumentu nie ulegnie zmianie.

Oprcz rozmiarw ustalonych i niestandardowych program Dreamweaver umoliwia take wybranie wymiarw okrelonych w zapytaniu o media. Gdy wybrany zostanie rozmiar odpowiadajcy zapytaniu o media, program Dreamweaver wywietli stron na podstawie tego zapytania. Mona rwnie zmieni orientacj strony, aby wywietli jej podgld na urzdzeniach przenonych, na ktrych ukad strony zmienia si w zalenoci od tego, w jaki sposb uytkownik trzyma urzdzenie.

Zmiana okna Dokument do wczeniej okrelonego rozmiaru Wybierz jeden z rozmiarw z listy w wyskakujcym menu Rozmiar okna w dolnej czci okna Dokument. Program

Dreamweaver CS5.5 i nowsze wersje oferuje rozszerzon list opcji, w tym moliwo wyboru popularnych urzdze przenonych (patrz ilustracja poniej).

Pokazany rozmiar okna odzwierciedla wewntrzne wymiary okna przegldarki bez krawdzi; rozmiar monitora lub urzdzenia przenonego jest wskazany po prawej stronie.

Jeli tak precyzyjna zmiana rozmiaru okna nie jest potrzebna, mona skorzysta ze standardowej systemowej metody zmiany rozmiaru, np. przez przeciganie prawego dolnego naronika okna.

Uwaga: (Tylko system Windows) Dokumenty wywietlane w oknie Dokument s domylnie maksymalizowane, a przy takim ustawieniu nie mona zmienia ich wymiarw. Aby wyczy ustawienie maksymalizacji dokumentu, kliknij odpowiedni przycisk w prawym grnym naroniku okna dokumentu.

Zmiana wartoci w wyskakujcym menu Rozmiar okna1 Z wyskakujcego menu Rozmiar okna wybierz polecenie Edytuj rozmiary.

2 Kliknij wybrane wartoci szerokoci lub wysokoci znajdujce si na licie Rozmiary okna i wpisz now warto.

Aby dopasowa okno Dokument tylko do okrelonej szerokoci (bez zmiany wysokoci), wybierz warto wysokoci i usu j.



3 Kliknij pole tekstowe Opis, aby wpisa tekst opisujcy okrelony rozmiar.

Dodawanie nowego rozmiaru do wyskakujcego menu Rozmiar okna1 Z wyskakujcego menu Rozmiar okna wybierz polecenie Edytuj rozmiary.

2 Kliknij puste miejsce pod ostatni wartoci w kolumnie Szeroko.

3 Wprowad wartoci w polach Szeroko i Wysoko.

Aby ustawi tylko szeroko lub wysoko, naley po prostu pozostawi jedno pole puste.

4 Kliknij pole tekstowe Opis, aby wpisa tekst opisujcy dodawany rozmiar.

Na przykad SVGA lub redni PC mona wpisa obok monitora 800 x 600 pikseli i 17-calowy Mac obok monitora 832 x 624 pikseli. Wikszo monitorw moe by dopasowana do rnych rozdzielczoci.

Ustawianie rozmiaru okna i szybkoci poczenia1 Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).

2 Z listy Kategoria po lewej stronie wybierz pozycj Pasek stanu (CS5) lub Rozmiary okna (CS5.5 i nowsze wersje).

3 Ustaw dowolne spord poniszych opcji:

Rozmiary okna umoliwia dostosowanie wymiarw okna, ktre s pokazywane w wyskakujcym menu Pasek stanu.

Szybko poczenia okrela szybko poczenia (w kilobitach na sekund) uywan do obliczania rozmiaru pobieranych materiaw. Na pasku stanu jest wywietlany rozmiar pobieranej strony. Gdy zaznaczony jest obraz w oknie Dokument, rozmiar pobieranych obrazw wywietlany jest w Inspektorze waciwoci.

Wicej tematw Pomocy Omwienie paska stanu na stronie 12

Zmiana rozmiaru okna dokumentu na stronie 20

Raporty w programie DreamweaverRaporty w programie Dreamweaver su do wyszukiwania treci, przegldania zaistniaych problemw czy te testowania zawartoci. Moliwe jest tworzenie nastpujcych rodzajw raportw:

Wyszukiwanie Umoliwia wyszukiwanie znacznikw, atrybutw oraz okrelonego tekstu zawartego midzy znacznikami.

Odniesienie Pozwala wyszuka uyteczne informacje.

Walidacja Umoliwia sprawdzanie kodu lub bdw skadni.

Zgodno przegldarki Umoliwia testowanie HTML w dokumentach w celu sprawdzenia, czy znaczniki lub atrybuty obsugiwane s w docelowych przegldarkach.

Kontroler czy Umoliwia znajdowanie i napraw uszkodzonych, zewntrznych lub porzuconych czy.

Raporty o serwisie Umoliwia popraw obiegu pracy i testowanie atrybutw HTML w serwisie. Raporty obiegu pracy zawieraj informacje o uytkownikach pobierajcych pliki do edycji, ostatnich zmianach i projekcie. Raporty HTML zawieraj informacje o zagniedonych znacznikach czcionek, dostpnoci, brakujcym tekcie zastpczym, zbdnych zagniedonych znacznikach, pustych znacznikach oraz o dokumentach bez tytuu.

Dziennik FTP Umoliwia wywietlanie wszystkich operacji transferu plikw za pomoc FTP.



Debugowanie na serwerze Pozwala wywietli informacje dotyczce debugowania kodu w aplikacji Adobe ColdFusion.

Wicej tematw Pomocy Wyszukiwanie znacznikw, atrybutw lub tekstu w kodzie na stronie 324

Stosowanie odniesie dotyczcych danego jzyka na stronie 325

Testowanie serwisu na stronie 108

Walidowanie dokumentw XML na stronie 330

Sprawdzanie zgodnoci przegldarek na stronie 330

Wyszukiwanie przerwanych, zewntrznych i porzuconych cz na stronie 289

Wysyanie plikw na serwer zdalny na stronie 86

Pobieranie plikw z serwera zdalnego na stronie 85

Uywanie debugera ColdFusion (tylko Windows) na stronie 333

Korzystanie z paskw narzdziowych, inspektorw i menu kontekstowych

Wywietlanie paskw narzdziowychPaski narzdziowe Dokument i Standardowy su do wykonywania standardowych lub odnoszcych si do dokumentu edycji; pasek narzdziowy Kodowanie suy do szybkiego wstawiania kodu; pasek narzdziowy Renderowanie stylw suy do wywietlania strony w taki sposb, w jaki bdzie wywietlana na rnych typach nonikw. Paski narzdziowe mona wywietla lub ukrywa wedug potrzeb.

Wybierz polecenie z menu Widok > Paski narzdziowe i wybierz pasek narzdziowy.

Kliknij jeden z paskw narzdziowych prawym przyciskiem myszy (Windows) lub z wcinitym klawiszem Control (Mac OS) i z menu kontekstowego wybierz pasek narzdziowy.

Uwaga: Aby wywietli lub ukry pasek narzdziowy Kodowanie w oknie Inspektora kodu (Okno > Inspektor kodu), z wyskakujcego menu Opcje umieszczonego w grnej czci okna Inspektor wybierz polecenie Pasek narzdziowy Kodowanie.

Wicej tematw Pomocy Omwienie paska narzdziowego Dokument na stronie 9

Omwienie paska narzdziowego Standardowy na stronie 10

Omwienie paska narzdziowego Kodowanie na stronie 12

Omwienie paska narzdziowego Renderowanie stylw na stronie 10



Korzystanie z Inspektora waciwociInspektor waciwoci umoliwia sprawdzenie i edycj najczciej uywanych waciwoci dla aktualnie wybranego elementu strony, np. tekst lub wstawiony obiekt. Zawarto Inspektora waciwoci rni si zalenie od zaznaczonych elementw.

Aby uzyska dostp do pomocy dotyczcej konkretnego Inspektora waciwoci, kliknij przycisk pomocy w prawym grnym naroniku Inspektora waciwoci lub przejd do menu Opcje Inspektora waciwoci i wybierz opcj Pomoc.

Uwaga: Inspektor znacznikw pozwala wywietla i edytowa atrybuty zwizane z poszczeglnymi znacznikami.

Wicej tematw Pomocy Omwienie Inspektora waciwoci na stronie 14

Ustawianie waciwoci tekstu w Inspektorze waciwoci na stronie 231

Dokowanie i oddokowywanie paneli na stronie 25

Zmiana atrybutw za pomoc Inspektora znacznikw na stronie 335

Pokazywanie lub ukrywanie Inspektora waciwoci Wybierz polecenie Okno > Waciwoci.

Rozwijanie lub zwijanie Inspektora waciwoci Kliknij strzak rozwijania w dolnym prawym rogu Inspektora waciwoci.

Wywietlanie waciwoci dla elementu strony1 Zaznacz element strony w oknie Dokument.

Moliwe jest rozwinicie Inspektora waciwoci, aby wywietli wszystkie waciwoci wybranego elementu.

2 Zmie dowolne waciwoci w Inspektorze waciwoci.

Uwaga: Aby uzyska informacje na temat okrelonych waciwoci, wybierz element w oknie Dokument i kliknij ikon Pomocy w prawym grnym rogu Inspektora waciwoci.

3 Jeli zmiany nie zostay od razu zastosowane w oknie Dokument, zastosuj zmiany w jeden z nastpujcych sposobw:

Kliknij poza polami tekstowymi edycji waciwoci.

Nacinij klawisz Enter (Windows) lub Return (Macintosh).

Nacinij klawisz Tab, aby przeczy na inn warto.

Uywanie menu kontekstowychMenu kontekstowe daje wygodny dostp do najczciej uywanych polece i waciwoci powizanych z obiektem lub oknem, z ktrymi pracujesz. Menu kontekstowe zawiera tylko te polecenia, ktre odnosz si do biecego zaznaczenia.

1 Kliknij prawym przyciskiem myszy (Windows) lub kliknij przytrzymujc klawisz Control (Macintosh) obiekt lub okno.



2 Wybierz polecenie z menu kontekstowego.

Dostosowywanie przestrzeni roboczej pakietu CS5

Zarzdzanie oknami i panelamiWasn przestrze robocz mona utworzy poprzez przesuwanie oraz zmienianie okien dokumentw oraz paneli. Mona take zapisa wasne przestrzenie robocze i przecza si midzy nimi. W przypadku programu Fireworks zmiana nazwy wasnych przestrzeni roboczych moe prowadzi do nieoczekiwanych rezultatw.

Uwaga: W poniszych przykadach w celach prezentacji posuono si programem Photoshop. Przestrze robocza zachowuje si tak samo we wszystkich produktach.

Zmiana kolejnoci, dokowanie i uruchamianie okien dokumentuPo otwarciu wikszej liczby plikw okna dokumentw zostaj oznaczone.

Aby zmieni kolejno oznaczonych okien dokumentw, przecignij zakadk okna w nowe miejsce w ramach grupy.

Aby oddokowa (uruchomi lub wycign z zakadki) okno dokumentu z grupy okien, przecignij zakadk okna poza grup.



Uwaga: W programie Photoshop mona rwnie wybra polecenie Okno > U > Okno ruchome, aby uruchomi jedno okno dokumentu; albo polecenie Okno > U > Wszystkie okna ruchome, aby uruchomi wszystkie okna dokumentw na raz. Wicej informacji zawiera nota techniczna kb405298.

Uwaga: Program Dreamweaver nie obsuguje dokowania i oddokowywania okien dokumentw. Ruchome okna mona utworzy za pomoc przycisku Minimalizuj okna Dokument (Windows). Mona rwnie wybra polecenie Okno > Rozmie pionowo, aby utworzy okna dokumentw uoone jedno przy drugim. Wicej informacji na ten temat mona znale w Pomocy programu Dreamweaver, wyszukujc fraz Rozmie pionowo. Procedura postpowania jest nieco inna w systemie Macintosh.

Aby zadokowa okno dokumentu w osobnej grupie okien, przecignij zakadk okna do tej grupy.

Aby utworzy grup dokumentw uoonych na stosie lub ssiadujco, przecignij okno do jednej ze stref upuszczania u szczytu, u dou lub po bokach innego okna. Moesz okreli sposb uoenia grupy uywajc przycisku Ukad, ktry znajduje si na pasku aplikacji.

Uwaga: Niektre produkty nie s wyposaone w t funkcj. Twj produkt moe mie jednak polecenia Kaskada i Ssiadujco w menu Okno, ktre mog pomc ci w uoeniu dokumentw.

Aby w czasie zaznaczania przeczy si na inny dokument w grupie z zakadk, przecignij na chwil zaznaczenie nad zakadk dokumentu.

Uwaga: Niektre produkty nie s wyposaone w t funkcj.

Dokowanie i oddokowywanie paneliStacja dokowania to zbir wywietlanych razem, najczciej pionowo, paneli lub grup paneli. Mona zadokowa i oddokowa panele poprzez przemieszczanie ich do i ze stacji dokowania.

Aby zadokowa panel, naley przecign go przy uyciu jego zakadki do stacji dokowania na grze, na dole lub pomidzy innymi panelami.

Aby zadokowa grup paneli, naley przecign je przy uyciu ich paska tytuu (jednolity pusty pasek powyej zakadki) do stacji dokowania.

Aby usun panel lub grup paneli, przecignij go poza stacj dokowania przy uyciu zakadki lub paska tytuu. Mona take przecign go do innej stacji dokowania lub umoliwi mu swobodne przemieszczanie si.

Przeciganie panelu Nawigator do nowej stacji dokowania, wskazanej przez niebieskie pionowe podwietlenie

http://kb2.adobe.com/cps/405/kb405298.html



Panel Nawigator we wasnej stacji dokowania

Mona uniemoliwi panelom zapenianie caej przestrzeni w stacji dokowania. Przecignij doln krawd stacji dokowania do gry tak, aby nie stykaa si z krawdzi przestrzeni roboczej.

Przesu panele W trakcie przesuwania paneli mona zobaczy podwietlone na niebiesko strefy upuszczania. S to obszary, do ktrych mona przesun panel. Mona na przykad przesun panel do gry lub w d w stacji dokowania, poprzez przecigniecie go do wskiej niebieskiej strefy powyej lub poniej panelu. Jeli przesuniesz go do obszaru, ktry nie jest stref upuszczania, panel bdzie si swobodnie przemieszcza w przestrzeni roboczej.

Uwaga: Stref upuszczania aktywuje pooenie myszy, a nie pooenie panelu. Jeli nie wida strefy upuszczania, sprbuj przecign wskanik myszy w miejscu, gdzie strefa ta powinna si znajdowa.

Aby przesun panel, przecignij jego zakadk.

Aby przesun grup paneli, przecignij pasek tytuu.

Wska niebieska strefa upuszczania wskazuje, e panel Kolor bdzie dokowany sam na sobie powyej grupy panelu Warstwy.A. Pasek tytuowy B. Zakadka C. Strefa upuszczania

Nacinij Ctrl (Windows) lub Command (Mac OS) podczas przesuwania panelu, aby uchroni go od dokowania. Nacinij klawisz Esc w trakcie przesuwania panelu, aby anulowa operacj.

Dodawanie i usuwanie paneliJeli usuniesz wszystkie panele ze stacji dokowania, stacja zniknie. Dok mona utworzy poprzez przesunicie paneli do prawej krawdzi przestrzeni roboczej tak, aby pojawi si obszar upuszczenia.

Aby usun panel, kliknij prawym przyciskiem myszy (Windows) lub kliknij przycisk Control (Mac) jego zakadk i wybierz opcj Zamknij lub usu zaznaczenie w menu Okno.

Aby doda panel, zaznacz go w menu Okno i zadokuj gdziekolwiek.

AB

C



Obsuguj grupy paneli Aby przesun panel do grupy, przecignij jego zakadk do podwietlonej strefy upuszczania w grupie.

Dodawanie panelu do grupy paneli

Ponowne uoenie paneli w grupie jest moliwe dziki przecigniciu zakadek paneli na inne miejsce w grupie.

Aby usun panel z grupy umoliwiajc mu swobodne przemieszczanie si, naley przecign jego zakadk poza grup.

Aby przesun grup, przecignij pasek tytuowy (obszar nad zakadkami).

Skadowanie przemieszczajcych si paneliW czasie przecigania panelu z jego stacji dokowania do miejsca innego ni strefa upuszczania, panel swobodnie przemieszcza si. Panel przemieszczajcy si mona umieci w dowolnym miejscu przestrzeni roboczej. Przemieszczajce si panele

korzystanie z programu dreamweaver

Documents