Podręcznik użytkownika Anuluj

Środowisko programistyczne w programie Dreamweaver

  1. Podręcznik użytkownika programu Dreamweaver
  2. Wprowadzenie
    1. Podstawy projektowania serwisów WWW o elastycznym układzie
    2. Dreamweaver — co nowego
    3. Programowanie zawartości WWW za pomocą programu Dreamweaver — przegląd
    4. Dreamweaver / Popularne pytania
    5. Skróty klawiszowe
    6. Wymagania systemowe programu Dreamweaver
    7. Podsumowanie funkcji
  3. Program Dreamweaver a platforma Creative Cloud
    1. Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
    2. Biblioteki Creative Cloud w programie Dreamweaver
    3. Używanie plików programu Photoshop w programie Dreamweaver
    4. Praca z programami Adobe Animate oraz Dreamweaver
    5. Wydzielanie przygotowanych do wyświetlania w Internecie plików SVG z bibliotek
  4. Przestrzenie robocze i widoki w programie Dreamweaver
    1. Przestrzeń robocza programu Dreamweaver
    2. Optymalizacja przestrzeni roboczej programu Dreamweaver do programowania wizualnego
    3. Wyszukiwanie plików według nazwy lub zawartości | Mac OS
  5. Konfigurowanie serwisów
    1. Informacje o serwisach programu Dreamweaver
    2. Konfigurowanie lokalnej wersji serwisu
    3. Nawiązywanie połączenia z serwerem publikacji
    4. Konfigurowanie serwera testowego
    5. Importowanie i eksportowanie ustawień serwisu programu Dreamweaver
    6. Przenoszenie istniejących serwisów z serwera zdalnego do lokalnego katalogu głównego serwisu
    7. Funkcje ułatwień dostępu w programie Dreamweaver
    8. Ustawienia zaawansowane
    9. Ustawianie preferencji serwisu dotyczących transferu plików
    10. Określanie ustawień serwera proxy w programie Dreamweaver
    11. Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
    12. Korzystanie z systemu Git w programie Dreamweaver
  6. Zarządzanie plikami
    1. Tworzenie i otwieranie plików
    2. Zarządzanie plikami i folderami
    3. Odbieranie plików i wysyłanie ich na serwer
    4. Pobieranie plików do edycji i odkładanie ich na serwer
    5. Synchronizacja plików
    6. Porównywanie plików w poszukiwaniu różnic
    7. Maskowanie plików i folderów w serwisie programu Dreamweaver
    8. Włączanie funkcji Uwagi do projektu w serwisach programu Dreamweaver
    9. Zapobieganie potencjalnemu obejściu funkcji Gatekeeper
  7. Układ i projekt
    1. Korzystanie z wizualnych pomocy do układu
    2. Informacje o tworzeniu układu strony za pomocą stylów CSS
    3. Projektowanie elastycznych serwisów WWW z użyciem struktury Bootstrap
    4. Tworzenie i używanie zapytań o media w programie Dreamweaver
    5. Prezentacja zawartości za pomocą tabel
    6. Kolory
    7. Tworzenie reagujących projektów za pomocą układów elastycznej siatki
    8. Narzędzie Extract w programie Dreamweaver
  8. CSS
    1. Podstawowe informacje o stylach CSS
    2. Tworzenie układu strony za pomocą panelu Projektant CSS
    3. Korzystanie z preprocesorów CSS w programie Dreamweaver
    4. Ustawianie preferencji stylów CSS w programie Dreamweaver
    5. Przenoszenie reguł CSS w programie Dreamweaver
    6. Konwertowanie stylu CSS wewnątrz znacznika na regułę CSS w programie Dreamweaver
    7. Posługiwanie się znacznikami DIV
    8. Stosowanie gradientów na tło
    9. Tworzenie i edytowanie efektów przejść CSS3 w programie Dreamweaver
    10. Formatowanie kodu
  9. Zawartość strony i zasoby
    1. Ustawianie właściwości strony
    2. Ustawianie właściwości CSS dla nagłówków i łączy
    3. Praca z tekstem
    4. Znajdowanie i zastępowanie tekstu, znaczników i atrybutów
    5. Panel DOM
    6. Edytowanie w widoku aktywnym
    7. Kodowanie znaków dokumentu w programie Dreamweaver
    8. Zaznaczanie i wyświetlanie elementów w oknie Dokument
    9. Ustawianie właściwości tekstu na panelu Inspektor właściwości
    10. Sprawdzanie pisowni na stronie internetowej
    11. Używanie linii poziomych w programie Dreamweaver
    12. Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver
    13. Praca z zasobami
    14. Wstawianie i aktualizowanie dat w programie Dreamweaver
    15. Tworzenie list ulubionych zasobów w programie Dreamweaver i zarządzanie nimi
    16. Wstawianie i edytowanie obrazów w programie Dreamweaver
    17. Dodawanie obiektów multimedialnych
    18. Dodawanie zawartości wideo w programie Dreamweaver
    19. Wstawianie wideo HTML5
    20. Wstawianie plików SWF
    21. Dodawanie efektów dźwiękowych
    22. Wstawianie obiektów audio HTML5 w programie Dreamweaver
    23. Praca z elementami bibliotek
    24. Stosowanie pisma arabskiego i hebrajskiego w programie Dreamweaver
  10. Łączenie i przeglądanie
    1. Informacje o łączeniu i przeglądaniu stron
    2. Tworzenie łączy
    3. Mapy obrazu
    4. Rozwiązywanie problemów dotyczących łączy
  11. Efekty i widgety jQuery
    1. Używanie widgetów jQuery interfejsu użytkownika i elementów mobilnych w programie Dreamweaver
    2. Używanie efektów jQuery w programie Dreamweaver
  12. Tworzenie kodu serwisów WWW
    1. Informacje o tworzeniu kodu w programie Dreamweaver
    2. Środowisko programistyczne w programie Dreamweaver
    3. Ustawianie preferencji kodowania
    4. Dostosowywanie ustawień kolorowania kodu
    5. Pisanie i edytowanie kodu
    6. Podpowiedzi i uzupełnianie kodu
    7. Zwijanie i rozwijanie kodu
    8. Ponowne wykorzystywanie fragmentów kodu za pomocą funkcji Urywki
    9. Linting: oczyszczanie kodu z błędów
    10. Optymalizacja kodu
    11. Edytowanie kodu w widoku Projekt
    12. Praca z zawartością znacznika HEAD strony
    13. Wstawianie dołączeń po stronie serwera w programie Dreamweaver
    14. Korzystanie z bibliotek znaczników w programie Dreamweaver
    15. Importowanie własnych znaczników do programu Dreamweaver
    16. Używanie zachowań JavaScript (instrukcje ogólne)
    17. Stosowanie wbudowanych zachowań JavaScript
    18. Omówienie języków XML i XSLT
    19. Wykonywanie transformacji XSL po stronie serwera w programie Dreamweaver
    20. Wykonywanie przekształceń XSL po stronie klienta w programie Dreamweaver
    21. Dodawanie encji znaków w kodzie XSLT w programie Dreamweaver
    22. Formatowanie kodu
  13. Obiegi pracy związane z wieloma produktami
    1. Instalowanie i używanie rozszerzeń programu Dreamweaver
    2. Aktualizacje w aplikacji w programie Dreamweaver
    3. Wstawianie dokumentów Microsoft Office w programie Dreamweaver (tylko Windows)
    4. Praca z programami Fireworks i Dreamweaver
    5. Edycja zawartości w stronach programu Dreamweaver za pomocą aplikacji Contribute
    6. Integracja programu Dreamweaver z aplikacją Business Catalyst
    7. Tworzenie spersonalizowanych kampanii rozsyłanych pocztą elektroniczną
  14. Szablony
    1. Informacje o szablonach programu Dreamweaver
    2. Rozpoznawanie szablonów oraz dokumentów opartych na szablonach
    3. Tworzenie szablonu programu Dreamweaver
    4. Tworzenie edytowalnych regionów w szablonach
    5. Tworzenie powtarzalnych regionów i tabel w programie Dreamweaver
    6. Używanie regionów opcjonalnych w szablonach
    7. Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver
    8. Tworzenie zagnieżdżonych szablonów w programie Dreamweaver
    9. Edytowanie, aktualizowanie i usuwanie szablonów
    10. Eksportowanie i importowanie zawartości XML w programie Dreamweaver
    11. Stosowanie szablonu lub usuwanie go z istniejącego dokumentu
    12. Edycja zawartości w szablonach programu Dreamweaver
    13. Reguły składni dla znaczników szablonu w programie Dreamweaver
    14. Ustawianie preferencji podświetlenia dla regionów szablonów
    15. Korzyści wynikające z używania szablonów w programie Dreamweaver
  15. Urządzenia mobilne i obsługa wielu ekranów
    1. Tworzenie zapytań o media
    2. Zmiana orientacji strony na urządzeniach mobilnych
    3. Tworzenie aplikacji internetowych przeznaczonych na urządzenia mobilne za pomocą programu Dreamweaver
  16. Dynamiczne serwisy, strony i formularze WWW
    1. Podstawowe informacje o aplikacjach internetowych
    2. Konfigurowanie komputera do programowania aplikacji
    3. Rozwiązywanie problemów z połączeniami z bazą danych
    4. Usuwanie skryptów połączenia w programie Dreamweaver
    5. Projektowanie stron dynamicznych
    6. Omówienie źródeł zawartości dynamicznej
    7. Definiowanie źródeł zawartości dynamicznej
    8. Dodawanie dynamicznej zawartości do stron
    9. Modyfikowanie dynamicznej zawartości w programie Dreamweaver
    10. Wyświetlanie rekordów z bazy danych
    11. Udostępnianie aktywnych danych w programie Dreamweaver oraz rozwiązywanie problemów z takimi danymi
    12. Dodawanie własnych zachowań serwerowych w programie Dreamweaver
    13. Tworzenie formularzy w programie Dreamweaver
    14. Zbieranie informacji od użytkowników za pomocą formularzy
    15. Tworzenie oraz włączanie formularzy ColdFusion w programie Dreamweaver
    16. Tworzenie formularzy WWW
    17. Rozszerzona obsługa elementów formularza w języku HTML5
    18. Tworzenie formularzy za pomocą programu Dreamweaver
  17. Tworzenie aplikacji metodą graficzną
    1. Tworzenie stron wzorca i szczegółów w programie Dreamweaver
    2. Tworzenie stron wyszukiwania i wyników
    3. Tworzenie strony wstawiania rekordów
    4. Tworzenie strony uaktualniania rekordów w programie Dreamweaver
    5. Tworzenie stron usuwania rekordów w programie Dreamweaver
    6. Używanie poleceń ASP do modyfikacji bazy danych w programie Dreamweaver
    7. Tworzenie strony rejestracji
    8. Tworzenie strony logowania
    9. Tworzenie strony, do której dostęp będą mieli tylko uwierzytelnieni użytkownicy
    10. Zabezpieczanie folderów w aplikacji ColdFusion za pomocą programu Dreamweaver
    11. Korzystanie ze składników ColdFusion w programie Dreamweaver
  18. Testowanie, podgląd i publikacja serwisów WWW
    1. Podgląd stron
    2. Podgląd stron WWW programu Dreamweaver na wielu urządzeniach
    3. Testowanie serwisu programu Dreamweaver

 

