PODRĘCZNIK UŻYTKOWNIKA · 2012-01-20 · Podręcznik użytkownika. Adobe mogą zawierać...

691
PODRĘCZNIK UŻYTKOWNIKA ADOBE ® DREAMWEAVER ® CS 3

Transcript of PODRĘCZNIK UŻYTKOWNIKA · 2012-01-20 · Podręcznik użytkownika. Adobe mogą zawierać...

PODRCZNIK UYTKOWNIKAADOBE DREAMWEAVER CS3

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash,FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo,RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the UnitedStates or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names ofMacromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally.This guide contains links to third-party websites that are not under the control of Adobe Systems Incorporated, and Adobe Systems Incorporated is not responsible for the content on any linked site. If you accessa third-party website mentioned in this guide, then you do so at your own risk. Adobe Systems Incorporated provides these links only as a convenience, and the inclusion of the link does not imply that AdobeSystems Incorporated endorses or accepts any responsibility for the content on those third-party sites.Copyright 2006 Adobe Systems Incorporated. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in partwithout written approval from Adobe Systems Incorporated. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out onecopy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced,distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services.Project Management: Charles NadeauWriting: Jon Michael VareseAdditional Writing: Jennifer Rowe, Paul Gubbay, Charles NadeauEditing: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark NigaraProduction and Editing Management: Patrice ONeill and Rosana FrancescatoMedia Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario ReynosoLocalization Management: Melissa BaerwaldSpecial thanks to Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, MasayoNoda, Kristin Conradi, Yuko Yagi, the beta testers, and the entire Dreamweaver engineering and QA teams.Second Edition: February 2006Adobe Systems Incorporated, 601 Townsend St., San Francisco, CA 94103

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash,FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo,RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the UnitedStates or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names ofMacromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally.This guide contains links to third-party websites that are not under the control of Adobe Systems Incorporated, and Adobe Systems Incorporated is not responsible for the content on any linked site. If you accessa third-party website mentioned in this guide, then you do so at your own risk. Adobe Systems Incorporated provides these links only as a convenience, and the inclusion of the link does not imply that AdobeSystems Incorporated endorses or accepts any responsibility for the content on those third-party sites.Copyright 2006 Adobe Systems Incorporated. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in partwithout written approval from Adobe Systems Incorporated. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out onecopy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced,distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services.Project Management: Charles NadeauWriting: Jon Michael VareseAdditional Writing: Jennifer Rowe, Paul Gubbay, Charles NadeauEditing: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark NigaraProduction and Editing Management: Patrice ONeill and Rosana FrancescatoMedia Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario ReynosoLocalization Management: Melissa BaerwaldSpecial thanks to Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, MasayoNoda, Kristin Conradi, Yuko Yagi, the beta testers, and the entire Dreamweaver engineering and QA teams.Second Edition: February 2006Adobe Systems Incorporated, 601 Townsend St., San Francisco, CA 94103

Spis treciRozdzia 1: Pierwsze krokiInstalacja...........................................................................................................................................................................................................1Pomoc Adobe.................................................................................................................................................................................................1Zasoby...............................................................................................................................................................................................................5Co nowego....................................................................................................................................................................................................12

Rozdzia 2: Przestrze roboczaObieg pracy i przestrze robocza w programie Dreamweaver..................................................................................................14Praca w oknie Dokument.........................................................................................................................................................................26Korzystanie z paskw narzdziowych, inspektorw, menu kontekstowych i paneli.........................................................29Dostosowywanie przestrzeni roboczej Dreamweaver CS3.........................................................................................................36

Rozdzia 3: Praca z serwisami programu DreamweaverKonfigurowanie serwisu Dreamweaver..............................................................................................................................................40Posugiwanie si graficzn map serwisu..........................................................................................................................................52Zarzdzanie serwisami Contribute za pomoc programu Dreamweaver..............................................................................57Praca z plikami bez definiowania serwisu..........................................................................................................................................63

Rozdzia 4: Tworzenie i obsuga plikwTworzenie i otwieranie dokumentw..................................................................................................................................................66Zarzdzanie plikami i folderami.............................................................................................................................................................75Odbieranie i wysyanie plikw na serwer...........................................................................................................................................87Pobieranie plikw do edycji i odkadanie ich na serwer...............................................................................................................91Synchronizacja plikw...............................................................................................................................................................................95Porwnywanie plikw w poszukiwaniu rnic................................................................................................................................96Wycofywanie plikw (dla uytkownikw Contribute)...................................................................................................................99Maskowanie folderw i plikw w serwisie.........................................................................................................................................99Przechowywanie informacji o plikach w Uwagach do projektu..............................................................................................102Testowanie serwisu .................................................................................................................................................................................105

Rozdzia 5: Zarzdzanie zasobami i bibliotekamiInformacje o zasobach i bibliotekach................................................................................................................................................109Praca z zasobami.......................................................................................................................................................................................110Tworzenie i zarzdzanie list ulubionych zasobw.....................................................................................................................115Praca z elementami biblioteki..............................................................................................................................................................117

Rozdzia 6: Tworzenie stron przy uyciu stylw CSSPodstawowe informacje o stylach CSS.............................................................................................................................................123Tworzenie stylw CSS i zarzdzanie nimi.........................................................................................................................................127Tworzenie ukadu strony za pomoc stylw CSS..........................................................................................................................150Posugiwanie si znacznikami DIV......................................................................................................................................................169

Rozdzia 7: Tworzenie ukadw stron przy pomocy HTMLKorzystanie z wizualnych pomocy do ukadu................................................................................................................................174Prezentacja zawartoci przy pomocy tabel.....................................................................................................................................177Uywanie ramek........................................................................................................................................................................................195

Rozdzia 8: Dodawanie zawartoci do stronPraca nad stronami..................................................................................................................................................................................209Dodawanie i formatowanie tekstu.....................................................................................................................................................220Dodawanie i modyfikowanie obrazw.............................................................................................................................................239Wstawianie zawartoci Flash................................................................................................................................................................252Dodawanie zawartoci Flash Video....................................................................................................................................................261Dodawanie dwiku................................................................................................................................................................................266Dodawanie innych obiektw multimedialnych............................................................................................................................267

Rozdzia 9: czenie i przegldanieInformacje o czeniu i przegldaniu stron.....................................................................................................................................275czenie........................................................................................................................................................................................................277Menu przeskoku........................................................................................................................................................................................285Paski nawigacji...........................................................................................................................................................................................287Mapy obrazu...............................................................................................................................................................................................289Rozwizywanie problemw dotyczcych cz...............................................................................................................................291

Rozdzia 10: Podgld stronPodgld stron w przegldarkach........................................................................................................................................................294Podgld stron w urzdzeniach przenonych.................................................................................................................................295

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

Ustawianie twojego rodowiska programistycznego.................................................................................................................302Dostosowanie rodowiska kodowania.............................................................................................................................................304Pisanie i edytowanie kodu.....................................................................................................................................................................311Zwijanie kodu.............................................................................................................................................................................................321Optymalizacja oraz debugowanie kodu..........................................................................................................................................323Edytowanie kodu w widoku projektu...............................................................................................................................................328Praca z treci nagwkw stron.........................................................................................................................................................335Praca z plikami doczanymi po stronie serwera..........................................................................................................................339Zarzdzanie bibliotekami znacznikw..............................................................................................................................................341Importowanie wasnych znacznikw do programu Dreamweaver.......................................................................................344

Rozdzia 12: Dodawanie zachowa JavaScriptUywanie zachowa JavaScript...........................................................................................................................................................347Stosowanie wbudowanych zachowa programu Dreamweaver...........................................................................................350

Rozdzia 13: Praca z innymi aplikacjamiIntegracja midzy platformami...........................................................................................................................................................365Praca w programie Fireworks...............................................................................................................................................................366Praca w programie Photoshop............................................................................................................................................................372Praca w programie Flash........................................................................................................................................................................380Praca w programie Bridge.....................................................................................................................................................................381Praca z Device Central.............................................................................................................................................................................383

Rozdzia 14: Tworzenie i edycja szablonwInformacje o szablonach programu Dreamweaver .....................................................................................................................385Rozpoznawanie szablonw oraz dokumentw opartych na szablonach............................................................................389Zmienianie szablonu programu Dreamweaver.............................................................................................................................392Tworzenie edytowalnych regionw..................................................................................................................................................395Tworzenie powtarzalnych regionw.................................................................................................................................................397Korzystanie z opcjonalnych regionw..............................................................................................................................................399Definiowanie edytowalnych atrybutw znacznikw..................................................................................................................401Tworzenie zagniedonego szablonu...............................................................................................................................................403Edytowanie, uaktualnianie i usuwanie szablonw.......................................................................................................................405Eksportowanie i importowanie treci szablonu............................................................................................................................409Nadawanie i usuwanie szablonu z istniejcego dokumentu....................................................................................................410Zmienianie zawartoci strony opartej na szablonie.....................................................................................................................411Skadnia szablonu.....................................................................................................................................................................................414Ustawianie preferencji projektowych szablonw.........................................................................................................................415

Rozdzia 15: Wywietlanie danych XMLOmwienie XML i XSLT...........................................................................................................................................................................417Wykonywanie przeksztace XSL na serwerze...............................................................................................................................424Wykonywanie przeksztace XSL po stronie klienta....................................................................................................................444Brakujce encje znakw.........................................................................................................................................................................445

