Prawidłowe opracowanie zasobu sieciowego, wygodne umieszczanie elementów na stronie, wykorzystanie pracy profesjonalnego projektanta, doświadczona wiedza koordynatora projektu i bogate doświadczenie w programowaniu w Internecie - wszystko to jest bardzo ważne. Rewitalizacja strony, zastosowanie inteligentnej technologii prezentacji informacji, dynamicznego systemu zdarzeń i wygodnego dialogu jest ważniejsza przy kilku zamówieniach. Głównym wydarzeniem jest przybycie gościa. Jeśli odwiedzający pozostał na stronie, uzyskał pożądany wynik i przyniósł kilkunastu kolegów, przyjaciół lub przypadkowych znajomych - strona działa dobrze, "odpowiada za ich słowa" i wykonuje niezbędne działania.

Spektrum i znaczenie zdarzeń

Wydarzenia HTML są dobrze skonstruowaną koncepcją. Elementy strony mogą generować zdarzenia. Deweloper ma mechanizm do rozprzestrzeniania zdarzeń do wstawiania elementów.


Główne wydarzenia to niewiele, ale opcje ich zastosowania i kombinacji - dużo. Realne zadania wymagają tworzenia unikalnych algorytmów przetwarzania zdarzeń. W tej tabeli przedstawiono najważniejsze wydarzenia. W konkretnej aplikacji mogą być rzeczywiste inne całkowicie różne przeglądarki, na przykład z przeglądarki: wydruki onafter, onbeforeonload, onmessage itd. W przypadku formularzy: oncontextmenu, onforminput i oninvalid. Jest wiele rzeczy, ale aby ożywić stronę, wystarczy dość, że podświetlono ją w tabeli. Nie wszystkie zdarzenia powinny być używane. Na przykład możesz spędzić swój własny czas i upewnić się, że masz wystarczająco dużo zdarzeń HTML onclick: używanie ondblclick jest niepraktyczne. Szczególnie zaskakujący jest fakt, że ondblclick wygląda na smartfonach i tabletach. Jak zawsze, prostota -klucz do sukcesu. Przy przekazywaniu informacji i przetwarzaniu zdarzeń ta zasada ma ogromne znaczenie.

Logika strony i jej zdarzeń

Najważniejsze dla strony - logika pracy. Korzystanie z dowolnego popularnego systemu zarządzania stronami (CMS) ogranicza programistę, ale przyspiesza proces tworzenia. Stwórz swój własny niepowtarzalny dialog z gościem może tylko na „ręcznie” jest wykonany z „scratch” przy tworzeniu własnej koncepcji witryny opartej na własnej badań podstawowych, a nie od osób trzecich szablony, wzory, ram i biblioteki:

Praca - zawsze unikalny i prawdziwy;

projektowanie i prezentacja informacji - niepowtarzalny styl;

Proces decyzyjny (dialog) jest dynamicznym "inteligentnym" procesem komunikacji.

Każdy, nawet najlepszy CMS zawsze nakłada na twórcę i właściciela strony własny styl pracy. To nie jest czuły dialog ze szczególnym gość (dialog sama dostosowuje by), a korzystanie z serwisu w sposób zwyczajowo przyjęty w danej dziedzinie zadań w „sensie” konkretnego CMS. Na przykład witryny sklepów internetowych znajdują się na tej samej powierzchni, gdy są wykonane na dowolnym popularnym systemie CMS, i żaden z nich nie może pomóc w rozsądnym wyborze lodówki lub pralki, a tym bardziej komputera. Wyszukiwarki nigdy nie dają "inteligentnej" ekstradycji. W obu przypadkach, aby uzyskać pożądany efekt, odwiedzający musi sam myśleć i podejmować decyzje.

Prosta forma: przykład przetwarzania zdarzeń

Wystarczy użyć wymienionych zdarzeń HTMLożywić stronę. Ten przykład pokazuje zwykły formularz logowania. Używa elementu wyboru HTML i zdarzeń na elementach div, aby się zalogować i go odrzucić. Zazwyczaj formularz logowania nie używa selektora z listy tematów pracy, ale w niektórych przypadkach wygodnie jest używać klasyfikacji użytkownika według kategorii i uprawnień. Na przykład może mieć sens, gdy poziom umiejętności odwiedzającego jest generowany przez ocenę na stronie, która daje odwiedzającym więcej praw i możliwości.

Cechy elementów