Informacje dotyczące korzystania ze środowiska programistycznego w programie Dreamweaver w celu przyspieszenia programowania.

Jeśli chcesz pracować z kodem w programie Dreamweaver, możesz wybrać przestrzeń roboczą Programista. W tej przestrzeni roboczej domyślnie wyświetlany jest widok Kod, a po lewej stronie ekranu zadokowane są tylko panele Pliki i Urywki.

Jeśli potrzebne są dodatkowe funkcje, kliknij opcję Okno, a następnie wybierz odpowiedni panel.

Uwaga:

Jeśli gotowe przestrzenie robocze nie spełniają wszystkich wymagań, można dostosować własny układ przestrzeni roboczej. Otwórz panele i zadokuj je w pożądanych miejscach, a następnie zapisz przestrzeń roboczą jako przestrzeń niestandardową. Więcej informacji: Tworzenie własnych przestrzeni roboczych.

Praca z kodem w programie Dreamweaver

Program Dreamweaver udostępnia wiele metod pracy z kodem. Dostępne są następujące opcje:

Do przechodzenia pomiędzy poszczególnymi widokami służą przyciski Kod, Podziel oraz Projekt/Aktywny, umieszczone w górnej części przestrzeni roboczej.

Można również skorzystać z panelu Inspektor kodu, aby wyświetlić kod HTML w ruchomym okienku. Inspektor kodu umożliwia wyświetlanie projektu serwisu WWW oraz jego kodu bez potrzeby dzielenia widoku na pół. Więcej informacji: Wyświetlanie kodu w osobnym okienku za pomocą Inspektora kodu.