Rozdzia 16: Tworzenie stron Spry metod graficznInformacje o infrastrukturze Spry.......................................................................................................................................................448Dodawanie widetw Spry...................................................................................................................................................................448Posugiwanie si widetem Harmonijka..........................................................................................................................................450Posugiwanie si widetem Pasek menu.........................................................................................................................................452Posugiwanie si widetem Panel zwijany......................................................................................................................................458Posugiwanie si widetem Panele z zakadkami.........................................................................................................................460Posugiwanie si widetem Walidacja - pole tekstowe..............................................................................................................463Posugiwanie si widetem Walidacja - obszar tekstowy..........................................................................................................468Posugiwanie si widetem Walidacja - zaznaczenie..................................................................................................................471Posugiwanie si widetem Walidacja - pole wyboru.................................................................................................................474Wywietlanie danych za pomoc infrastruktury Spry.................................................................................................................477Dodawanie efektw Spry.......................................................................................................................................................................487

Rozdzia 17: Przygotowanie do tworzenia serwisw dynamicznychPodstawy aplikacji internetowych......................................................................................................................................................491Instalowanie lokalnego serwera WWW............................................................................................................................................499Konfigurowanie aplikacji internetowej.............................................................................................................................................501Poczenia z bazami danych dla programistw ColdFusion.....................................................................................................508Poczenia z bazami danych dla programistw ASP...................................................................................................................509Poczenia z bazami danych dla programistw PHP...................................................................................................................517Poczenia z bazami danych dla programistw ASP.NET..........................................................................................................518Poczenia z bazami danych dla programistw JSP....................................................................................................................521Rozwizywanie problemw z poczeniami z baz danych.....................................................................................................525Usuwanie skryptw poczenia...........................................................................................................................................................530

Rozdzia 18: rda danych dla aplikacji WWWUycie bazy danych do przechowywania zawartoci..................................................................................................................531

Zbieranie danych przesyanych przez uytkownikw................................................................................................................532Dostp do danych przechowywanych w zmiennych sesji........................................................................................................535

Rozdzia 19: Wprowadzanie elementw dynamicznych do stronOptymalizacja przestrzeni roboczej do projektowania elementw graficznych..............................................................538Projektowanie dynamicznych stron..................................................................................................................................................541Omwienie rde zawartoci dynamicznej...................................................................................................................................542Definiowanie rde dynamicznej zawartoci................................................................................................................................545Dodawanie zawartoci dynamicznej do stron...............................................................................................................................562Zmiana zawartoci dynamicznej.........................................................................................................................................................565Wywietlanie rekordw bazy danych................................................................................................................................................568Wywietlanie aktywnych danych........................................................................................................................................................577Tworzenie formularzy.............................................................................................................................................................................582

Rozdzia 20: Wizualne budowanie aplikacjiBudowanie stron wzorcowych oraz szczegowych (wszystkie serwery)............................................................................596Budowanie stron szukania i rezultatw (ColdFusion, ASP, JSP, PHP)....................................................................................607Budowanie prostej strony szukania w bazie (ASP.NET)..............................................................................................................613Budowanie strony do zapisywania rekordu (wszystkie serwery)............................................................................................618Budowanie stron do uaktualnia rekordu (wszystkie serwery)..................................................................................................622Budowanie stron do kasowania rekordu (wszystkie serwery)..................................................................................................627Budowanie stron z zaawansowanymi obiektami operowania na danych (ColdFusion, ASP, ASP.NET, JSP)...........638Budowanie prostej strony rejestracji (ColdFusion, ASP, JSP, PHP)..........................................................................................646Budowanie prostej strony rejestracji (ColdFusion, ASP, JSP, PHP)..........................................................................................649Budowanie strony, ktr mog oglda wycznie autoryzowani uytkownicy (ColdFusion, ASP, JSP, PHP).......651Zabezpieczanie folderu w aplikacji (ColdFusion)..........................................................................................................................653Uywanie komponentw ColdFusion (ColdFusion)....................................................................................................................654Korzystanie z JavaBeans (JSP) .............................................................................................................................................................660

Rozdzia 21: Uatwienia dostpuDreamweaver i uatwienia dostpu...................................................................................................................................................662Funkcje uatwienia dostpu programu Dreamweaver ..............................................................................................................663Projektowanie stron dla uatwienia dostpu..................................................................................................................................665

Indeks...........................................................................................................................................................................................................667

Rozdzia 1: Pierwsze krokiJeli nie zainstalowae nowego oprogramowania, zacznij od przeczytania informacji o instalacji i innych czynnociach wstpnych.Zanim zaczniesz prac, powi kilka chwil, aby przeczyta omwienie Pomocy Adobe i wielu zasobw dostpnych dla uytkownika.Masz dostp do instruktaowych filmw wideo, wtyczek, szablonw, spoecznoci uytkownikw, seminariw, samouczkw,kanaw RSS i wielu innych.

Instalacja

Instalacja oprogramowania1 Zamknij wszystkie inne aplikacje Adobe otwarte na twoim komputerze.

2 W dysk instalacyjny do stacji dyskw i wykonuj instrukcje wywietlane na ekranie.

Uwaga: Wicej informacji znajduje si w pliku Czytaj Mnie na dysku instalacyjnym.

Aktywacja oprogramowaniaJeli posiadasz licencj na oprogramowanie Adobe tylko dla jednego uytkownika, bdziesz poproszony o aktywacjoprogramowania; to jest prosty, anonimowy proces, ktry musisz zakoczy w cigu 30 dni od rozpoczcia korzystania z programu.

Wicej informacji na ten temat mona znale w pliku Czytaj mnie, na dysku instalacyjnym lub na stronie internetowej firmy Adobewww.adobe.com/go/activation_pl.

1 Jeli okno dialogowe Aktywacja nie jest jeszcze otwarte, wybierz polecenie Pomoc > Aktywuj.

2 Wykonuj czynnoci zgodnie z instrukcjami wywietlanymi na ekranie.

Uwaga: Aby zainstalowa oprogramowanie na innym komputerze, najpierw naley dezaktywowa program na komputerze, na ktrymbya przeprowadzana aktywacja. Wybierz polecenie Pomoc > Dezaktywuj.

ZarejestrujZarejestruj swj produkt, aby otrzyma bezpatn pomoc przy instalacji, zawiadomienia o aktualizacjach i inne usugi.

1 Aby dokona rejestracji, wykonuj instrukcje pojawiajce si na ekranie w oknie dialogowym Rejestracja. Pojawiaj si one podokonaniu instalacji i aktywacji oprogramowania.

Jeli odkadasz rejestracj na pniej, moesz dokona jej w dowolnym czasie poprzez wybr polecenia Pomoc > Rejestracja.

Pomoc Adobe

Zasoby pomocy AdobeDokumentacja oprogramowania firmy Adobe dostpna jest w wielu formatach.

Pomoc umieszczona w programie oraz Pomoc LiveDocs

Pomoc znajdujca si w programie zawiera ca dokumentacj i instrukcje dostpne w momencie wydania programu. Jest onadostpna w programach Adobe z menu Pomoc.

DREAMWEAVER CS3 1Podrcznik uytkownika

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

Pomoc LiveDocs zawiera ca zawarto pomocy znajdujcej si w programie oraz uaktualnienia i cza do dodatkowych instrukcjidostpnych w Internecie. W czci produktw moliwe jest take dodawanie komentarzy do tematw pomocy LiveDocs. PomocLiveDocs dla twojego produktu znajduje si na stronie internetowej Adobe Help Resource Centerwww.adobe.com/go/documentation_pl.

Wikszo wersji Pomocy umieszczonej w programie jak i Pomocy LiveDocs umoliwia przeszukiwanie swojej zawartoci w Systemiepomocy zainstalowanych produktw. Tematy mog take zawiera cza do odpowiednich treci znajdujcych si Internecie lub wPomocy innego produktu.

Pomoc, znajdujca si w programie jak i w Internecie, moe by traktowana jako centrum dostpu do dodatkowych treci orazrodowisk uytkownikw. Najbardziej pena i aktualna wersja pomocy umieszczona jest zawsze w Internecie.

Dokumentacja PDF Adobe

Pomoc umieszczona w programie, dostpna jest te w plikach PDF zoptymalizowanych do drukowania. Inne dokumenty, takie jakprzewodniki instalacyjne lub biae ksigi mog by rwnie dostarczane w formacie PDF.

Caa dokumentacja w formacie PDF jest dostpna na stronie internetowej Adobe Help Resource Centerwww.adobe.com/go/documentation_pl. Dokumentacj PDF doczon do oprogramowania, mona obejrze w kataloguDokumenty znajdujcym si na instalacyjnym DVD lub na dysku zawartoci.

Dokumentacja drukowana

Drukowan wersj pomocy znajdujcej si w programie mona zakupi przez Internet w serwisie sklepu Adobe Storewww.adobe.com/go/store. W internetowym sklepie Adobe Store dostpne s te inne pozycje ksikowe wydane przez Adobepublishing partners.

Do wszystkich produktw Adobe Creative Suite 3 doczony zosta drukowany podrcznik obiegu pracy, za poszczeglne programyAdobe mog zawiera drukowany podrcznik Pierwsze kroki.

