[ Pobierz całość w formacie PDF ]
.Dreamweaver jest teraz wyposażony w debuger JavaScript, który może być pomocny w rozwiązywaniu problemów ze skryptami.Narzędzie to zostało omówione w rozdziale 19., „Tworzenie skryptów JavaScript w programie Dreamweaver”.Koniec ramkiDreamweaver udostępnia dwie metody prezentacji kodu HTML (w rzeczywistości cztery, jeśli doliczyć widok kodu i projektu, który stanowi kombinację dwóch widoków, oraz edytor Quick Tag Editor).Pierwsza z nich to Code Inspector.Narzędzie Code Inspector było już obecne we wcześniejszych wersjach programu.Nowością w wersji 4 jest natomiast widok kodu.Zarówno widok kodu (Code View) jak i Code Inspector mają ten sam interfejs i funkcje.Różnica polega jedynie na tym, że Code Inspector pojawia się w samodzielnym, pływającym po ekranie oknie, a widok kodu to podstawowy interfejs edycji.Początek ramkiUwagaCoraz więcej projektantów zaczęło korzystać przy projektowaniu stron WWW z dwóch monitorów.Jeden monitor pokazuje stronę w widoku projektu, natomiast drugi służy jako pulpit prezentujący palety i inne narzędzia.Tu mogłoby się znaleźć miejsce dla okna Code Inspector.Rosnąca popularność pracy na dwóch monitorach w pewnym, aczkolwiek mniejszym, stopniu jest wynikiem pojawienia się w programie Dreamweaver nowej opcji - widoku kodu i projektu.Tym widokiem zajmiemy się w następnym punkcie.Koniec ramkiAby przełączyć się do widoku kodu, kliknij ikonę Show Code View na pasku narzędzi lub wybierz pozycję Code w menu View.Bezpośrednie przełączenie między widokami projektu i kodu jest możliwe także przy pomocy skrótu Ctrl+Tab (pamiętaj jednak, że ta metoda jest skuteczna tylko wtedy, gdy jesteś w jednym z widoków).Aby otworzyć okno Code Inspector, naciśnij klawisz F10 lub wybierz pozycję Code Inspector w menu Window.Do dyspozycji masz także ikonę na mini-pasku szybkiego uruchamiania.W widoku kodu (lub w oknie Code Inspector - te terminy mogą być stosowane wymiennie, a rozróżnienie wprowadzono jedynie w celu wyjaśnienia), można wstawiać obrazy i inne elementy HTML w taki sam sposób jak w widoku projektu.Jednak zamiast obrazu w postaci graficznej, widzisz go w postaci kodu HTML.Zmiany wprowadzane w widoku kodu nie są natychmiast implementowane.Aby zobaczyć ich efekt, musisz skorzystać z jednej z metod:lNacisnąć F5.llZastosować skrót Ctrl+Spacja.llKliknąć ikonę Refresh na pasku narzędzi lub w oknie właściwości Property Inspector.llPrzełączyć się do widoku projektu klikając ikonę Show Design View na pasku narzędzi lub stosując skrót Ctrl+Tab.lMenu otwierane ikoną View Options na pasku narzędzi udostępnia najczęściej stosowane w widoku kodu polecenia.Polecenia te są dostępne również w menu View jako menu podrzędne Code View Options.Oto wyjaśnienia funkcji poszczególnych pozycji:lWord Wrap - określa czy kod HTML ma być obłamywany do nowego wiersza, gdy osiągnięty zostanie brzeg ekranu.Ta opcja jest używana jedynie jako narzędzie ułatwiające zrozumienie kodu w trakcie jego edycji lub przy prezentacji postaci źródłowej strony WWW z przeglądarki sieciowej.Obłamywanie kodu nie wpływa na sposób wyświetlania strony.llLine Numbers - powoduje wyświetlenie numerów wierszy na lewym marginesie okna (patrz rysunek 3.15).Opcja jest użyteczna przy rozwiązywaniu problemów z kodem.llHighlight Invalid HTML - powoduje zaznaczenie kodu uznanego przez program za błędny.llSyntax Coloring - powoduje zastosowanie do elementów kodu kolorów zdefiniowanych w kategorii Code Colors okna dialogowego Preferences.llAuto Indent - automatycznie wprowadza do kodu wcięcia zdefiniowane w kategorii Code Format okna dialogowego Preferences.lRys.3.15.Jeśli zajmiesz się na serio pisaniem skryptów JavaScript, numery wierszy staną się Twoimi najlepszymi przyjaciółmiInna użyteczna możliwość dostępna w widoku kodu to nawigacja w kodzie, do której dostęp daje ikona Code Navigation [ Pobierz całość w formacie PDF ]
zanotowane.pl doc.pisz.pl pdf.pisz.pl centka.pev.pl
.Dreamweaver jest teraz wyposażony w debuger JavaScript, który może być pomocny w rozwiązywaniu problemów ze skryptami.Narzędzie to zostało omówione w rozdziale 19., „Tworzenie skryptów JavaScript w programie Dreamweaver”.Koniec ramkiDreamweaver udostępnia dwie metody prezentacji kodu HTML (w rzeczywistości cztery, jeśli doliczyć widok kodu i projektu, który stanowi kombinację dwóch widoków, oraz edytor Quick Tag Editor).Pierwsza z nich to Code Inspector.Narzędzie Code Inspector było już obecne we wcześniejszych wersjach programu.Nowością w wersji 4 jest natomiast widok kodu.Zarówno widok kodu (Code View) jak i Code Inspector mają ten sam interfejs i funkcje.Różnica polega jedynie na tym, że Code Inspector pojawia się w samodzielnym, pływającym po ekranie oknie, a widok kodu to podstawowy interfejs edycji.Początek ramkiUwagaCoraz więcej projektantów zaczęło korzystać przy projektowaniu stron WWW z dwóch monitorów.Jeden monitor pokazuje stronę w widoku projektu, natomiast drugi służy jako pulpit prezentujący palety i inne narzędzia.Tu mogłoby się znaleźć miejsce dla okna Code Inspector.Rosnąca popularność pracy na dwóch monitorach w pewnym, aczkolwiek mniejszym, stopniu jest wynikiem pojawienia się w programie Dreamweaver nowej opcji - widoku kodu i projektu.Tym widokiem zajmiemy się w następnym punkcie.Koniec ramkiAby przełączyć się do widoku kodu, kliknij ikonę Show Code View na pasku narzędzi lub wybierz pozycję Code w menu View.Bezpośrednie przełączenie między widokami projektu i kodu jest możliwe także przy pomocy skrótu Ctrl+Tab (pamiętaj jednak, że ta metoda jest skuteczna tylko wtedy, gdy jesteś w jednym z widoków).Aby otworzyć okno Code Inspector, naciśnij klawisz F10 lub wybierz pozycję Code Inspector w menu Window.Do dyspozycji masz także ikonę na mini-pasku szybkiego uruchamiania.W widoku kodu (lub w oknie Code Inspector - te terminy mogą być stosowane wymiennie, a rozróżnienie wprowadzono jedynie w celu wyjaśnienia), można wstawiać obrazy i inne elementy HTML w taki sam sposób jak w widoku projektu.Jednak zamiast obrazu w postaci graficznej, widzisz go w postaci kodu HTML.Zmiany wprowadzane w widoku kodu nie są natychmiast implementowane.Aby zobaczyć ich efekt, musisz skorzystać z jednej z metod:lNacisnąć F5.llZastosować skrót Ctrl+Spacja.llKliknąć ikonę Refresh na pasku narzędzi lub w oknie właściwości Property Inspector.llPrzełączyć się do widoku projektu klikając ikonę Show Design View na pasku narzędzi lub stosując skrót Ctrl+Tab.lMenu otwierane ikoną View Options na pasku narzędzi udostępnia najczęściej stosowane w widoku kodu polecenia.Polecenia te są dostępne również w menu View jako menu podrzędne Code View Options.Oto wyjaśnienia funkcji poszczególnych pozycji:lWord Wrap - określa czy kod HTML ma być obłamywany do nowego wiersza, gdy osiągnięty zostanie brzeg ekranu.Ta opcja jest używana jedynie jako narzędzie ułatwiające zrozumienie kodu w trakcie jego edycji lub przy prezentacji postaci źródłowej strony WWW z przeglądarki sieciowej.Obłamywanie kodu nie wpływa na sposób wyświetlania strony.llLine Numbers - powoduje wyświetlenie numerów wierszy na lewym marginesie okna (patrz rysunek 3.15).Opcja jest użyteczna przy rozwiązywaniu problemów z kodem.llHighlight Invalid HTML - powoduje zaznaczenie kodu uznanego przez program za błędny.llSyntax Coloring - powoduje zastosowanie do elementów kodu kolorów zdefiniowanych w kategorii Code Colors okna dialogowego Preferences.llAuto Indent - automatycznie wprowadza do kodu wcięcia zdefiniowane w kategorii Code Format okna dialogowego Preferences.lRys.3.15.Jeśli zajmiesz się na serio pisaniem skryptów JavaScript, numery wierszy staną się Twoimi najlepszymi przyjaciółmiInna użyteczna możliwość dostępna w widoku kodu to nawigacja w kodzie, do której dostęp daje ikona Code Navigation [ Pobierz całość w formacie PDF ]