Wyświetlanie kodu w oknie Dokument — widok Kod

Wybierz polecenie Widok > Kod.

Jednoczesne kodowanie i edycja strony w oknie Dokument — Widok Podziel

  1. Wybierz polecenie Widok > Kod i Projekt.

    Kod pojawia się w górnym panelu, a strona w dolnym.

  2. Aby wyświetlić stronę na górze, wybierz polecenie Widok Projekt na wierzchu z menu Opcje wyświetlania na pasku narzędziowym Dokument.
  3. Aby dopasować wielkość paneli w oknie Dokument, przesuń pasek dzielenia w wybrane położenie. Pasek dzielenia znajduje się pomiędzy dwoma panelami.

    Widok Kod jest aktualizowany automatycznie po wprowadzeniu zmian w widoku Projekt. Po wprowadzeniu zmian w widoku Kod należy ręcznie uaktualnić dokument w widoku Projekt, klikając w widoku Projekt lub naciskając klawisz F5.

Wyświetlanie kodu w osobnym okienku za pomocą Inspektora kodu

Inspektor kodu pozwala pracować w osobnym oknie kodowania w taki sam sposób jak się pracuje w oknie Kod.

  1. Wybierz polecenie Okno > Inspektor kodu. Pasek narzędziowy zawiera następujące opcje:

    Zarządzanie plikami

    Wysyła lub pobiera plik.

    Podgląd/Debugowanie w przeglądarce

    Umożliwia wyświetlenie podglądu lub debugowanie dokumentu w przeglądarce internetowej.

    Odśwież widok Projekt

    Uaktualnia dokument w widoku Projekt tak, aby odzwierciedlał zmiany wykonane w kodzie. Zmiany, których dokonano w kodzie, nie pojawiają się automatycznie w widoku Projekt, zanim nie podejmie się określonych działań, takich jak zapisanie pliku lub kliknięcie tego przycisku.

    Nawigacja w kodzie

    Pozwala przesuwać się szybko po kodzie. Zobacz Przechodzenie do funkcji JavaScript lub VBScript .

    Opcje widoku

    Pozwala ustalić jak będzie wyświetlany kod. Zobacz Ustawianie kolorowania kodu.