DREAMWEAVER CS3 2Podrcznik uytkownika

http://www.adobe.com/go/documentation_plhttp://www.adobe.com/go/documentation_plhttp://www.adobe.com/go/store

Korzystanie z Pomocy umieszczonej w programiePomoc umieszczona w programie dostpna jest z menu Pomoc. Po uruchomieniu programu Adobe Help Viewer, kliknij Przegldaj,aby zobaczy Pomoc do innych produktw Adobe zainstalowanych na twoim komputerze.

Funkcje Pomocy uatwiajce dostp do treci dotyczcych rnych produktw: Tematy mog zawiera cza do systemw pomocy innych produktw Adobe lub dodatkowych zasobw w Internecie. Niektre tematy s wsplne dla dwch lub wikszej liczby produktw. Przykadowo, jeli w temacie Pomocy zobaczysz ikony

programw Adobe Photoshop CS3 i Adobe After Effects CS3 to wiesz, e ten temat opisuje funkcjonalno podobn w dwchproduktach lub obieg pracy midzy produktami.

Moesz przeszukiwa systemy pomocy wielu produktw.

Jeli poszukujesz wyraenia narzdzie ksztat, to umie je w cudzysowie , aby odnale tylko te tematy, ktre zawieraj wszystkiesowa w tym wyraeniu.

Pomoc AdobeA. Przyciski Wstecz/Dalej (poprzednio wykorzystane cza) B. Tematy podrzdne podlegajce rozszerzaniu C. Ikony wskazujce tematywsplne D. Przyciski Poprzedni i Nastpny (tematy w porzdku sekwencyjnym)

DREAMWEAVER CS3 3Podrcznik uytkownika

Funkcje dostpnoci

Zawarto Pomocy Adobe jest dostpna dla ludzi niepenosprawnychtakich jak upoledzonych ruchowo, niewidomych lubniedowidzcych. Pomoc w programie obsuguje nastpujce standardowe funkcje dostpnoci: Uytkownik moe zmienia rozmiar tekstu, korzystajc ze standardowych polece menu kontekstowego. cza s podkrelone dla atwiejszego ich rozpoznania. Jeli tekst cza i tekst tytuu, do ktrego si odnosi, nie s takie same, tytu znajduje swoje odniesienie w atrybucie Tytu

znacznika Zakotwiczenie. Na przykad, cza Poprzedni i Nastpny zawieraj tytuy poprzedniego i nastpnego tematu. Zawarto pomocy obsuguje tryb wysokiego kontrastu. Grafiki bez podpisw posiadaj tekst zastpczy. Kada ramka posiada tytu okrelajcy jej cel. Standardowe znaczniki HTML definiuj struktur zawartoci do czytania na ekranie lub za pomoc narzdzi syntezy mowy. Arkusze stylw steruj formatowaniem, dlatego te nie ma osadzonych czcionek.

Skrty klawiaturowe dla kontrolek na pasku narzdziowym Pomocy (Windows)Przycisk Wstecz Alt+Strzaka w lewo

Przycisk Dalej Alt+Strzaka w prawo

Drukuj Ctrl+P

Przycisk Informacje Ctrl+I

Menu Przegldaj Alt+Strzaka w d lub Alt+Strzaka w gr, aby wywietli Pomoc dla innego programu

Pole Szukaj Ctrl+S pozwala umieci punkt wstawiania w polu Szukaj

Skrty klawiaturowe do przegldania Pomocy (Windows)

Aby przemieszcza si midzy panelami wcinij Ctrl+Tab (Dalej) i Shift+Ctrl+Tab (Wstecz). Aby przenosi si midzy czami w panelu, wcinij Tab (Dalej) i Shift+Tab (Wstecz). Aby uaktywni wybrane cze, wcinij Enter. Aby powikszy tekst, wcinij Ctrl+znak rwnoci. Aby zmniejszy tekst, wcinij Ctrl+cznik.

Wybr waciwych dokumentw PomocyPonisza lista podsumowuje dokumentacj dostpn z menu Pomoc. Za pomoc tej listy znajd system Pomocy, ktry odpowie natwoje pytanie. Pomoc programu Dreamweaver (nazwana Korzystanie z programu Dreamweaver), przeznaczona dla wszystkich uytkownikw,

zawiera obszerne informacje na temat wszystkich funkcji programu Adobe Dreamweaver CS3. Rozszerzanie programu Dreamweaver, ktra opisuje struktur programu Dreamweaver i interfejs programistyczny aplikacji

(API), jest przeznaczona dla zaawansowanych uytkownikw, ktrzy chc tworzy rozszerzenia lub dostosowywa interfejsprogramu Dreamweaver.

Opis interfejsu API programu Dreamweaver dokumentuje interfejs API narzdziowy i JavaScript, uywane przezzaawansowanych uytkownikw, ktrzy chc tworzy rozszerzenia i dostosowywa interfejs.

Pomoc Spry Framework dokumentuje tworzenie zestaww danych Ajax, widgetw, i efektw przy pomocy struktury Spry orazzawiera przykadu kodu i szybki start. Te dokumenty nie s szczeglne dla programu Dreamweaver. Informacje o szczeglnychdla programu Dreamweaver, szukaj w dokumencie Korzystanie z programu Dreamweaver.

Pomoc programu ColdFusion jest wyborem ksiek z zestawu dokumentacji Macromedia ColdFusion z firmy Adobe (penyzestaw jest dostpny w LiveDocs). Te dokumenty Pomocy s przeznaczone zarwno dla pocztkujcych i zaawansowanychdeweloperw zainteresowanych programem ColdFusion.

Karta informacyjna daje dostp do HTML, modelu serwera, i innych podrcznikw. S one przeznaczone dla kadego ktopotrzebuje wicej informacji o skadni kodu, koncepcjach kodowania, itd.

DREAMWEAVER CS3 4Podrcznik uytkownika

Zasoby

Adobe Video WorkshopAdobe Creative Suite 3 Video Workshop oferuje ponad 200 treningowych filmw wideo obejmujcych szeroki zakres tematw zdziedziny drukowania, Internetu i tworzenia profesjonalnych filmw wideo.

Adobe Video Workshop mona uy do zdobycia informacji o dowolnym produkcie Creative Suite 3. Liczne filmy wideo pokazujjak naley uywa wielu programw Adobe jednoczenie.

Po uruchomieniu Adobe Video Workshop mona wybra produkty, o ktrych chcemy zdoby informacje i tematy, ktre chcemyobejrze Mona zapozna si ze szczegami kadego wideo, aby pogbi wiedz dotyczc programu i uczyni j bardziejbezporedni.

DREAMWEAVER CS3 5Podrcznik uytkownika

Spoeczno prezenterw

Wraz z wypuszczeniem produktu na rynek Adobe Systems zaprosi spoeczno uytkownikw do wymiany pogldw i spostrzee.Adobe i lynda.com przedstawiaj podrczniki, podpowiedzi i triki pochodzce od wiodcych projektantw i twrcw, takich jakJoseph Lowery, Katrin Eismann i Chris Georgenes. Mona zobaczy i posucha ekspertw Adobe takich jak Lynn Grillo, Greg Rewisi Russell Brown. W sumie ponad 30 ekspertw od produktw Adobe dzieli si swoj wiedz.

Podrczniki i pliki rdowe

Adobe Video Workshop zawiera programy treningowe zarwno dla pocztkujcych, jak i zaawansowanych uytkownikw.Dostpne s take filmy wideo dotyczce nowych waciwoci produktw i kluczowych technik w nich uywanych. Kady film wideoobejmuje jeden temat i zazwyczaj trwa od 3 do 5 minut. Wikszoci filmw wideo towarzyszy ilustrowany podrcznik i pliki rdowe,co pozwala na wydrukowanie szczegowo zaplanowanych poszczeglnych etapw nauki i skorzystanie z podrcznika na swj wasnysposb.

Korzystanie z Adobe Video Workshop

Dostp do Adobe Video Workshop jest moliwy przy uyciu DVD dostarczonego wraz z Creative Suite 3. Jest take dostpny onlinena stronie internetowej www.adobe.com/go/learn_videotutorials_pl. Adobe bdzie regularnie dodawa nowe wideo dointernetowego Video Workshop, a zatem warto sprawdza czy nie pojawio si co nowego.

Filmy wideo programu Dreamweaver CS3Adobe Video Workshop obejmuje szeroki zakres tematw dotyczcych Adobe Dreamweaver CS3, w tym:

DREAMWEAVER CS3 6Podrcznik uytkownika

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

Uywanie i dostosowywanie ukadw opartych na CSS Korzystanie z widetw Spry Formularze stylizowane przy pomocy CSS Rozwizywanie problemw zwizanych z publikacjami Tworzenie efektw rollower (najazdy)

Filmy wideo pokazuj take jak uywa programu Dreamweaver CS3 z innym oprogramowaniem Adobe: Projektowanie stron internetowych przy pomocy programw Dreamweaver i Photoshop Korzystanie z szablonw programu Dreamweaver w programie Contribute Importowanie, kopiowanie i wklejanie pomidzy internetowymi aplikacjami

