Podręcznik użytkownika Anuluj

Optymalizacja przestrzeni roboczej do programowania wizualnego

  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
  19. Rozwiązywanie problemów
    1. Rozwiązane problemy
    2. Znane problemy

 

 

Wyświetlanie paneli do tworzenia aplikacji internetowych

W wyskakującym menu Kategoria panelu Wstaw zaznacz kategorię Dane, która zawiera zestaw przycisków pozwalających dodawać do strony zawartość dynamiczną i zachowania serwerowe.

Liczba i typ dostępnych przycisków zależy od typu dokumentu otwartego w oknie Dokument. Przesuń mysz nad ikonę, aby wyświetlić podpowiedź opisującą działanie przycisku.

Panel Wstaw zawiera przyciski pozwalające umieszczać na stronie następujące elementy:

  • Zestawy rekordów

  • Dynamiczny tekst lub tabele

  • Paski do nawigacji między rekordami

    Jeżeli przejdziesz do widoku Kod (Widok > Kod), mogą pojawić się inne panele umożliwiające wstawianie kodu na stronie. Znajdują się one w osobnej kategorii panelu Wstaw. Na przykład jeśli strona ColdFusion jest wyświetlana w widoku Kod, to w kategorii CFML panelu Wstaw staje się dostępny panel CFML.

    Istnieje kilka paneli służących do tworzenia stron dynamicznych:

     

    • Panel Wiązania (Okno > Wiązania) umożliwia definiowanie źródeł zawartości dynamicznej na stronie oraz wstawianie takiej zawartości.

    • Panel Zachowania serwerowe (Okno > Zachowania serwerowe) służy do wprowadzania na stronach dynamicznych kodu wykonywanego na serwerze.

    • Panel Bazy danych (Okno > Bazy danych) służy do eksploracji baz danych oraz do tworzenia połączeń z bazami danych.

    • Panel Składniki (Okno > Składniki) służy do sprawdzania, dodawania i modyfikowania kodu składników ColdFusion.

Uwaga:

Panel Składniki jest aktywny tylko wtedy, gdy otwarto stronę ColdFusion.  

Zachowanie serwerowe to zbiór instrukcji wstawionych na dynamicznej stronie podczas projektowania, a wykonywanych na serwerze.

Samouczek dotyczący konfigurowania przestrzeni roboczej programowania można znaleźć na stronie www.adobe.com/go/vid0144_pl.

Wyświetlanie bazy danych w programie Dreamweaver

Po utworzeniu połączenia z bazą danych można wyświetlać jej strukturę i dane za pomocą programu Dreamweaver.

  1. Otwórz panel Bazy danych (Okno > Bazy danych).

    Panel Bazy danych wyświetla wszystkie bazy, do których utworzono połączenia. Jeżeli projektujesz serwis ColdFusion, to panel ten wyświetli wszystkie bazy danych, które zawierają źródła danych zdefiniowane w module Administrator ColdFusion.

    Uwaga:

    Program Dreamweaver sprawdza serwer ColdFusion zdefiniowany na potrzeby bieżącego serwisu.

    Jeżeli w panelu nie ma żadnych baz, to trzeba utworzyć połączenie z bazą danych.

  2. Aby wyświetlić tabele, procedury składowane i widoki w bazie danych, kliknij znak plus (+) obok połączenia na liście.
  3. Aby wyświetlić kolumny w tabeli, kliknij nazwę tabeli.

    Ikony kolumny wskazują typ danych oraz klucz główny tabeli.

  4. Aby wyświetlić dane w tabeli, kliknij nazwę tabeli na liście prawym przyciskiem myszy (Windows) lub przytrzymując klawisz Control (Macintosh) i wybierz z wyskakującego menu polecenie Wyświetl dane.

Wyświetlanie podglądu dynamicznych stron w przeglądarce

Programiści aplikacji internetowych często przeprowadzają debugowanie stron, sprawdzając je regularnie w przeglądarce internetowej. Strony dynamiczne można szybko wyświetlić w przeglądarce, bez potrzeby uprzedniego wysyłania ich ręcznie na serwer (naciśnij klawisz F12).

Aby wyświetlić podgląd dynamicznych stron, należy wprowadzić dane w kategorii Serwer testowy w oknie dialogowym Definicja serwisu.