Przyspieszenie programowania w programie Dreamweaver

Widok Kod w programie Dreamweaver oferuje funkcje ułatwiające kodowanie. Projektanci mogą dzięki temu rozpocząć pracę nad tworzeniem stron w widoku Kod, a doświadczeni programiści mają do dyspozycji funkcje wizualne upraszczające pracę, redukujące liczbę błędów i poprawiające przejrzystość, takie jak automatyczne wcięcia, kolorowanie kodu i możliwość zmiany rozmiaru czcionek.

Oto kilka funkcji oferowanych przez program Dreamweaver.

Podpowiedzi i uzupełnianie kodu

Funkcja podpowiedzi (wskazówek) lub uzupełniania kodu umożliwia wybieranie znaczników, atrybutów i stylów CSS z wyskakującego menu podczas wpisywania kodu. Dzięki automatycznemu uzupełnianiu kodu można programować serwis szybciej i uniknąć części błędów.

Oto przykład uzupełniania kodu HTML. 

Po wpisaniu znaku „<” program Dreamweaver otworzy wyskakujące menu ze wszystkimi dostępnymi znacznikami HTML. W miarę wpisywania kolejnych liter nazwy znacznika program Dreamweaver automatycznie uaktualnia opcje HTML dostępne w menu i umożliwia wybranie właściwego znacznika. Po naciśnięciu klawisza Enter program Dreamweaver automatycznie wstawia znacznik. Następnie wyświetlane jest kolejne wyskakujące menu, które zawiera wszystkie właściwości dostępne dla tego znacznika.