Aby mie dostp do podrcznikw wideo Adobe Creative Suite 3, trzeba odwiedzi Adobe Video Workshop na stronie internetowejwww.adobe.com/go/learn_videotutorials_pl.

DodatkiMasz dostp do szerokiej gamy zasobw, ktre pozwol ci wykorzysta maksymalnie efektywnie twoje oprogramowanie Adobe.Niektre z zasobw s instalowane na komputerze podczas procesu instalacji oprogramowania; inne jak np. bardzo przydatne plikiprzykadowe i dokumenty zostay doczone do dysku instalacyjnego lub dysku z zawartoci dodatkow. Unikalne dodatki s takeoferowane przez spoeczno Adobe Exchange na stronie internetowej www.adobe.com/go/exchange_pl.

Zainstalowane zasoby

W trakcie procesu instalacji, wiele zasobw zostaje umieszczonych w twoim katalogu aplikacji. Aby obejrze te pliki, musisz przejdo katalogu aplikacji w twoim komputerze. Windows: [dysk startowy]\Program Files\Adobe\[Program Adobe] Mac OS: [dysk startowy]/Applications/[Program Adobe]

Katalog aplikacji moe zawiera nastpujce zasoby:Wtyczki Wtyczki to niewielkie programy, ktre zwikszaj moiwoci lub dodaj nowe waciwoci do twojego oprogramowania.Po zainstalowaniu wtyczek, ich nazwy s wywietlane w menu Import i Eksport, ich typy plikw (formaty) pojawiaj si w oknachdialogowych Otwrz, Zapisz jako i Eksport oryginalnego; w podmenu Filtry pojawiaj si odpowiednie filtry. Na przykad, wielewtyczek odpowiedzialnych za efekty specjalne jest automatycznie instalowanych w katalogu Wtyczki wewntrz kataloguPhotoshop CS3.

Ustawienia predefiniowane Ustawienia predefiniowane zawieraj szerok gam uytecznych narzdzi, preferencji, efektw iobrazw. Ustawienia predefiniowane produktu zawieraj pdzle, prbki, grupy kolorw, symbole, wasne ksztaty, style graficzne istyle warstw, wzorce, gstoci, akcje, przestrzenie robocze i wiele wicej. Zawarto ustawie predefiniowanych mona odnalepoprzez interfejs uytkownika. Niektre ustawienia predefiniowane (na przykad biblioteki pdzli w programie Photoshop) staj sidostpne tylko wtedy, gdy wybierzesz odpowiednie narzdzie. Jeli nie chcesz utworzy efektu lub obrazu z pliku tymczasowego,moesz zaczerpn inspiracj z bibliotek ustawie predefiniowanych.

DREAMWEAVER CS3 7Podrcznik uytkownika

http://www.adobe.com/go/learn_videotutorials_plhttp://www.adobe.com/go/exchange_pl

Szablony Pliki szablonw mog by otwierane i ogldane w Adobe Bridge CS3, otwierane z Ekranu powitalnego lub bezporednioz menu Plik. W zalenoci od produktu, pliki szablonw mog oznacza nagwki, elektroniczne biuletyny i strony internetowe lubte menu DVD i przyciski wideo. Kady szablon jest profesjonalnie skonstruowany i stanowi przykad najlepszego uycia moliwociproduktu. Szablony mog stanowi wartociowe rdo zasobw w razie potrzeby nagego rozpoczcia projektu.

Przykady Przykadowe pliki zawieraj wicej skomplikowanych projektw i stanowi znakomity sposb poznania nowychmoliwoci produktu w trakcie pracy. Pliki te przedstawiaj zakres twrczych moliwoci, ktre s dla ciebie dostpne.

Czcionki Wiele czcionek OpenType i rodzin czcionek jest zawartych w twoim produkcie Creative Suite. Czcionki s kopiowane dotwojego komputera podczas instalacji: Windows: [dysk startowy]\Windows\Fonts Mac OS X: [dysk startowy]/Library/Fonts

Dodatkowe informacje o instalowaniu czcionek moesz znale w pliku Read Me na instalacyjnym DVD.

zawarto DVD

Instalacyjne DVD oraz DVD zawartoci dostarczone z produktem zawiera dodatkowe zasoby uytkowe dla twojegooprogramowania. Katalog Dodatki zawiera pliki specyficzne dla produktu, takie jak szablony, obrazy, ustawienia predefiniowane,operacje, wtyczki i efekty, wraz z podkatalogami Czcionki i Kolekcja zdj. Katalog Dokumentacja zawiera wersj PDF Pomocy,informacje techniczne i inne dokumenty, takie jak papiery wzorcowe, informatory i informacje o specyficznych waciwociachproduktu.

Adobe Exchange

Wicej darmowych informacji mona znale na stronie internetowej www.adobe.com/go/exchange_pl, spoecznociuytkownikw online, ktrych czonkowie pobieraj i dziel tysice darmowych operacji, rozszerze, wtyczek i innych treciprzydatnych dla produktw Adobe.

DREAMWEAVER CS3 8Podrcznik uytkownika

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

Bridge HomeBridge Home, nowy kierunek dla Adobe Bridge CS3, dostarcza zaktualizowanych informacji o caym oprogramowaniu AdobeCreative Suite 3 w jednym wygodnym miejscu. Uruchom Adobe Bridge, a nastpnie kliknij ikon Bridge Home na grze paneluUlubione aby mie dostp do najnowszych podpowiedzi, aktualnych informacji i zasobw dotyczcych narzdzi Creative Suite.Uwaga: Bridge Home moe nie by dostpny we wszystkich jzykach.

Adobe Design CenterAdobe Design Center oferuje artykuy, rda inspiracji i instrukcje od ekspertw przemysowych, czoowych projektantw ipublikujcych partnerw Adobe. W kadym miesicu pojawiaj si tam nowe treci.

DREAMWEAVER CS3 9Podrcznik uytkownika

Moesz znale setki podrcznikw do produktw dotyczcych projektowania i pozna podpowiedzi oraz techniki poprzez wideo,podrczniki HTML i przykadowe rozdziay ksiek.

Nowe pomysy stanowi sedno dziaania serwisw Think Tank, Okno dialogowe i Galeria: Artykuy Think Tank pokazuj jak dzisiejsi projektanci korzystaj z technologii i co ich dowiadczenia oznaczaj dla

projektowania, narzdzi projektowania i spoecznoci. W Oknie dialogowym, eksperci dziel si nowymi pomysami dotyczcymi ruchomej grafiki i projektowania cyfrowego. Galeria pokazuje jak artyci komunikuj si na temat projektowania w ruchu.

Odwied serwis internetowy Adobe Design Center www.adobe.com/designcenter.

Adobe Developer CenterAdobe Developer Center zawiera przykady, podrczniki, artykuy, zasoby spoecznoci dla twrcw rozbudowanych aplikacjiinternetowych, serwisw internetowych, zawartoci dla urzdze zewntrznych i innych projektw powstajcych przy uyciuproduktw Adobe. Developer Center zawiera rwnie zasoby dla twrcw wtyczek do produktw Adobe.

DREAMWEAVER CS3 10Podrcznik uytkownika

http://www.adobe.com/designcenter

Poza kodem przykadowym i podrcznikami znajdziesz kanay RSS, seminaria online, pakiety SDK, przewodniki pisania skryptwi inne zasoby techniczne.

Odwied serwis Adobe Developer Center www.adobe.com/go/developer_pl.

Pomoc technicznaOdwied serwis internetowy Adobe Support www.adobe.com/support, aby uzyska informacje diagnostyczne o produktach oraz obezpatnych i patnych opcjach pomocy technicznej. Za pomoc cza Trening, uzyskasz dostp do ksiek Adobe Press; materiawszkoleniowych; programw certyfikacji oprogramowania Adobe i wiele wicej.

PobieranieOdwied serwis internetowy www.adobe.com/go/downloads_pl aby znale darmowe aktualizacje, prby i inne uyteczneoprogramowanie. Dodatkowo, Adobe Store (na stronie internetowej www.adobe.com/go/store_pl) umoliwia dostp do tysicawtyczek od trzeciej partii twrcw pomagajc dokona automatyzacji zada, dostosowa obieg pracy, utworzy specjalistyczneprofesjonalne efekty, i wiele wicej.

Adobe LabsSerwis Adobe Labs daje Ci moliwo poznania i oceny nowych i dopiero powstajcych technologii oraz produktw firmy Adobe.

Strona internetowa Adobe Labs udostpnia nastpujce zasoby: Oprogramowanie i technologie przed ich wydaniem Przykady kodu i najlepsze porady, wspomagajce proces nauczania

DREAMWEAVER CS3 11Podrcznik uytkownika

http://www.adobe.com/go/developer_plhttp://www.adobe.com/supporthttp://www.adobe.com/go/downloads_plhttp://www.adobe.com/go/store_pl

Wczesne wersje produktw i dokumentacji technicznej Fora dyskusyjne, zasoby oparte na wiki i inne rda uatwiajce wspprac z podobnie mylcymi twrcami.

Serwis Adobe Labs wspiera proces wsplnego rozwoju oprogramowania. W tym rodowisku klienci szybko skuteczniej wykorzystujnowe produkty i technologie. Serwis Adobe Labs to te forum do wczesnej wymiany informacji zwrotnych, ktra pozwala zespoomtwrcw Adobe tworzy oprogramowanie speniajce oczekiwania spoecznoci uytkownikw.

