- Podręcznik użytkownika programu Dreamweaver
- Wprowadzenie
- Program Dreamweaver a platforma Creative Cloud
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Biblioteki Creative Cloud w programie Dreamweaver
- Używanie plików programu Photoshop w programie Dreamweaver
- Praca z programami Adobe Animate oraz Dreamweaver
- Wydzielanie przygotowanych do wyświetlania w Internecie plików SVG z bibliotek
- Przestrzenie robocze i widoki w programie Dreamweaver
- Konfigurowanie serwisów
- Informacje o serwisach programu Dreamweaver
- Konfigurowanie lokalnej wersji serwisu
- Nawiązywanie połączenia z serwerem publikacji
- Konfigurowanie serwera testowego
- Importowanie i eksportowanie ustawień serwisu programu Dreamweaver
- Przenoszenie istniejących serwisów z serwera zdalnego do lokalnego katalogu głównego serwisu
- Funkcje ułatwień dostępu w programie Dreamweaver
- Ustawienia zaawansowane
- Ustawianie preferencji serwisu dotyczących transferu plików
- Określanie ustawień serwera proxy w programie Dreamweaver
- Synchronizowanie ustawień programu Dreamweaver z chmurą Creative Cloud
- Korzystanie z systemu Git w programie Dreamweaver
- Zarządzanie plikami
- Tworzenie i otwieranie plików
- Zarządzanie plikami i folderami
- Odbieranie plików i wysyłanie ich na serwer
- Pobieranie plików do edycji i odkładanie ich na serwer
- Synchronizacja plików
- Porównywanie plików w poszukiwaniu różnic
- Maskowanie plików i folderów w serwisie programu Dreamweaver
- Włączanie funkcji Uwagi do projektu w serwisach programu Dreamweaver
- Zapobieganie potencjalnemu obejściu funkcji Gatekeeper
- Układ i projekt
- Korzystanie z wizualnych pomocy do układu
- Informacje o tworzeniu układu strony za pomocą stylów CSS
- Projektowanie elastycznych serwisów WWW z użyciem struktury Bootstrap
- Tworzenie i używanie zapytań o media w programie Dreamweaver
- Prezentacja zawartości za pomocą tabel
- Kolory
- Tworzenie reagujących projektów za pomocą układów elastycznej siatki
- Narzędzie Extract w programie Dreamweaver
- CSS
- Podstawowe informacje o stylach CSS
- Tworzenie układu strony za pomocą panelu Projektant CSS
- Korzystanie z preprocesorów CSS w programie Dreamweaver
- Ustawianie preferencji stylów CSS w programie Dreamweaver
- Przenoszenie reguł CSS w programie Dreamweaver
- Konwertowanie stylu CSS wewnątrz znacznika na regułę CSS w programie Dreamweaver
- Posługiwanie się znacznikami DIV
- Stosowanie gradientów na tło
- Tworzenie i edytowanie efektów przejść CSS3 w programie Dreamweaver
- Formatowanie kodu
- Zawartość strony i zasoby
- Ustawianie właściwości strony
- Ustawianie właściwości CSS dla nagłówków i łączy
- Praca z tekstem
- Znajdowanie i zastępowanie tekstu, znaczników i atrybutów
- Panel DOM
- Edytowanie w widoku aktywnym
- Kodowanie znaków dokumentu w programie Dreamweaver
- Zaznaczanie i wyświetlanie elementów w oknie Dokument
- Ustawianie właściwości tekstu na panelu Inspektor właściwości
- Sprawdzanie pisowni na stronie internetowej
- Używanie linii poziomych w programie Dreamweaver
- Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver
- Praca z zasobami
- Wstawianie i aktualizowanie dat w programie Dreamweaver
- Tworzenie list ulubionych zasobów w programie Dreamweaver i zarządzanie nimi
- Wstawianie i edytowanie obrazów w programie Dreamweaver
- Dodawanie obiektów multimedialnych
- Dodawanie zawartości wideo w programie Dreamweaver
- Wstawianie wideo HTML5
- Wstawianie plików SWF
- Dodawanie efektów dźwiękowych
- Wstawianie obiektów audio HTML5 w programie Dreamweaver
- Praca z elementami bibliotek
- Stosowanie pisma arabskiego i hebrajskiego w programie Dreamweaver
- Łączenie i przeglądanie
- Efekty i widgety jQuery
- Tworzenie kodu serwisów WWW
- Informacje o tworzeniu kodu w programie Dreamweaver
- Środowisko programistyczne w programie Dreamweaver
- Ustawianie preferencji kodowania
- Dostosowywanie ustawień kolorowania kodu
- Pisanie i edytowanie kodu
- Podpowiedzi i uzupełnianie kodu
- Zwijanie i rozwijanie kodu
- Ponowne wykorzystywanie fragmentów kodu za pomocą funkcji Urywki
- Linting: oczyszczanie kodu z błędów
- Optymalizacja kodu
- Edytowanie kodu w widoku Projekt
- Praca z zawartością znacznika HEAD strony
- Wstawianie dołączeń po stronie serwera w programie Dreamweaver
- Korzystanie z bibliotek znaczników w programie Dreamweaver
- Importowanie własnych znaczników do programu Dreamweaver
- Używanie zachowań JavaScript (instrukcje ogólne)
- Stosowanie wbudowanych zachowań JavaScript
- Omówienie języków XML i XSLT
- Wykonywanie transformacji XSL po stronie serwera w programie Dreamweaver
- Wykonywanie przekształceń XSL po stronie klienta w programie Dreamweaver
- Dodawanie encji znaków w kodzie XSLT w programie Dreamweaver
- Formatowanie kodu
- Obiegi pracy związane z wieloma produktami
- Instalowanie i używanie rozszerzeń programu Dreamweaver
- Aktualizacje w aplikacji w programie Dreamweaver
- Wstawianie dokumentów Microsoft Office w programie Dreamweaver (tylko Windows)
- Praca z programami Fireworks i Dreamweaver
- Edycja zawartości w stronach programu Dreamweaver za pomocą aplikacji Contribute
- Integracja programu Dreamweaver z aplikacją Business Catalyst
- Tworzenie spersonalizowanych kampanii rozsyłanych pocztą elektroniczną
- Szablony
- Informacje o szablonach programu Dreamweaver
- Rozpoznawanie szablonów oraz dokumentów opartych na szablonach
- Tworzenie szablonu programu Dreamweaver
- Tworzenie edytowalnych regionów w szablonach
- Tworzenie powtarzalnych regionów i tabel w programie Dreamweaver
- Używanie regionów opcjonalnych w szablonach
- Definiowanie edytowalnych atrybutów znacznika w programie Dreamweaver
- Tworzenie zagnieżdżonych szablonów w programie Dreamweaver
- Edytowanie, aktualizowanie i usuwanie szablonów
- Eksportowanie i importowanie zawartości XML w programie Dreamweaver
- Stosowanie szablonu lub usuwanie go z istniejącego dokumentu
- Edycja zawartości w szablonach programu Dreamweaver
- Reguły składni dla znaczników szablonu w programie Dreamweaver
- Ustawianie preferencji podświetlenia dla regionów szablonów
- Korzyści wynikające z używania szablonów w programie Dreamweaver
- Urządzenia mobilne i obsługa wielu ekranów
- Dynamiczne serwisy, strony i formularze WWW
- Podstawowe informacje o aplikacjach internetowych
- Konfigurowanie komputera do programowania aplikacji
- Rozwiązywanie problemów z połączeniami z bazą danych
- Usuwanie skryptów połączenia w programie Dreamweaver
- Projektowanie stron dynamicznych
- Omówienie źródeł zawartości dynamicznej
- Definiowanie źródeł zawartości dynamicznej
- Dodawanie dynamicznej zawartości do stron
- Modyfikowanie dynamicznej zawartości w programie Dreamweaver
- Wyświetlanie rekordów z bazy danych
- Udostępnianie aktywnych danych w programie Dreamweaver oraz rozwiązywanie problemów z takimi danymi
- Dodawanie własnych zachowań serwerowych w programie Dreamweaver
- Tworzenie formularzy w programie Dreamweaver
- Zbieranie informacji od użytkowników za pomocą formularzy
- Tworzenie oraz włączanie formularzy ColdFusion w programie Dreamweaver
- Tworzenie formularzy WWW
- Rozszerzona obsługa elementów formularza w języku HTML5
- Tworzenie formularzy za pomocą programu Dreamweaver
- Tworzenie aplikacji metodą graficzną
- Tworzenie stron wzorca i szczegółów w programie Dreamweaver
- Tworzenie stron wyszukiwania i wyników
- Tworzenie strony wstawiania rekordów
- Tworzenie strony uaktualniania rekordów w programie Dreamweaver
- Tworzenie stron usuwania rekordów w programie Dreamweaver
- Używanie poleceń ASP do modyfikacji bazy danych w programie Dreamweaver
- Tworzenie strony rejestracji
- Tworzenie strony logowania
- Tworzenie strony, do której dostęp będą mieli tylko uwierzytelnieni użytkownicy
- Zabezpieczanie folderów w aplikacji ColdFusion za pomocą programu Dreamweaver
- Korzystanie ze składników ColdFusion w programie Dreamweaver
- Testowanie, podgląd i publikacja serwisów WWW
- Rozwiązywanie problemów
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.
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.
-
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.
-
Aby wyświetlić tabele, procedury składowane i widoki w bazie danych, kliknij znak plus (+) obok połączenia na liście.
-
Aby wyświetlić kolumny w tabeli, kliknij nazwę tabeli.
Ikony kolumny wskazują typ danych oraz klucz główny tabeli.
-
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.
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.
Schematu ani katalogu nie można używać w programie Dreamweaver, jeśli tworzysz aplikację ColdFusion albo korzystasz z systemu Microsoft Access.
-
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.
-
W oknie dialogowym połączenia kliknij opcję Zaawansowane.
-
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.
-
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.
Więcej podobnych
- Panel Wiązania
- Panel Zachowania serwerowe
- Panel Bazy danych
- Panel Komponenty
- Samouczek przedstawiający przestrzeń roboczą programowania
- Konfigurowanie środowiska projektowego ColdFusion
- Konfigurowanie środowiska projektowego PHP
- Konfigurowanie środowiska projektowego ASP
- Konfigurowanie serwera testowego
- Edytowanie zawartości dynamicznej