Takie podpowiedzi są również dostępne do kodu CSS, JavaScript i PHP (w wersji 5.6 i 7.1). 

Więcej informacji: Podpowiedzi i uzupełnianie kodu.

Obsługa wersji PHP 5.6 i 7.1

Program Dreamweaver obsługuje wersje PHP 5.6 i 7.1. 

Pliki PHP serwisu można skompilować w wersji PHP 5.6 lub 7.1. Wersję tę wybiera się w oknie dialogowym Konfiguracja serwisu (dla poszczególnych serwisów) lub w preferencjach aplikacji (ten wybór będzie obowiązywać we wszystkich plikach PHP zapisywanych poza serwisami programu Dreamweaver). Program Dreamweaver ustawi następnie podpowiedzi do kodu i opcje lintingu odpowiednio do wybranej wersji PHP.

W przypadku nowych serwisów w programie Dreamweaver domyślna wersja kompilatora PHP jest ustawiana zgodnie z opcjami wybranymi w oknie Edycja > Preferencje > PHP.

Więcej informacji o obsłudze kodu PHP w programie Dreamweaver:

Ogólne informacje na temat wersji PHP 5.6 i 7.1 można znaleźć w następujących zasobach:

Podpowiedzi do kodu obiektów JavaScript

Program Dreamweaver obsługuje podpowiedzi do kodu obiektowego w języku JavaScript, udostępniając podpowiedzi dla podstawowych obiektów JavaScript, takich jak tablice, daty, liczby i łańcuchy. 

Ponadto program monitoruje funkcje JavaScript tworzone przez użytkownika i podaje podpowiedzi do kodu zawierające nazwy takich funkcji.

Więcej informacji: Podpowiedzi i uzupełnianie kodu.

Refaktoryzacja kodu JavaScript

Dreamweaver obsługuje refaktoryzację kodu. Refaktoryzacja kodu to proces polegający na przebudowie istniejącego kodu komputerowego bez zmiany jego zewnętrznego zachowania. Kod staje się bardziej czytelny i łatwiejszy do zrozumienia. Debugowanie kodu oszczędza czas ze względu na użycie małych funkcji i prawidłową podmianę. Dzięki refaktoryzacji JavaScript możesz zmieniać nazwy funkcji i zmiennych ze świadomością ich zasięgu.

Więcej informacji: Pisanie i edycja kodu

Kolorowanie kodu w plikach różnego typu

Dreamweaver obsługuje funkcje kolorowania kodu dla języków HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML oraz YAML.

Obsługa wielu kursorów do wykonywania powtarzalnych zadań

Pisząc wiele linii kodu jednocześnie, można szybko wykonywać takie zadania, jak tworzenie punktowanej listy, aktualizowanie serii łańcuchów tekstu oraz wprowadzanie wielu zmian edycyjnych naraz.