Odwied serwis internetowy Adobe Labs www.adobe.com/go/labs_pl.

Spoecznoci uytkownikwSpoecznoci uytkownikw mog korzysta z forw, blogw i innych drg dzielenia si technologi, narzdziami i informacjami.Uytkownicy mog zadawa pytania i dowiadywa si, w jaki sposb inni wykorzystuj rne funkcje programw Adobe. Foramidzy dwoma uytkownikami dostpne s w jzykach angielskim, francuskim, niemieckim i japoskim; blogi umieszczane s wszerszej gamie jzykw.

Aby uczestniczy w forach lub blogach odwied serwis www.adobe.com/communities.

Co nowego

Najwaniejsze nowe funkcje Adobe Dreamweaver CS3Szkielet Spry dla Ajax

Za pomoc programu Adobe Dreamweaver CS3, moesz wizualnie projektowa, rozwija, i umieszcza interfejs uytkownikastosujc szkielet Spry dla Ajax. Szkielet Spry dla Ajax jest bibliotek JavaScript dla projektantw WWW, ktra pozwala budowastrony dostarczajce bogatszych przey ich uytkownikom. W odrnieniu od innych szkieletw Ajax, Spry jest dostpny zarwnodla projektantw i deweloperw, podobnie jak dla 99% z nich HTML. Zobacz Wizualne budowanie stron Spry na stronie 448.

Widgety Spry

Widgety Spry s wstpnie zbudowanymi, zwykymi komponentami interfejsu uytkownika, ktre moesz dostosowywa przypomocy CSS, a nastpnie dodawa do stron WWW. W programie Dreamweaver, mona dodawa do stron wiele widgetw Spry,wczajc listy i tabele oparte na XML, harmonijki, zakadki, elementy formularza z zatwierdzaniem. Zobacz Dodawanie widgetwSpry na stronie 448.

Efekty Spry

Efekty Spry s prost, eleganck metod podniesienia atrakcyjnoci serwisu WWW. Moesz je zastosowa do prawie kadegoelementu strony HTML. Moesz doda efekty Spry powikszajce, zmniejszajce, efekt zanikania i podwietlania elementw;wizualnie zmienia element strony na pewien czas; i inne. Zobacz Dodawanie efektw Spry na stronie 487.

Poszerzona integracja z programem Photoshop CS3

Program Dreamweaver zawiera rozszerzon integracj z programem Photoshop CS3. Obecnie, projektanci mog po prostuzaznaczy dowolny fragment projektu w programie Photoshoprwnie obejmujcy wiele warstwi wklei go wprost na stronprogramu Dreamweaver. Program Dreamweaver wywietla okno dialogowe, w ktrym moesz okreli opcje optymalizacji obrazu.Jeli kiedykolwiek bdziesz chcia edytowa obraz, po prostu dwukrotnie kliknij obraz, aby otworzy do edycji w programiePhotoshop oryginalny plik PSD z warstwami. Zobacz Praca w programie Photoshop na stronie 372.

Kontrola zgodnoci przegldarki

Nowa funkcja w programie Dreamweaver Kontrola zgodnoci przegldarki generuje raporty, ktre identyfikuj problemy zwizanez CSS w wielu przegldarkach. W widoku kodu, problemy s oznaczane przez podkrelenie w kolorze zielonym, co pozwala dokadneustalenie w czym jest problem. Po zidentyfikowaniu problemu, moesz szybko go usun jeli znasz rozwizanie, lub, jelipotrzebujesz wicej informacji, odwiedzi serwis internetowy Adobe CSS Advisor. Zobacz Kontrola problemw renderowania CSSw przegldarkach na stronie 147.

Adobe CSS Advisor

Serwis internetowy Adobe CSS Advisor zawiera informacje na temat najnowszych problemw z CSS, i jest dostpny wprost przezinterfejs programu Dreamweaver podczas dziaania funkcji Kontrola zgodnoci przegldarki. To wicej ni forum, strona wiki, lub

DREAMWEAVER CS3 12Podrcznik uytkownika

http://www.adobe.com/go/labs_plhttp://www.adobe.com/communities

grupa dyskusyjna; CSS Advisor uatwia zamieszczanie komentarzy zawierajcych sugestie i ulepszenia istniejcej zawartoci, lubdodawanie nowych problemw dla z poytkiem dla caej spoecznoci. Zobacz Kontrola problemw renderowania CSS wprzegldarkach na stronie 147.

Ukady CSS

Program Dreamweaver oferuje zestaw wstpnie zaprojektowanych ukadw CSS, ktre pozwalaj na szybkie zbudowanie strony ipomagaj nauczy si ukadach strony CSS dziki obszernym komentarzom w kodzie. Wikszo projektw serwisw w Interneciemoe by podzielona na ukady jedno-, dwu- i trjkolumnowe, kady z dodatkowymi elementami (jak nagwki i stopki). ProgramDreamweaver oferuje obszern list podstawowych projektw ukadw, ktre moesz dostosowywa do swoich potrzeb. ZobaczTworzenie strony z ukadem CSS na stronie 155.

Zarzdzanie CSS

Funkcja Zarzdzaj CSS uatwia przenoszenie regu CSS z dokumentu do dokumentu, z nagwka dokumentu do zewntrznegoarkusza, pomidzy zewntrznymi plikami CSS, itd. Moesz take konwertowa kodu CSS w linii na reguy CSS, i umieci je gdzietrzebapo prostu przecigajc i upuszczajc. Zobacz Przenoszenie regu CSS na stronie 143 i Konwersja kodu CSS w linii naregu CSS na stronie 144.

Adobe Device Central

Zintegrowany z programem Dreamweaver jak rwnie dostpny za porednictwem rodziny programw Creative Suite 3, programAdobe Device Central upraszcza tworzenie zawartoci dla urzdze przenonych dajc ci moliwo szybkiego dostpu dopodstawowych specyfikacji technicznych dla kadego urzdzenia, oraz zmniejszanie tekstu i obrazw strony HTML, aby dokadniepokaza jak bd renderowane na tym urzdzeniu. Zobacz Podgld stron w urzdzeniach przenonych na stronie 295.

Adobe Bridge CS3

Uywaj programu Dreamweaver z Adobe Bridge CS3, aby atwo i spjnie zarzdza obrazami i zasobami. Adobe Bridge centralnieudostpnia pliki projektw, aplikacje i ustawienia wraz z obsug znakowania metadanych XMP i wyszukiwania. Dziki funkcjomorganizowania i wspuytkowania plikw, oraz dziki dostpowi do Kolekcji zdj Adobe, program Adobe Bridge udostpniabardziej wydajny obieg pracy przy tworzeniu i pozwala panowa nad projektami druku, WWW, wideo i dla urzdze przenonych.Zobacz Praca w programie Bridge na stronie 381.

DREAMWEAVER CS3 13Podrcznik uytkownika

Rozdzia 2: Przestrze roboczaThis chapter provides an overview of the Dreamweaver work space, and introduces you to all of the toolbars, inspectors, and panelsthat you use to build web pages.

Obieg pracy i przestrze robocza w programie Dreamweaver

Omwienie obiegu pracy w programie DreamweaverSerwisy internetowe mog by tworzone na wiele sposobw; oto jeden z nich:

Planowanie i konfigurowanie serwisu internetowego

Okrel, gdzie umieszczone zostan pliki i sprawd wymagania serwisu, profile odbiorcw oraz cele serwisu. Ponadto, we pod uwagwymagania techniczne, takie jak: dostp uytkownikw, ograniczenia przegldarek, wtyczek oraz pobierania plikw. Po zebraniuinformacji i okreleniu struktury, moesz przystpi do tworzenia swojego serwisu. (Zobacz Praca z serwisami programuDreamweaver na stronie 40.)

Organizacja i zarzdzanie plikami serwisu

W panelu Pliki z atwoci moesz dodawa, usuwa i zmienia nazwy plikw oraz folderw i w ten sposb reorganizowa pliki wgwasnych potrzeb. Panel Pliki udostpnia te wiele narzdzi do zarzdzania serwisem, transferu plikw do serwera zdalnego,ustawiania procesu Odkadania/Pobierania do edycji, aby zapobiec nadpisywaniu plikw oraz synchronizacji serwisw lokalnego izdalnego. W panelu Zasoby, z powodzeniem moesz organizowa zasoby zawarte w serwisie; nastpnie zasoby te mog byprzecigane bezporednio z panelu do dokumentu programu Dreamweaver. Moesz te uywa programu Dreamweaver, abyzarzdza elementami serwisw programu Contribute. (Zobacz Zarzdzanie plikami i folderami na stronie 75 i Zarzdzaniezasobami i bibliotekami na stronie 109.)

Projektowanie stron internetowych

Wybierz dogodn technik tworzenia ukadw, lub skorzystaj z opcji ukadu Dreamweaver, techniki mona czy ze sob tworzcoczekiwany wygld tworzonego serwisu. Podczas tworzenia ukadu, moesz korzysta z elementw Dreamweaver AP, stylw CSSlub te z zaprojektowanych wczeniej ukadw CSS. Narzdzia tabeli umoliwiaj szybkie tworzenie stron za pomoc rysowania iaranacji struktury strony. Jeli chcesz wywietli wiele elementw w tym samym czasie w przegldarce, moesz skorzysta z rameki umieci w nich dokumenty. Nowe strony moesz te tworzy na podstawie szablonu Dreamweaver. Szablony tych stron bdautomatycznie aktualizowane po kadym zastosowaniu zmian. (Zobacz Tworzenie stron z zastosowaniem CSS na stronie 123 iTworzenie ukadw stron w HTML na stronie 174.)