Zdarzenia mogą być przypisane do praktycznie dowolnego elementu, a jeśli nie ma takiej możliwości, możesz po prostu kontrolować ruch myszy nad ekranem. I opracować niezbędne wydarzenia. Na przykład na ekranie znajduje się mapa miasta. Gość wymieszy wskaźnik, aw osobnym oknie od razu pojawi się informacja o ulicy, numerze domu, obiekcie i ich cechach. Należy zauważyć, że niektóre elementy lepiej nie są wyposażone w programy obsługi zdarzeń. W szczególności, w powyższym przykładzie zawieś handler na select - nie jest poprawny. Chociaż, jeśli zrobi się to świadomie, programista powinien mieć pojęcie o tym, co robi. Podobnie możemy powiedzieć o zdarzeniach przycisku HTML. Sam formularz powoduje przetworzenie zdarzenia. Dodanie tego standardowego przetwarzania do innego programu obsługi nie jest obiecujące. Zawieszanie do przetwarzania znacznika "a" również nie jest zbyt interesujące. Sam link tworzy przejście i powoduje przetworzenie zdarzenia, dodatkowy moduł obsługi może powodować niepewność lub nieprzewidywalne zachowanie.

Wprowadzenieinformacja

Najbardziej pożądane zastosowanie zdarzeń na elementach formularzy. Znacznik wejściowy HTML - zdarzenia pozwalające na bieżąco kontrolować zachowanie użytkowników. Każde pole wprowadzania danych mogą śledzić wydarzenia: „onblur” - utrata ostrości - i zrobić krok z danymi konwersji do postaci, wysyłać informacje do serwera lub do przeprowadzenia walidacji i powróci ostrość „w miejscu” do odpowiedniego wejścia. Pierwsze ostrości «onfocus» jest ciekawe wydarzenie, może zaoferować odwiedzającym wartość domyślna lub obliczona wartość pola dostał skupić się na zawartości innych pól.

Mianowanie programów obsługi

javascript daje programistom możliwość przypisywania procedur obsługi zdarzeń w dynamice. Zgodnie z ogólną zasadą, jak pokazano w powyższym przykładzie, w elemencie HTML można określić obsługę zdarzeń - funkcję w javascript. Dzięki mechanizmowi AJAX możesz przekierować przetwarzanie zdarzeń na serwer. W rzeczywistości programista może kontrolować zachowanie użytkownika podczas pracy tego ostatniego, ładując niezbędne informacje w razie potrzeby. Przenoszenie zdarzenia myszy lub klawiatury może prowadzić do wysyłania żądań do serwera i zmiany elementów strony. Drzewo elementów strony DOM nie jest dogmatem, a nie projektem utworzonym po załadowaniu strony HTML. Każda procedura obsługi zdarzenia tagu HTML może powodować modyfikowanie tych tagów. Jest to całkowicie normalna operacja.

W tym przykładzie procedury obsługi są przypisywane podczas wykonywania skryptu, a gdy tracą swoją potrzebę - są usuwane. javascript pozwala ci tworzyć nie tylko programy obsługi zdarzeń, ale takżeElementy DOM. W tym przypadku jest tylko jeden problem: programista musi sobie wyobrazić pracę strony w dynamice. To dość trudne. Najlepszą stroną HTML jest jeden tag, na przykład "Hello", chociaż w praktyce ten moduł może być wyposażony w semantykę zasobów sieci Web, obszaru tematycznego lub zadania.

Przybył gość - a strona została zdeterminowana treścią

. Gdy tylko odwiedzający wejdzie na stronę, ten drugi zacznie się formować pod nią. To idealna opcja. Prosty przykład: wyszukiwarka. Jeśli odwiedzający już tu był i można go jednoznacznie zidentyfikować, idealnym rozwiązaniem byłoby natychmiastowe wystawienie nie standardowej strony witryny, ale jednego wariantu, w którym odwiedzający ukończył poprzednią sesję. Wydarzenia HTML i możliwość pracy z plikami cookie dają programistom możliwość zapamiętania odwiedzającego i zawsze reagują na to, co może chcieć. Oprócz pamięci zdarzenia umożliwiają organizację "wycofywania": anulowanie transakcji - ważne uzupełnienie każdego zasobu. Standard HTML jest "pozbawiony" pamięci, ale można go łatwo emulować za pomocą zdarzeń i mechanizmu AJAX.

Priorytet logiki pracy

Stwórz piękną i nowoczesną stronę - nie problem. Podczas korzystania z popularnego CMS generalnie trwa to 15-20 minut. Istnieje jednak różnica między natychmiastową witryną a zasobem internetowym, za który upłynął miesiąc, trzy, a nawet rok. Klient zawsze chce wszystkiego naraz, ale wszystko naraz - to tylko informacja i projekt. To nie wystarczy do dynamicznego przyciągnięcia uwagi klienta. Logika strony -biorąc pod uwagę zainteresowania odwiedzających, zdarzenia HTML nie koncentrują się na obsłudze znaczników strony, ale na określaniu zainteresowań i życzeń klienta. Poznaj klienta w twarz i odgadnij przebieg jego myśli - dobra strategia dla wysokiej jakości zasobów internetowych.