Ta funkcja znacznie zwiększa produktywność, ponieważ nie trzeba wielokrotnie wpisywać tego samego kodu. Funkcja wielu kursorów robi to automatycznie.

Edytując kod, można:

  • dodać wiele kursorów, umożliwiających wstawianie nowej zawartości w wielu miejscach,
  • zaznaczać tekst w wielu miejscach, aby stosować te same zmiany edycyjne w różnych częściach dokumentu.

Więcej informacji: Dodawanie wielu kursorów lub wielu zaznaczeń.

Szybkie edytowanie kodu w plikach powiązanych

Aby szybko wprowadzić zmiany w kodzie, umieść kursor w odpowiednich urywkach kodu i skorzystaj z menu kontekstowego lub naciśnij klawisze Ctrl-E (Windows) lub Cmd-E (Mac) w celu otwarcia opcji Szybka edycja.

Program Dreamweaver wyświetli w wierszu kontekstowe opcje i narzędzia edycji kodu.

Przykład zastosowania

Rozważmy następujący przykład:

Edytując plik HTML, zauważasz w widoku aktywnym nieprawidłowo wyświetlany fragment. Przechodzisz więc do widoku Kod i stwierdzasz, że do usunięcia tego problemu niezbędna jest edycja innego, powiązanego pliku (na przykład pliku CSS). 

Zamiast przechodzić do innej karty, kliknij odpowiedni kod prawym przyciskiem myszy i wybierz opcję Szybka edycja albo skorzystaj ze skrótu klawiszowego. Program Dreamweaver otworzy odpowiednią sekcję powiązanego kodu CSS bezpośrednio w pliku HTML.

Pozwala to edytować kod w pliku CSS bez potrzeby przechodzenia do niego lub zmiany karty. Wprowadzone zmiany są automatycznie odzwierciedlane w pliku CSS.

Więcej informacji: Szybka edycja.

Kontekstowa dokumentacja CSS

Funkcja Podręczna dokumentacja udostępnia dokumentację właściwości CSS bezpośrednio w widoku Kod.

Nie trzeba już opuszczać programu Dreamweaver i otwierać zewnętrznej strony WWW, aby uzyskać informacje o właściwościach CSS. Aby otworzyć podręczną dokumentację, naciśnij klawisze Ctrl+K (Windows) lub Cmd+K (Mac).

Więcej informacji: Pomoc do właściwości CSS w programie Dreamweaver — funkcja Podręczna dokumentacja.

Obsługa skrótów Emmet w standardowej konfiguracji programu

Emmet to wtyczka umożliwiająca szybkie pisanie i generowanie kodu HTML i CSS.

Program Dreamweaver zawiera już gotową wtyczkę Emmet, która umożliwia korzystanie z tych skrótów bez konieczności instalowania wtyczki.

Skróty Emmet można stosować w widoku Kod lub w Inspektorze kodu. Naciśnięcie klawisza Tab powoduje rozwinięcie skrótu do postaci kodu HTML lub CSS.

Skróty HTML są rozwijane na stronach HTML i PHP.

Skróty CSS są rozwijane na stronach CSS, LESS, Sass i SCSS lub wewnątrz znacznika STYLE na stronie HTML.

Więcej informacji: Używanie pakietu narzędzi Emmet w połączeniu z programem Dreamweaver.

Zwijanie kodu

Program Dreamweaver umożliwia zwijanie sekcji kodu, co pozwala skupić się na jego edytowanych fragmentach. 

Kod można zwijać według znaczników lub nawiasów albo na podstawie zaznaczenia. 

Więcej informacji: Zwijanie i rozwijanie kodu.

Walidacja kodu

Program Dreamweaver oferuje rozbudowane możliwości lintingu, czyli wykrywania i usuwania błędów w kodzie. 