Dodawanie zawartoci do stron

Do stron moesz dodawa zasoby i elementy projektu, jak np. tekst, obrazy, obrazy z efektem najazdu, mapy obrazw, kolory, filmy,dwik, cza HTML, menu przeskoku i inne. Moesz te uywa wbudowanych funkcji tworzenia stron, dla takich elementw jaktytuy czy ta, pisanie tekstu bezporednio na stronie lub import z innych dokumentw. Program Dreamweaver zapewnia takezachowania do wykonywania zada w odpowiedzi na okrelone zdarzenia, np. zatwierdzanie formularza po klikniciu przyciskuWylij lub otwieranie nowego okna przegldarki po wczytaniu strony gwnej. W kocu, program Dreamweaver udostpnianarzdzia do zwikszania wydajnoci serwisu internetowego oraz testowania stron pod wzgldem zgodnoci z rnymiprzegldarkami internetowymi. (Zobacz Dodawanie zawartoci do stron na stronie 209.)

Tworzenie stron za pomoc pisania kodu

Tworzenie stron internetowych za pomoc rcznego pisania kodu, jest kolejn metod tworzenia serwisw. Program Dreamweaverdostarcza atwych w uyciu narzdzi edycyjnych, ale zapewnia te wyrafinowane rodowisko kodowania; podczas tworzenia i edycjistron internetowych moesz korzysta jednej jak i drugiej metody, lub z obydwu naraz. (Zobacz Praca z kodem strony na stronie297.)

DREAMWEAVER CS3 14Podrcznik uytkownika

Ustawianie aplikacji internetowych do obsugi zawartoci dynamicznej

Wiele serwisw internetowych zawiera strony dynamiczne, umoliwiajce odwiedzajcym przegldanie informacjiprzechowywanych w bazach danych i pozwalajce czci uytkownikom na dodawanie i edycj informacji w bazach danych. Abyutworzy takie strony, najpierw naley ustawi serwer WWW i aplikacj serwera, utworzy lub zmodyfikowa serwis Dreamweaveri poczy si z baz danych. (Zobacz Przygotowanie do tworzenia serwisw dynamicznych na stronie 491.)

Tworzenie dynamicznych stron internetowych

W programie Dreamweaver, moesz zdefiniowa wiele rde zawartoci dynamicznej, cznie z zestawami rekordw wydzielonychz baz danych, parametrami formularzy oraz komponentami JavaBeans. Aby doda zawarto dynamiczn do strony, wystarczyprzecign t zawarto na stron.

Moesz ustawi swoj stron na wywietlanie jednego rekordu lub wielu rekordw w jednym czasie, wywietlanie wicej ni jednejstrony rekordw oraz czy specjalnych do przechodzenia z jednej strony rekordw do nastpnej (i z powrotem), moesz taketworzy liczniki rekordw, umoliwiajce uytkownikom ledzenie rekordw. Strona moe te zawiera aplikacj lub logikbiznesow korzystajc z technologii w rodzaju Adobe ColdFusion i serwisw internetowych. Jeli potrzebujesz wicej elastycznoci,moesz tworzy wasne zachowania serwerowe i formularze interaktywne. (Zobacz Tworzenie stron dynamicznych na stronie538.)

Testowanie i publikowanie

Testowanie stron internetowych jest procesem cigym trwajcym przez cay cykl produkcyjny. Ostatnim etapem cyklu tworzeniaserwisu internetowego, jest jego publikacja na serwerze. Wielu programistw tworzy okresowe harmonogramu obsugi, aby zapewnibiec aktualizacj i funkcjonalno serwisu. (Zobacz Pobieranie i wysyanie plikw na serwer na stronie 87.)

Omwienie ukadu przestrzeni roboczejThe Dreamweaver work space enables you to view documents and object properties. The work space also places many of the mostcommon operations in toolbars so that you can quickly make changes to your documents.

In Windows, Dreamweaver provides an all-in-one-window integrated layout. In the integrated work space, all windows and panelsare integrated into a single larger application window.

DREAMWEAVER CS3 15Podrcznik uytkownika

A. Files panel B. Property inspector C. Tag selector D. Document toolbar E. Insert bar F. Document window G. Panel groups

Uwaga: The Windows work space also has a Coder option, which docks the panel groups on the left side and displays the Documentwindow in Code view by default. For more information, see Using the coder-oriented work space (Windows only) na stronie 303. Touse this option, see To choose the work space layout (Windows only) na stronie 36.

On the Macintosh, Dreamweaver can display multiple documents in a single window with tabs that identify each document.Dreamweaver can also display a floating work space in which each document appears in its own individual window. Panel groupsare initially docked together, but can be undocked into their own windows. Windows snap automatically to each other, to thesides of the screen, and to the Document window as you drag or resize them.

DREAMWEAVER CS3 16Podrcznik uytkownika

A. Insert bar B. Document toolbar C. Property inspector D. Document window E. Tag selector F. Panel groups G. Files panel

Zobacz take

Korzystanie z paskw narzdziowych, inspektorw, menu kontekstowych i paneli na stronie 29

Wybieranie ukadu przestrzeni roboczej (Windows) na stronie 36

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 pomocmenu Okno. Jeli nie mona odnale panelu, inspektora lub okna, ktre s oznaczone jako otwarte, wybierz polecenie Okno > Upanele, aby starannie uoy wszystkie otwarte panele.Ekran powitalny Umoliwia otwieranie ostatnich dokumentw lub tworzenie nowych dokumentw. Rozpoczynajc od ekranupowitalnego, moesz take poznawa bardziej program Dreamweaver, korzystajc z filmw szkoleniowych i samouczkw.

Pasek Wstaw Zawiera przyciski do wstawiania rnych typw obiektw, np. obrazw, tabel oraz elementw AP do dokumentu.Kady obiekt jest czci kodu HTML , ktry pozwala ustawi wiele atrybutw. Np. moesz wstawi tabel klikajc przycisk Tabelana pasku Wstaw. Jeli wolisz, zamiast uywania paska Wstaw, moesz wstawia obiekty korzystajc z menu Wstaw.

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

Pasek narzdziowy Standardowy (Nie jest wywietlany w domylnym ukadzie przestrzeni roboczej.) Zawiera przyciski dla czstowykonywanych operacji z menu Plik i Edycja: Nowy, Otwrz, Zapisz, Zapisz wszystko, Wytnij, Kopiuj, Wklej, Cofnij i Ponw. Abywywietli ten pasek narzdziowy, wybierz polecenie Widok > Paski narzdziowe > Standardowy.

DREAMWEAVER CS3 17Podrcznik uytkownika

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

Pasek narzdziowy Rendering stylw (Domylnie ukryty.) Zawiera przyciski umoliwiajce symulacj wygldu projektu na rnychtypach nonikw, gdy uywane s arkusze stylw zalene od nonikw. Zawiera on take przycisk, pozwalajcy na wczanie lubwyczanie 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 typ obiektuposiada 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 otaczajcychbiece zaznaczenie. Kliknij dowolny znacznik w hierarchii, aby wybra znacznik i ca jego zawarto.

Grupy paneli Zestawy powizanych ze sob paneli, grupowanych razem pod tym samym nagwkiem. Aby rozwin grup paneli,kliknij strzak rozwijania po lewej stronie nazwy grupy; aby oddokowa grup paneli, przecignij uchwyt na lewej krawdzi paskatytuu grupy.

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

Zobacz take

Praca w oknie Dokument na stronie 26

Korzystanie z paskw narzdziowych, inspektorw, menu kontekstowych i paneli na stronie 29

Omwienie okna dokumentuThe Document window shows the current document. You can select any of the following views:Design view is a design environment for visual page layout, visual editing, and rapid application development. In this view,Dreamweaver displays a fully editable, visual representation of the document, similar to what you would see viewing the page in abrowser. You can configure the Design view to display dynamic content while youre working on the document (see View live datain Design view na stronie 577).

Code view is a hand-coding environment for writing and editing HTML, JavaScript, server-language codesuch PHP or ColdFusionMarkup Language (CFML)and any other kind of code.

Code and Design view enables you to see both Code view and Design view for the same document in a single window.

When the Document window has a title bar, the title bar displays the page title and, in parentheses, the files path and filename. Afterthe filename, Dreamweaver displays an asterisk if youve made changes that you havent saved yet.

When the Document window is maximized in the integrated work space layout (Windows only), it has no title bar; in that case thepage title and the files path and filename appear in the title bar of the main work space window.

When a Document window is maximized, tabs appear at the top of the Document window area showing the filenames of all opendocuments. To switch to a document, click its tab.

Zobacz take

Praca w oknie Dokument na stronie 26

Informacje o kodowaniu w programie Dreamweaver na stronie 297

