Utwórz stronę (Plik > Nowy > Pusta strona) i zaprojektuj stronę rejestracji za pomocą narzędzi programu Dreamweaver.
Ostatnia aktualizacja
21 maj 2021
- 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
Uwaga:
Interfejs użytkownika w programie Dreamweaver i nowszych wersjach został uproszczony. Dlatego począwszy od wersji Dreamweaver niektóre opcje opisane w tym artykule mogą nie być dostępne. Więcej informacji zawiera ten artykuł.
O stronach rejestracji
Twoja aplikacja internetowa może zawierać stronę, która wymusza na użytkownikach, aby się zarejestrowali kiedy po raz pierwszy odwiedzają twój serwis.
Strona rejestracji jest zbudowana z następujących elementów konstrukcyjnych:
Tablica bazy danych, która zawiera informacji o loginach użytkowników
Formularz HTML, który pozwala użytkownikom wybrać identyfikator i hasło
Możesz także użyć tego formularza do uzyskania innych informacji osobowych od użytkowników.
Zachowanie serwerowe Wstaw rekord, które uaktualnia tabelę użytkowników bazy danych
Zachowanie serwerowe Sprawdź nową nazwę użytkownika, które sprawdza czy nazwa użytkownika nie jest już zajęta.
Przechowywanie informacji logowania dotyczących użytkowników
Strona rejestracji wymaga tabeli bazy danych, aby przechować informacje o loginach wprowadzone przez użytkowników
- Upewnij się, że twoja tabela bazy danych zawiera kolumny z nazwą użytkownika i hasłem. Jeżeli chcesz, aby użytkownicy zalogowani mieli różne przywileje dostępu, dołącz kolumnę z poziomem dostępu.
- Jeżeli chcesz ustawić takie samo hasło dla wszystkich użytkowników serwisu, skonfiguruj twoją aplikację bazodanową (Microsoft Access, Microsoft SQL Server, Oracle itp.), aby domyślnie ustawiała to samo hasło przy zakładaniu rekordu. W większości baz danych, można ustawić domyślną wartość kolumny w momencie tworzenia rekordu. Ustaw domyślną wartość hasła.
- Możesz także użyć tabeli bazy danych do przechowywania innych pożytecznych informacji o użytkowniku.
Następnym krokiem w tworzeniu strony rejestracyjnej jest dodanie do niej formularza HTML, który pozwoli wybrać nazwę użytkownika i hasło.
Dodawanie formularza HTML służącego do wybierania nazwy użytkownika i hasła
Można dodać formularz HTML do strony rejestracyjnej, który pozwoli użytkownikom wybrać nazwę użytkownika i hasło.
-
-
Dodaj formularz HTML umieszczając punkt wstawiania tam, gdzie ma się on pojawić i wybierając Formularz z menu Wstaw.
Pusty formularz zostanie utworzony na stronie. Może zajść potrzeba włączenia opcji Elementy niewidoczne (Widok > Pomoce wizualne > Elementy niewidoczne), aby zobaczyć obrys formularza, który jest pokazywany za pomocą cienkich, czerwonych linii.
-
Nazwij formularz HTML, klikając na znacznik <form> znajdujący się na dole okna Dokument (co spowoduje wybranie formularza), otwierając Inspektora właściwości (Okno > Właściwości) i wprowadzając nazwę w polu Nazwa formularza.
Nie ma potrzeby określania atrybutu operacji lub metody dla formularza, aby określić jak i gdzie mają być przesłane dane rekordu kiedy użytkownik kliknie przycisk Prześlij. Zachowanie serwerowe Wstaw rekord ustawia te atrybuty za ciebie.
-
Dodaj pola tekstowe (Wstaw >Formularz >Pole tekstowe), które pozwalają użytkownikom wprowadzić nazwę użytkownika i hasło.
Formularz może zawierać więcej obiektów formularza w celu zapamiętywania innych danych osobistych.
Każdy obiekt formularza powinien zawierać etykiety (mogą być w formie tekstu lub obrazka), które mówią użytkownikowi do czego służą. Możesz także wyrównać położenie obiektów formularza układając je wewnątrz tabeli HTML. Więcej informacji na temat obiektów formularza można znaleźć w części Tworzenie formularzy WWW.
-
Dodaj przycisk Prześlij do formularza (Wstaw > Formularz > Przycisk).
(Opcjonalnie) Zmień etykietę przycisku Prześlij zaznaczając przycisk, otwierając Inspektora właściwości (Okno > Właściwości) i wprowadzając nową wartość w pole Wartość.
Następnym krokiem w tworzeniu strony rejestracyjnej jest dodanie zachowania serwerowego Wstaw rekord, które wstawia rekordy do tabeli użytkowników w bazie danych.
Uaktualnianie tabeli użytkowników
Musisz dodać zachowanie serwerowe Wstaw rekord do strony rejestracyjnej w celu uaktualnia tabeli użytkowników w bazie danych.
-
W panelu Zachowania serwerowe (Okno > Zachowania serwerowe), kliknij przycisk Plus (+), a następnie wybierz polecenie Wstaw rekord z wyskakującego menu.
Zostanie wyświetlone okno dialogowe Wstaw rekord.
-
Uzupełnij okno dialogowe, upewniwszy się, że określono tabelę użytkowników w bazie danych, do której dane użytkowników będą wstawiane. Kliknij przycisk OK.
Ostatnim krokiem w tworzeniu strony rejestracyjnej jest zapewnienie, że nazwa użytkownika nie jest używana przez innego użytkownika.
Dodawanie zachowania serwerowego w celu wymuszenia niepowtarzalnej nazwy użytkownika
Możesz dodać zachowanie serwerowe do strony rejestracji, które sprawdza przez dodaniem użytkownika do bazy, czy jego nazwa jest niepowtarzalna.
Kiedy użytkownik klika przycisk Prześlij na stronie rejestracji, zachowanie serwerowe porównuje nazwę użytkownika wprowadzoną przez niego z nazwami użytkowników przechowywanymi w bazie danych zarejestrowanych użytkowników. Jeżeli nie znaleziono pasującej nazwy w bazie danych, zachowanie serwerowe prowadzi dalej operację wstawiania nowego rekordu. Jeżeli pasująca nazwa zostanie znaleziona, zachowanie serwerowe anuluje operację wstawiania rekordu i otwiera nową stronę (zazwyczaj jest to strona ostrzegająca użytkownika, że wybrana nazwa jest już zajęta).
-
W panelu Zachowania serwerowe (Okno > Zachowania serwerowe), kliknij przycisk Plus (+), a następnie wybierz opcję Uwierzytelnianie użytkownika >Sprawdź nową nazwę użytkownika z wyskakującego menu.
-
Z wyskakującego menu Pole nazwy użytkownika wybierz pole tekstowe formularza, w które twoi odwiedzający będą wpisywali nazwę użytkownika.
-
W polu dialogowym Jeżeli już istnieje, skocz do określ stronę, która będzie otwiera w momencie, kiedy zostanie znaleziona pasująca nazwa w bazie użytkowników, a następnie kliknij przycisk OK.
Otwarta strona powinna ostrzec użytkowników, że ta nazwa użytkownika jest juz zajęta i pozwolić im spróbować jeszcze raz.