Proces ten polega na analizie kodu i oznaczaniu potencjalnych błędów lub miejsc „podejrzanych”. W programie Dreamweaver funkcja lintingu może na przykład oznaczać błędy składni HTML, błędy parsowania w kodzie CSS lub ostrzeżenia w plikach JavaScript.

Więcej informacji na temat lintingu w programie Dreamweaver: Linting kodu.

Jeśli pracujesz nad kodem PHP, a dokument zawiera błędy, program Dreamweaver wyświetli błędny kod w widoku Projekt (jeśli jest otwarty) i wyróżni go w widoku Kod (w zależności od ustawień preferencji).

Jeżeli zaznaczysz kod w jednym z tych widoków, Inspektor właściwości poinformuje, dlaczego jest on nieprawidłowy i jak go poprawić.

Uwaga:

Opcja podświetlania nieprawidłowego kodu w widoku Kod jest domyślnie wyłączona. Aby ją włączyć, należy przejść do widoku Kod (Widok > Kod), a następnie wybrać polecenie Widok > Opcje widoku Kod > Podświetl nieprawidłowy kod.

Preferencje automatycznego poprawiania różnych rodzajów błędnego kodu można określić w momencie otwierania dokumentu.

Więcej informacji: Ustawianie preferencji kodowania.

Obsługa preprocesorów CSS

Program Dreamweaver obsługuje teraz popularne preprocesory CSS, takie jak SASS, Less i SCSS. Dostępne są wszystkie funkcje kolorowania kodu, podpowiedzi i kompilacji. 

Preprocesory CSS przyspieszają pracę nad złożonymi serwisami, które mają skomplikowane arkusze stylów.

Więcej informacji: Używanie preprocesorów CSS w programie Dreamweaver.

Zapisywanie i wielokrotne wykorzystywanie urywków kodu

Często używane bloki kodu można zapisać w panelu Urywki. Tak zapisane urywki można następnie wstawiać na wielu stronach.

Urywki zapisane w panelu Urywki nie są specyficzne dla danego serwisu, można je więc wykorzystać w różnych serwisach.

Dzięki funkcji synchronizacji ustawień urywki kodu można również wykorzystywać na różnych urządzeniach i w innych wersjach programu Dreamweaver.

Więcej informacji: Wielokrotne używanie urywków kodu.

Podgląd w przeglądarce w czasie rzeczywistym

Podgląd efektów zmian wprowadzanych w kodzie można w czasie rzeczywistym wyświetlać w przeglądarce bez konieczności ręcznego odświeżania. Program Dreamweaver jest teraz połączony z przeglądarką WWW, dlatego wprowadzane zmiany są od razu widoczne w oknie przeglądarki bez konieczności ponownego wczytywania strony.

Więcej informacji: Podgląd w przeglądarce w czasie rzeczywistym.

Dostosowywanie skrótów klawiszowych

W programie Dreamweaver można używać własnych ulubionych skrótów klawiszowych. Jeśli chętnie korzystasz z określonych skrótów klawiszowych — na przykład Shift+Enter w celu przejścia do nowego wiersza lub Control+G w celu przejścia do określonej pozycji w kodzie — możesz je dodać do programu Dreamweaver za pomocą Edytora skrótów klawiszowych.

Niezbędne instrukcje znajdują się w części Dostosowywanie skrótów klawiszowych.

Domyślne otwieranie plików w widoku Kod

Kiedy otwierasz plik, który normalnie nie zawiera kodu HTML (na przykład plik JavaScript), otwiera się on w widoku Kod (lub Inspektorze kodu) zamiast w widoku Projekt. Możesz określić, jakie typy plików otwierają się w widoku Kod.

  1. Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
  2. Wybierz opcję Typy plików / edytory z listy Kategorie po lewej stronie.
  3. W polu „Otwórz w widoku Kod” wpisz rozszerzenia plików, które chcesz automatycznie otwierać w widoku Kod.

    Poszczególne rozszerzenia rozdzielaj spacjami. Można dodać dowolną liczbę rozszerzeń.

Logo Adobe

Zaloguj się na swoje konto