Omwienie paska narzdziowego DokumentPasek narzdziowy Dokument zawiera przyciski, pozwalajce na szybkie przeczanie midzy rnymi widokami dokumentu: Kod,Projekt i widok podzielony, wywietlajcy obydwa widoki Kod i Projekt.

DREAMWEAVER CS3 18Podrcznik uytkownika

Pasek narzdziowy zawiera take czsto uywane polecenia i opcje odnoszce si do wywietlania dokumentu i przesyania go midzyserwisami lokalnym i zdalnym.

A. Poka widok kodu B. Poka widoki kodu i projektu C. Poka widok projektu D. Tytu dokumentu E. Zarzdzanie plikami F. Podgld/Debugowanie w przegldarce G. Odwie widok projektu H. Opcje wywietlania I. Pomoce wizualne J. Przeprowad walidacjznacznikw K. Sprawd zgodno przegldarek

Nastpujce opcje wywietlane s na pasku narzdziowym Dokument:Poka widok kodu Wywietla widok kodu w oknie Dokument.

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

Poka widok projektu Wywietla tylko widok Projekt w oknie Dokument.Uwaga: Podczas pracy z XML, JavaScript, CSS lub z innymi plikami kodowymi, nie mona wywietla plikw w widoku Projekt, aprzyciski Projekt i Podziel s wyszarzone.

Tytu dokumentu Umoliwia wpisanie tytuu dla dokumentu, ktry bdzie wywietlany na pasku tytuu w przegldarce. Jeli twjdokument 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 zwyskakujcego menu.

Odwie widok projektu Odwiea widok projektu dokumentu po wprowadzeniu zmian w widoku Kod. Zmiany wprowadzone wwidoku Kod, nie s automatycznie wywietlane w widoku Projekt, dopki nie wykona si okrelonych zada, np. zapisanie plikulub kliknicie tego przycisku.Uwaga: Odwieanie uaktualnia take funkcje kodu zalene od modelu DOM (Document Object Model), np. moliwo wyboruznacznikw otwierajcych lub zamykajcych bloki kodu.

Opcje widoku Umoliwia ustawienie opcji dla widokw Kod i Projekt, cznie z tym, ktry widok powinien pojawia si powyejdrugiego. 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 zatwierdzania biecego dokumentu lub wybranego znacznika.

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

Zobacz take

Wywietlanie paskw narzdziowych na stronie 29

Dostosowywanie rodowiska kodowania na stronie 304

Omwienie paska narzdziowego StandardowyThe Standard toolbar contains buttons for common operations from the File and Edit menus: New, Open, Save, Save All, Cut, Copy,Paste, Undo, and Redo. Use these buttons just as you would use the equivalent menu commands.

Zobacz take

Wywietlanie paskw narzdziowych na stronie 29

Tworzenie i otwieranie dokumentw na stronie 66

DREAMWEAVER CS3 19Podrcznik uytkownika

Omwienie paska stanuThe status bar at the bottom of the Document window provides additional information about the document you are creating.

A. Document size and estimated download time B. Tag selector C. Window Size pop-up menu D. Set magnification E. Zoom tool F. Handtool G. Select tool

The tag selector shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag andall its contents. Click to select the entire body of the document. To set the class or id attributes for a tag in the tagselector, right-click (Windows) or Control-click (Macintosh) the tag and select a class or ID from the context menu.

The Hand tool lets you click the document and drag it in the Document window. Click the Select tool to disable the Hand tool.

The Zoom tool and Set Magnification pop-up menu let you set a magnification level for your document. For more information, seeZoom in and out na stronie 217.

The Window Size pop-up menu (visible in Design view only) lets you resize the Document window to predetermined or customdimensions. For more information, see To resize the Document window na stronie 27.

To the right of the Window Size pop-up menu are the estimated document size and estimated download time for the page, includingall dependent files such as images and other media files. For more information, see Set download time and size preferences nastronie 218.

Zobacz take

Ustawianie rozmiaru okna i szybkoci poczenia na stronie 28

Powikszanie i zmniejszanie na stronie 217

Omwienie paska WstawThe Insert bar contains buttons for creating and inserting objects such as tables, AP elements, and images. When you roll the pointerover a button, a tooltip appears with the name of the button.

The buttons are organized into several categories, which you can switch on the left side of the Insert bar. Additional categories appearwhen the current document contains server code, such as ASP or CFML documents. When you start Dreamweaver, the categoryyou were last working in opens.Uwaga: If you prefer to view the categories as tabs across the top of the Insert bar, you can change the layout of the Insert bar (see Touse the Insert bar na stronie 29).

Some categories have buttons with pop-up menus. When you select an option from a pop-up menu, it becomes the default actionfor the button. For example, if you select Image Placeholder from the Image buttons pop-up menu, the next time you click the Imagebutton, Dreamweaver inserts an image placeholder. Anytime you select a new option from the pop-up menu, the default action forthe button changes.

The Insert bar is organized in the following categories:The Common category enables you to create and insert the most commonly used objects, such as images and tables.

DREAMWEAVER CS3 20Podrcznik uytkownika

The Layout category enables you to insert tables, div tags, and frames. You can also choose among three views of tables: Standard(default), Expanded Tables, and Layout. When Layout mode is selected, you can use the Dreamweaver layout tools: Draw LayoutCell and Draw Layout Table.

The Forms category contains buttons for creating forms and inserting form elements.

The Text category enables you to insert a variety of text- and list-formatting tags, such as b, em, p, h1, and ul.The HTML category enables you to insert HTML tags for horizontal rules, head content, tables, frames, and scripts.

Server-code categories are available only for pages that use a particular server language, including ASP, ASP.NET, CFML Basic,CFML Flow, CFML Advanced, JSP, and PHP. Each of these categories provides server-code objects that you can insert in Code view.

The Application category enables you to insert dynamic elements such as recordsets, repeated regions, and record insertion andupdate forms.

The Flash elements category enables you to insert Flash elements.

The Spry elements category enables you to insert Spry elements.

The Favorites category enables you to group and organize the Insert bar buttons you use the most in one common place.

You can modify any object in the Insert bar or create your own objects (see Customizing Dreamweaver on the Adobe SupportCenter at www.adobe.com/go/customizing_dreamweaver).

Zobacz take

Korzystanie z paska Wstaw na stronie 29

Tworzenie stron Spry metod graficzn na stronie 448

Omwienie paska narzdziowego KodowanieThe Coding toolbar contains buttons that let you perform many standard coding operations, such as collapsing and expanding codeselections, highlighting invalid code, applying and removing comments, indenting code, and inserting recently used code snippets.The Coding toolbar is visible only in Code view and appears vertically on the left side of the Document window.

DREAMWEAVER CS3 21Podrcznik uytkownika

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

You cannot undock or move the Coding toolbar, but you can hide it.

You can also edit the Coding toolbar to display more buttons (such as Word Wrap, Show Hidden Characters, and Auto Indent), orhide buttons that you dont want to use. To do so, however, you must edit the XML file that generates the toolbar. For moreinformation, see Extending Dreamweaver.

Zobacz take

Wywietlanie paskw narzdziowych na stronie 29

Wstawianie kodu za pomoc paska narzdziowego Kodowanie na stronie 314

Omwienie paska narzdziowego Rendering stylwThe Style Rendering toolbar (hidden by default) contains buttons that let you see how your design would look in different mediatypes if you use media-dependent style sheets. It also contains a button that lets you enable or disable CSS styles. To display thetoolbar, select View > Toolbars > Style Rendering.

This toolbar only works if your documents use media-dependent style sheets. For example, your style sheet might specify a bodyrule for print and a different body rule for handheld devices. For more information on creating media-dependent style sheets, seethe World Wide Web Consortium website at www.w3.org/TR/CSS21/media.html.

By default, Dreamweaver displays your design for the screen media type (which shows you how a page is rendered on a computerscreen). You can view the following media type renderings by clicking the respective buttons in the Style Rendering toolbar.

DREAMWEAVER CS3 22Podrcznik uytkownika

http://www.w3.org/TR/CSS21/media.html

Render Screen Media Type shows you how the page appears on a computer screen.

Render Print Media Type shows you how the page appears on a printed piece of paper.

Render Handheld Media Type shows you how the page appears on a handheld device, such as a mobile phone or a BlackBerry device.

Render Projection Media Type shows you how the page appears on a projection device.

Render TTY Media Type shows you how the page appears on a teletype machine.

Render TV Media Type shows you how the page appears on a television screen.

Toggle Displaying of CSS Styles lets you enable or disable CSS styles. This button works independently of the other media buttons.

Zobacz take

Wywietlanie paskw narzdziowych na stronie 29

Omwienie Inspektora waciwociThe Property inspector lets you examine and edit the most common properties for the currently selected page element, such as textor an inserted object. The contents of the Property inspector vary depending on the element selected. For example, if you select animage on your page, the Property inspector changes to show properties for the image (such as the file path to the image, the widthand height of the image, the border around the image, if any, and so on).

The Property inspector is at the bottom of the work space by default, but you can dock it at the top of the work space if you want.Or, you can make it a floating panel in the work space.

Zobacz take

Dokowanie i oddokowanie paneli i grup paneli na stronie 34

Korzystanie z inspektora Waciwoci na stronie 31

Omwienie panelu PlikiYou use the Files panel to view and manage the files in your Dreamweaver site.