Można wskazać, aby program Dreamweaver używał plików tymczasowych zamiast plików oryginalnych. W takiej sytuacji program Dreamweaver uruchamia tymczasową kopię strony na serwerze WWW, zanim wyświetli ją w przeglądarce. (Następnie program Dreamweaver usuwa plik tymczasowy z serwera). Aby ustawić tę opcję, wybierz polecenie Edycja > Preferencje > Podgląd w przeglądarce.

Opcja Podgląd w przeglądarce nie powoduje wysyłania powiązanych stron, np. stron wyników czy strony szczegółów, plików zależnych (np. graficznych) ani dołączeń po stronie serwera (SSI). Aby wysłać brakujący plik, wybierz polecenie Okno > Serwis, aby otworzyć panel Serwis. Wybierz plik z sekcji Folder lokalny i kliknij niebieską strzałkę w górę na pasku przycisków, aby skopiować ten plik do folderu na serwerze WWW.

Ograniczanie informacji z bazy danych wyświetlanych w programie Dreamweaver

Zaawansowani użytkownicy dużych systemów baz danych, takich jak Oracle, powinni ograniczyć liczbę pozycji, które program Dreamweaver pobiera z bazy danych i wyświetla podczas projektowania. Baza danych Oracle może zawierać pozycje, których program Dreamweaver nie przetworzy podczas projektowania. W aplikacji Oracle można utworzyć schemat i za jego pomocą odfiltrować niepotrzebne pozycje podczas projektowania w programie Dreamweaver.

Uwaga:

W systemie Microsoft Access nie można utworzyć schematu ani katalogu.

Inni użytkownicy mogą odnieść korzyści z ograniczenia ilości informacji pobieranych przez program Dreamweaver podczas projektowania. Niektóre bazy danych zawierają dziesiątki czy nawet setki tabel. Niekiedy wygodniej jest nie wyświetlać ich wszystkich podczas pracy. Do ograniczenia liczby pozycji z bazy danych, pobieranych podczas projektowania, może służyć schemat albo katalog.

Taki schemat lub katalog trzeba utworzyć w systemie bazy danych. Dopiero wtedy można użyć go w programie Dreamweaver. Zapoznaj się z dokumentacją systemu bazy danych albo zapytaj o to administratora systemu.

Uwaga:

Schematu ani katalogu nie można używać w programie Dreamweaver, jeśli tworzysz aplikację ColdFusion albo korzystasz z systemu Microsoft Access.

  1. Otwórz dynamiczną stronę w programie Dreamweaver, a następnie otwórz panel Bazy danych (Okno > Bazy danych).
    • Jeżeli istnieje już połączenie z bazą danych, kliknij nazwę połączenia na liście prawym przyciskiem myszy (Windows) lub przytrzymując klawisz Control (Macintosh) i wybierz z wyskakującego menu polecenie Edytuj połączenie.

    • Jeżeli połączenie nie istnieje, kliknij przycisk Plus (+) na górze panelu i utwórz je.

  2. W oknie dialogowym połączenia kliknij opcję Zaawansowane.
  3. Wskaż schemat albo katalog i kliknij przycisk OK.

Konfigurowanie Inspektora właściwości do obsługi procedur składowanych ColdFusion i poleceń ASP

Zmodyfikuj zaznaczoną procedurę składowaną. Dostępne opcje zależą od technologii serwerowej.

  1. Ustaw dowolne spośród dostępnych opcji. Po zaznaczeniu nowej opcji w inspektorze program Dreamweaver uaktualni stronę.

Opcje Nazwy wejścia

Ten Inspektor właściwości pojawia się, gdy program Dreamweaver napotka nieznany typ danych wejściowych. Na ogół zdarza się to, gdy wystąpił błąd literowy lub inny błąd wprowadzania danych.

Jeżeli zmieni się typ pola w Inspektorze właściwości na rozpoznawany przez program Dreamweaver, np. dzięki poprawieniu błędnej pisowni, Inspektor właściwości zostanie uaktualniony i wyświetli właściwości rozpoznanego typu. Ustaw dowolne spośród opcji w Inspektorze właściwości:

Nazwa wejścia

Przypisuje nazwę do pola. Jest to pole wymagane, a nazwa musi być niepowtarzalna.

Typ

Ustawia typ danych wejściowych pola. Zawartość pola odzwierciedla wartość typu wprowadzania, znajdującą się w danym momencie w kodzie źródłowym HTML.

Wartość

Ustawia wartość pola.

Parametry

Otwiera okno dialogowe Parametry, w którym można wyświetlić bieżące atrybuty pola, a także dodawać lub usuwać atrybuty.

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?