DREAMWEAVER CS3 23Podrcznik uytkownika

When you view sites, files, or folders in the Files panel, you can change the size of the viewing area, as well as expand or collapse theFiles panel. When the Files panel is collapsed it displays the contents of the local site, the remote site, or the testing server as a list offiles. When expanded, it displays the local site and either the remote site or testing server. The Files panel can also display a visualsite map of the local site.

For Dreamweaver sites, you can also customize the Files panel by changing the vieweither your local or remote sitethat appearsby default in the collapsed panel.

Zobacz take

Praca z plikami w panelu Pliki na stronie 80

Omwienie panelu Style CSSThe CSS Styles panel lets you track the CSS rules and properties affecting a currently selected page element (Current mode), or therules and properties affecting an entire document (All mode). A toggle button at the top of the CSS Styles panel lets you switchbetween the two modes. The CSS Styles panel also lets you modify CSS properties in both All and Current mode.

DREAMWEAVER CS3 24Podrcznik uytkownika

You can resize any of the panes by dragging the borders between the panes.

In Current mode, the CSS Styles panel displays three panes: a Summary for Selection pane that displays the CSS properties for thecurrent selection in the document, a Rules pane that displays the location of selected properties (or a cascade of rules for the selectedtag, depending on your selection), and a Properties pane that lets you edit CSS properties for the rule defining the selection.

In All mode, the CSS Styles panel displays two panes: an All Rules pane (on top), and a Properties pane (on bottom). The All Rulespane displays a list of rules defined in the current document as well as all rules defined in style sheets attached to the current document.The Properties pane lets you edit CSS properties for any selected rule in the All Rules pane.

Any changes you make in the Properties pane are applied immediately, letting you preview your work as you go.

Zobacz take

Tworzenie i zarzdzanie CSS na stronie 127

Omwienie wizualnych linii pomocniczychDreamweaver provides several kinds of visual guides to help you design documents and predict approximately how they will appearin browsers. You can do any of the following: Instantly snap the Document window to a desired window size to see how the elements fit on the page.

DREAMWEAVER CS3 25Podrcznik uytkownika

Use a tracing image as the page background to help you duplicate a design created in an illustration or image-editing applicationsuch as Macromedia Fireworks.

Use rulers and guides to provide a visual cue for precise positioning and resizing of page elements. Use the grid for precise positioning and resizing of absolutely-positioned elements (AP elements).

Grid marks on the page help you align AP elements, and when snapping is enabled, AP elements automatically snap to theclosest grid point when moved or resized. (Other objects, such as images and paragraphs, do not snap to the grid.) Snappingworks regardless of whether the grid is visible.

Zobacz take

Korzystanie z wizualnych pomocy do ukadu na stronie 174

Uytkownicy programu GoLiveJeli do tej pory uywae programu GoLive i chcesz przenie swoj prac do program Dreamweaver, zapoznaj si z informacjamionline na temat przestrzeni roboczej i obiegu pracy w programie Dreamweaver, a take z treci trwajcej dyskusji na tematefektywnego przeniesienia serwisu do programu Dreamweaver. Wicej informacji znajduje si na stronie internetowejwww.adobe.com/go/learn_dw_golive_pl.

Praca w oknie Dokument

Przeczanie pomidzy widokami w oknie DokumentDokument moe by wywietlany w oknie dokumentu w widoku Kod, Projekt lub Kod i Projekt jednoczenie.

Zobacz take

Omwienie okna dokumentu na stronie 18

Przeczanie do widoku Kod

1 Wykonaj jedn z nastpujcych czynnoci: Wybierz polecenie Widok > Kod Na pasku narzdziowym Dokument, kliknij przycisk Poka widok kodu

Przeczanie do widoku projektu

1 Wykonaj jedn z nastpujcych czynnoci: Wybierz polecenie z menu Widok > Projekt. Na pasku narzdziowym Dokument, kliknij przycisk Poka widok projektu

Wywietlanie obydwu widokw kodu i projektu

1 Wykonaj jedn z nastpujcych czynnoci: Wybierz polecenie Widok > Kod i projekt. Na pasku narzdziowym Dokument, kliknij przycisk Poka widoki kodu i projektu

DREAMWEAVER CS3 26Podrcznik uytkownika

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

Przeczanie pomidzy widokami kodu i projektu

1 Wcinij klawisz Control+apostrof odwrcony ().

Uwaga: Jeli w oknie Dokument pokazane s obydwa widoki, to ten skrt klawiaturowy przenosi aktywno klawiatury z jednegowidoku nad drugi

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

Zobacz take

Wybieranie ukadu przestrzeni roboczej (Windows) na stronie 36

Wywietlanie dokumentw z zakadkami (Macintosh) na stronie 36

Okna dokumentu w widoku Kaskada

1 Wybierz polecenie z menu Okno > Kaskada

Okna dokumentu w widoku Ssiadujco

W systemie Windows, wybierz polecenie z menu Okno > Ssiadujco w poziomie lub Okno > Ssiadujco w pionie. W systemie Macintosh, wybierz polecenie z menu Okno > Ssiadujco.

Zmiana rozmiaru okna dokumentuPasek stanu wywietla biece wymiary okna dokumentu (w pikselach). Aby zaprojektowa stron, ktra najlepiej wyglda wokrelonej wielkoci, moesz dopasowa okno dokumentu do jednego z wczeniej okrelonych rozmiarw, zmieni okrelonerozmiary lub utworzy nowy rozmiar.

Zmiana okna dokumentu do wczeniej okrelonego rozmiaru

1 Wybierz jeden z rozmiarw z listy w wysuwanym menu Rozmiar okna w dolnej czci okna Dokument.

Uwaga: W systemie Windows, moesz maksymalnie powikszy okno Dokument, aby wypenio cay obszar dokumentuzintegrowanego okna. Gdy okno Dokument jest maksymalnie powikszone, nie mona zmienia jego rozmiaru.

Pokazany rozmiar okna odzwierciedla wewntrzne wymiary okna przegldarki bez krawdzi; rozmiar monitora jest pokazanyw nawiasach. Na przykad, rozmiar 536 x 196 (640 x 480, Domylny) jest optymalny dla uytkownikw przegldarekMicrosoft Internet Explorer lub Netscape Navigator w ich domylnej konfiguracji na monitorze 640 x 480.

Jeli nie potrzebujesz tak precyzyjnej zmiany rozmiaru okna, moesz skorzysta ze standardowej systemowej metody zmianyrozmiaru okna, np. przeciganie prawego dolnego naronika okna.

DREAMWEAVER CS3 27Podrcznik uytkownika

Zmiana wartoci w wyskakujcym menu Rozmiar okna

1 Z wyskakujcego menu Rozmiar okna, wybierz polecenie Edytuj rozmiary.

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

Aby dopasowa okno dokumentu tylko do okrelonej szerokoci (bez zmiany wysokoci), wybierz warto wysokoci i usuj.

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

Dodawanie nowego rozmiaru do wyskakujcego menu Rozmiar okna.

1 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 piksel i 17-cali. Mac obok monitora 832x 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.

3 Ustaw opcje preferencji.

Aby uzyska wicej informacji, kliknij przycisk Pomoc w oknie dialogowym.

Zobacz take

Omwienie paska stanu na stronie 20

Zmiana rozmiaru okna dokumentu na stronie 27

Raporty w programie DreamweaverRaporty w programie Dreamweaver su do wyszukiwania treci, przegldania zaistniaych problemw czy te testowaniazawartoci. Moliwe jest tworzenie nastpujcych rodzajw raportw:Wyszukiwanie Umoliwia wyszukiwanie znacznikw, atrybutw oraz okrelonego tekstu zawartego midzy znacznikami.

Walidacja Umoliwia sprawdzanie kodu lub bdw skadni.

Kontrola docelowej przegldarki Umoliwia testowanie HTML w twoich dokumentach w celu sprawdzenia, czy znaczniki lubatrybuty 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 twoim serwisie. Raporty obiegu pracyzawieraj informacje o uytkownikach pobierajcych pliki do edycji, ostatnich zmianach i projekcie; Raporty HTML zawierajzagniedone znaczniki czcionek, dostpno, brakujcy tekst zastpczy, zbdne zagniedone znaczniki, puste znaczniki o razdokumenty bez tytuu.

DREAMWEAVER CS3 28Podrcznik uytkownika

Dziennik FTP Umoliwia wywietlanie wszystkich operacji transferu plikw przez FTP.

Debugowanie na serwerze Pozwala na wywietlanie informacji do debugowania Macromedia ColdFusion z aplikacji Adobe.

Zobacz take

Wyszukiwanie znacznikw, atrybutw lub tekstu w kodzie na stronie 318

Testowanie serwisu na stronie 105

Korzystanie z paskw narzdziowych, inspektorw, menukontekstowych i paneli

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 Rendering stylw, suy do wywietlaniastrony, w taki sposb, w jaki bdzie wywietlana na rnych typach nonikw. Paski narzdziowe mona wywietla lub ukrywawg 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), zwyskakujcego menu Opcje umieszczonego w grnej czci okna Inspektor wybierz polecenie Pasek narzdziowy Kodowanie.

Zobacz take

Omwienie paska narzdziowego Dokument na stronie 18

Omwienie paska narzdziowego Standardowy na stronie 19

Korzystanie