Konfiguracja sprzętu i oprogramowania

Wybór narzędzi do tworzenia aplikacji internetowych. Narzędzia do efektywnego tworzenia aplikacji internetowych: samouczek

Wstęp

Wpływ globalnej sieci komputerowej Internet na współczesny świat nie ma historycznych analogów. Jego współczesność to początek ery elektronicznego przenikania do wszystkich sfer ludzkiego życia, to coś więcej niż tylko kampania marketingowa, to podstawa nowej filozofii i nowej strategii biznesowej.

Logiczne jest założenie, że z punktu widzenia reklamy produktów lub usług Internet jest najważniejszym zasobem. Większość współczesnych ludzi korzysta z Internetu jako najbardziej dostępnego źródła informacji.

Tworzenie witryn internetowych to jedna z najważniejszych technologii rozwoju zasobów internetowych. Dobra strona, pochłaniająca wszystko przydatna informacja, jest najlepszą wizytówką zarówno firmy handlowej, jak i instytucji edukacyjnej, pracującej dla nich o każdej porze dnia.

Po przeanalizowaniu kilku stron dostarczających wsparcie informacyjne małe przedsiębiorstwa pod względem zgodności z ich celami, wymaganiami psychofizjologicznymi i zawartością informacji, a także poprawnością doboru narzędzi rozwojowych, można wyróżnić następujące charakterystyczne braki:

niezgodność strony z wymaganiami psychofizjologicznymi, co prowadzi do zwiększonego zmęczenia lub rozproszenia uwagi;

Pasja do animacji, obrazów graficznych i fragmentów wideo, które nie niosą obciążenia semantycznego, automatycznie pociąga za sobą zmniejszenie liczby potencjalnych odwiedzających witrynę, ponieważ zwiększa wymagania dotyczące przepustowości łącza internetowego i natężenia ruchu;

nadmiarowość lub brak dostarczonych informacji;

Nieprawidłowy dobór narzędzi programistycznych, co pociąga za sobą nieuzasadniony wzrost kosztów gotowego produktu.

Tak więc definicja funkcjonalności narzędzi i języków do rozwoju strony, a także wymagania psychofizjologiczne dotyczące tekstu i informacje graficzne prezentowane na ekranie monitora wydaje się pilnym zadaniem.

Ponadto teraz, gdy liczba użytkowników internetu szacowana jest na ponad 500 milionów osób (a liczba ta rośnie w tempie około 7% miesięcznie), konieczne jest poszukiwanie sposobów wykorzystania nowych technologii, które mogłyby pomóc przyciągnąć i utrzymać uwagę użytkowników podróżujących po rozległych przestrzeniach sieci.

Przedmiotem badań są technologie internetowe.

Object - środowiska i języki do tworzenia aplikacji internetowych.

Celem tej pracy jest zbadanie możliwości praktyczne użycie języki i narzędzia do tworzenia aplikacji internetowych.

1) rozważyć podstawowe koncepcje technologii internetowych;

2) podać różne klasyfikacje aplikacji internetowych wykorzystywanych w działalności gospodarczej;

3) rozważyć psychofizyczne wymagania dla aplikacji internetowych;

4) określić zakres języków programowania do tworzenia aplikacji internetowych;

5) analizować funkcjonalność środowisk do tworzenia aplikacji internetowych.

Do zadania stworzenia własnej „reprezentacji internetowej” warto podejść odpowiedzialnie. Strona powinna być łatwa w obsłudze - strony powinny ładować się jak najszybciej, a sam zasób powinien mieć logiczną i zrozumiałą strukturę. Tylko w takim przypadku możesz liczyć na to, że odwiedzający zainteresuje się podanymi informacjami i pozostanie na stronie.

Rozwój nowoczesnej technologii komputerowej i wprowadzenie najnowszych technologii położył podwaliny pod nowy kierunek życia na Ziemi. W dość krótkim czasie w rozwoju mikroelektroniki i cybernetyki zaszło wiele zmian.

Postępy w technologii dały początek nowym produkty oprogramowania. Z roku na rok wprowadzanych jest coraz więcej języków programowania. Wszystkie są nastawione przede wszystkim na grupę docelową.

Rozwijają się nie tylko komputery, ale także sieci. Jeśli kilkadziesiąt lat temu Internet był małą siecią prywatną, teraz jest gigantycznym systemem połączonych ze sobą komputerów, bez którego być może nie wyobrażamy sobie życia.

Internet to nie tylko „fajny basen”, w którym bardzo „przegrzani” ludzie czują się tak komfortowo, ale także miejsce, w którym można „dotknąć” niemal każdego gorącego tematu bez obawy o poparzenie.

Technologia internetowa całkowicie zmieniła ideę pracy z informacją i ogólnie z komputerem. Okazało się, że tradycyjne parametry zabudowy Informatyka- wydajność, wydajność, pojemność magazynowa - nie uwzględniała głównego "wąskiego gardła" systemu - interfejsu z osobą. Przestarzały mechanizm interakcji człowieka z systemem informatycznym utrudniał wprowadzanie nowych technologii i ograniczał korzyści z ich stosowania. Dopiero gdy interfejs między człowiekiem a komputerem został uproszczony do naturalnego postrzegania zwykłego człowieka, nastąpiła bezprecedensowa eksplozja zainteresowania możliwościami technologii komputerowej.

Informacje dostępne dla internautów znajdują się na komputerach (serwerach WWW), na których zainstalowane jest specjalne oprogramowanie. Wiele z tych informacji jest zorganizowanych w postaci witryn sieci Web. Każdy z nich ma swoją nazwę (adres) w Internecie. Witryna sieci Web to informacje prezentowane w określonej formie, które znajdują się na serwerze sieci Web i mają własną nazwę. Do przeglądania stron internetowych na komputerze użytkownika wykorzystywane są specjalne programy zwane przeglądarkami. Obecnie najpopularniejsze przeglądarki to Internet Explorer i Netscape Navigator. W zależności od tego, jaką nazwę witryny ustawimy w wierszu „Adres”, przeglądarka załaduje do swojego okna odpowiednie informacje.

Witryna internetowa składa się z połączonych stron internetowych. Strona internetowa to plik tekstowy z rozszerzeniem *.htm, który zawiera informacje tekstowe oraz specjalne polecenia - kody HTML określające sposób wyświetlania tych informacji w oknie przeglądarki. Wszystkie informacje graficzne, audio i wideo nie są bezpośrednio zawarte na stronie internetowej i stanowią osobny plik (Rysunek 1 Załącznik A).

Współczesne aplikacje webowe to w zasadzie portale udostępniające usługi, do których nie można uzyskać dostępu z dowolnego miejsca, a jedną z wad takich usług jest trudność w wymianie informacji między firmami. W szczególności, nawet dane kontaktowe i inne dane osobowe muszą być ponownie wprowadzone na każdej takiej stronie.

Obecnie pod względem przeznaczenia wyróżnia się trzy główne typy portali:

· Portale publiczne lub horyzontalne (czasami nazywane megaportalami), takie jak Yahoo, Lycos, Excite, Rambler. Takie portale są często efektem rozwoju Wyszukiwarki. Przeznaczone są dla jak najszerszego grona odbiorców, co znajduje odzwierciedlenie w treści dostarczanych przez nie informacji i usług. Z reguły informacje te mają charakter ogólny, podobnie jak świadczone usługi (e-mail, biuletyny itp.).

· Portale pionowe. Portal tego typu jest przeznaczony dla konkretnych rodzajów rynku i służy odbiorcom korzystającym z usług tego rynku lub pracującym na nim. Przykładami takich portali są np. biura podróży, które świadczą usługi w zakresie rezerwacji hoteli, zamawiania i dostarczania biletów, dostępu do map i informacji o trasach dojazdu, czy portale B2B (business-to-business) umożliwiające swoim klientom realizację wspólnego biznesu operacje (np. wybieranie dostawców i kupowanie towarów, przeprowadzanie aukcji).

· Portale korporacyjne przeznaczone są dla pracowników, klientów i partnerów jednego przedsiębiorstwa. Użytkownicy takiego portalu uzyskują dostęp do przeznaczonych dla nich usług i aplikacji, w zależności od ich roli i profilu osobistego.

Inne najpopularniejsze aplikacje internetowe:

· Regionalne portale internetowe, uniwersalne w ich kierunku, ale ograniczone geografią zainteresowanych odwiedzających (e1.ru);

· Wyszukiwarki to portale internetowe, których celem jest umożliwienie odwiedzającym znalezienia stron, na których znajdują się dane słowa lub całe frazy (metabot.ru);

· Katalog to zbiór linków do witryn. Dlaczego potrzebujemy katalogów, jeśli jest wyszukiwanie? Bardzo często nie wiemy dokładnie, czego potrzebujemy, nie możemy tego sformułować w kilku słowach (mail.ru);

· Elektroniczne tablice ogłoszeniowe – są miejscem w Internecie, gdzie prawie każdy może zostawić informacje w celach informacyjnych, zapraszających lub promocyjnych;

· Fora to specjalne witryny lub sekcje w witrynach, które służą odwiedzającym do wymiany opinii poprzez pozostawienie wiadomości;

· Czaty – są kolejnym miejscem komunikacji w Internecie, jedynie jego celem nie jest wymiana poglądów na jakiś temat, a po prostu rozrywka;

· Pliki do pobrania;

· Galerie zdjęć;

Elementy statystyki;

Magazyn online różne informacje;

· Serwery list mailingowych, oferują usługi dostarczania informacji szerokiemu gronu czytelników (subscribe.ru);

· Sklepy internetowe i aukcje (ozon.ru, molotok.ru).

Punktem wyjścia w projekcie internetowym jest analiza celów serwisu i funkcji, które będą oferowane użytkownikowi.

Drugim etapem będzie budowa architektury informacyjnej serwisu.

Po zapoznaniu się ze wszystkimi materiałami witryny i jej strukturą można przejść do projektowania nawigacji i samych stron.

Umieść dobrze widoczny link do mapy witryny na każdej stronie. Strona wyświetlania mapy nie powinna przekraczać dwóch stron na ekranie użytkownika. Stosowane są dwa rodzaje map: statyczne i dynamiczne. Najskuteczniejsze jest użycie mapy ze statyczną prezentacją architektury informacji, ponieważ widok dynamiczny wprowadza użytkownika w jeszcze większe zamieszanie. Mapa została stworzona w celu lepszej orientacji użytkownika, dlatego mapa musi pokazywać nie tylko aktualną pozycję użytkownika w serwisie, ale również te sekcje, które już odwiedził.

Strona główna serwisu internetowego firmy jest awersem serwisu, zwróconym w stronę całej sieci (Rysunek 2 Załącznik B). Strona główna jasno określa cele firmy, a każdy element projektu powinien pozwolić użytkownikowi lepiej zrozumieć witrynę i określić kolejność działań w celu rozwiązania jego problemów.

Odkąd strona główna większość użytkowników rozpoczyna swoją podróż po witrynie. Jednocześnie nasza strona powinna być wykonana w taki sposób, aby osoby, które trafiają na stronę przez deep link, czuły się komfortowo. Aby to zrobić, musisz umieścić na każdej stronie witryny:

nazwa firmy lub logo w lewym górnym rogu

indywidualne hasło na stronę, składające się z jednego zdania

Nie można założyć, że użytkownik jest włączony ta strona od początku do końca. Możliwe, że nie widział informacji, które wskazaliśmy na stronach najwyższego poziomu hierarchii. W przypadku głębokich linków musimy zorientować użytkownika na miejsce, powiedzieć mu, gdzie jest teraz na stronie, wskazując link do łańcucha na stronie. Jeśli istnieje potrzeba, aby jakaś strona nie była indeksowana w wyszukiwarkach należy wpisać w elemencie "HEAD" .

W sekcji „O nas” należy podać podstawowe informacje o firmie:

· skład linku najwyższego kierownictwa (z listą bibliograficzną i zdjęciami);

· Informacje kontaktowe;

filozofia organizacji (wizja biznesowa, relacje ze społeczeństwem, aspiracje);

główne historyczne kamienie milowe;

Długie wyjaśnienie na górze strony „O nas” pomaga użytkownikowi lepiej zrozumieć, co zawiera ten materiał informacyjny.

Tekst musi być łatwy do odczytania zarówno dla młodych, jak i starszych użytkowników, dlatego musimy określić rozmiar czcionki w jednostkach względnych, a nie bezwzględnych, ponieważ rozmiar zależy od wyboru użytkowników. Jednocześnie tekst powinien całkowicie zmieścić się na stronie, bez względu na to, jak denerwujące jest stosowanie poziomego przewijania stron witryny.

Użytkownicy rzadko czytają strony internetowe słowo po słowie. Przy pierwszym obejrzeniu doszukuje się faktów i ignoruje szczegóły, ale po znalezieniu interesującego materiału może wejść głębiej. Przybliżony schemat wyświetlania strony wygląda tak: pierwsza linia jest skanowana w poziomie w całości, następna nie jest skanowana do pełnej głębokości, a z każdą kolejną linią wyrywanie informacji jest coraz bardziej redukowane.

Dlatego użytkownicy często przeglądają tylko górę artykułu. I tylko najbardziej zainteresowanych czytelników przewinie stronę i tylko ci nieliczni zrozumieją historię artykułu we wszystkich jego szczegółach. Dlatego ważne jest, aby zastosować „zasadę odwróconych piramid”, która polega na tym, że artykuł zaczyna się „wnioskiem”, po przesłaniu o najważniejszych informacjach, a na końcu tło wydarzenia jest dany.

Aby strony były łatwe do przeglądania, użyjemy:

dobór słów kluczowych;

Dobrze napisane nagłówki

· listy ze znacznikami;

jeden akapit na pomysł (użytkownicy pominą wszystkie inne pomysły, chyba że przyciągną ich główne słowa akapitu);

styl odwróconej piramidy (gdzie artykuł zaczyna się od zakończenia);

mniej słów niż w zwykłym artykule;

minimum źle rozumianych terminów;

Wskazanie daty utworzenia wiadomości (aby wiedzieć na jak długo, jest to aktualne w danej chwili);

informacje kontekstowe atrybutu „ALT”.

Tytuły elektroniczne są często wyświetlane bez kontekstu:

na liście artykułów na stronie;

w nagłówkach wiadomości E-mail;

W wynikach wyszukiwania

w zakładkach przeglądarki.

Jednocześnie użytkownicy nie muszą mieć żadnej super wiedzy, aby zrozumieć nasz nagłówek, jeśli pominą tekst pod nagłówkami. Z tego powodu tekst tytułowy powinien być samodzielną informacją, która czyni go zrozumiałym w przypadku braku reszty treści. Pisząc tytuł należy używać neutralnego języka, a nie używać: kalamburów, „sztuczek”, „przynęty”, wielkich liter (bo wydaje się, że krzyczymy na użytkownika)

Użytkownicy wolą sensowne nagłówki. Im krótsze mikro treści, tym łatwiej je przeglądać. Konieczne jest wykluczenie użycia tego samego słowa na początku każdego artykułu i nazwy strony, ponieważ przy jednoczesnym korzystaniu z kilku takich artykułów trudno będzie wybrać potrzebny artykuł na panelu lub zakładkach.

Poproszony o podanie nam adresu e-mail, należy powiedzieć tu i teraz, co dokładnie otrzyma użytkownik i jak często będziecie zakłócać spokój jego skrzynki pocztowej. Linki mailto należy wykorzystywać w taki sposób, aby było jasne, że mamy do czynienia z adresem pocztowym. Nie publikuj linków pocztowych na nazwiskach, ponieważ kliknięcie nazwiska powinno spowodować przejście do ich biografii. W przypadku komunikacji za pośrednictwem poczty e-mail nie ma powodu, aby posługiwać się imieniem i nazwiskiem jednego z pracowników, chyba że użytkownik nawiązał z nim osobistą relację (listy od nieznanych osób najczęściej trafiają do kosza).

W celu zwiększenia wiarygodności serwisu konieczne jest użycie wysokiej jakości obrazów graficznych. W takim przypadku domyślnie nie należy używać dużych obrazów. Wskazane jest używanie miniatur, aw razie potrzeby powiększanie ich tak, jak sobie tego życzy użytkownik. Miniatury powinny zawierać wszystkie podstawowe informacje o obrazie. Lepiej byłoby użyć na stronie zdjęć prawdziwych pracowników i klientów, a nie fotomodelek z olśniewającym hollywoodzkim uśmiechem. Niezbędne jest również stosowanie dobrego stylu pisania i wychodzących linków hipertekstowych do innych stron. Nie ma potrzeby używania „wody reklamowej”, ponieważ niesie ona dodatkowy ładunek emocjonalny, a użytkownicy muszą spędzać czas na odsiewaniu hiperboli od rzeczywistych faktów.

Klasycznym sposobem na zwiększenie zaangażowania w witrynę jest publikowanie nowych treści w regularnych odstępach czasu (od dnia do miesiąca). Dla chętnych konieczne jest zorganizowanie dystrybucji świeżego materiału. Prawie 100% subskrybentów będzie okresowo odwiedzać samą witrynę, podczas gdy autor przypomina im o sobie.

Projekt strony powinien być dostosowany do ludzi. Jedną z opcji takiego urządzenia jest profil, ale jego wypełnienie wymaga cierpliwości, dlatego wypełniają go znani odwiedzający witrynę. Dlatego do śledzenia użytkowników lepiej jest użyć „cookie”, w którym wprowadzane są wszystkie niezbędne informacje, niż żmudnej procedury rejestracji. Jeśli rejestracja jest nadal niezbędna do bezpiecznego działania, nie należy tworzyć zbyt rygorystycznych formularzy zgłoszeniowych. Jeśli to możliwe, użyj autouzupełniania i automatycznie ustaw kursor w pierwszym polu formularza.

Nie jest konieczne tworzenie formularzy do wyszukiwania w Internecie, jeśli użytkownik tego potrzebuje, użyje specjalnej wyszukiwarki.

Linki powinny być przewidywalne, użytkownik powinien wiedzieć, co się stanie, jeśli kliknie w link. Wyraźnie wskaż, co to jest łącze: jeśli jest to tekst, pokoloruj go lub podkreśl. Nie ukrywaj różnic między linkami odwiedzonymi i nieodwiedzonymi. Buduj linki z założeniem, że wyszukiwarki są najważniejszymi gośćmi, a oni są głusi i ślepi na zaawansowane technologie. Zaprojektuj tagi „tytuł” ​​tak, aby dobrze wyglądały w wyszukiwarkach i zakładkach, więc musisz zaczynać linki od słowa kluczowego.

Nie zezwalaj na wyświetlanie uszkodzonych linków, ponieważ w takim przypadku inne witryny i wyszukiwarki nie będą do nas odsyłać.

Podczas poruszania się po witrynie pozwól użytkownikowi wybrać sposób otwierania stron, w wyskakujących okienkach lub w inny sposób.

W SIECI użytkownicy nie zwracają uwagi na nic poza swoim celem, a reklamy, które odciągają ich od osiągnięcia celu, są przez nich po prostu ignorowane. Jeżeli nasze ogłoszenie pojawi się zanim użytkownik znajdzie interesujący go materiał, to najprawdopodobniej zostanie zamknięte. A kiedy wykona swoje główne zadanie i będzie gotowy przyjrzeć się reklamie, po prostu jej już nie zobaczy, bo zamknął wyskakujące okienko. Dlatego nigdy nie należy odwracać uwagi użytkownika od celu.

Gdy użytkownik wpisze słowo zapytania w wyszukiwarce, reklamy pojawiające się na liście wyników zapytania będą bezpośrednio związane z tym, czego szuka dana osoba. I tak czyta te reklamy i klika w linki. Taka reklama jest znacznie tańsza niż dystrybucja ulotek.

Tak więc sekretem sukcesu jest dopasowanie reklam do celów użytkownika.

Brak przycisku „Zamknij”;

sztuczki, które sprawiają, że klikasz;

wyraźnie wskaż, co się stanie po kliknięciu;

· podaje dodatkowe informacje o sobie bez konieczności opuszczania bieżącej strony.

Do przeprowadzenia prac ewaluacyjnych konieczne jest zaangażowanie od trzech do pięciu uczestników. Każdy z nich działa indywidualnie. Następnie ich wyniki są porównywane i wyciągane z jednego wniosku. Test przeprowadzany jest w dwóch etapach:

1) zrozumienie, jak działa interfejs;

2) koncentracja uwagi na niektórych elementach.

Niezbędna jest osobna wzmianka o każdym problemie, bez względu na to, jak będzie się powtarzał w przyszłości.

Narzędzia do tworzenia aplikacji internetowych

Zastosowania języków programowania do tworzenia aplikacji internetowych

Hipertekstowy język znaczników, lub częściej nazywany HTML, to język komputerowy leżący u podstaw sieci WWW. Dzięki językowi HTML każdy tekst można oznaczyć poprzez przekształcenie go w hipertekst z późniejszą publikacją w sieci.

HTML ma własny zestaw znaków, których przeglądarki WWW używają do wyświetlania strony. Te symbole, zwane deskryptorami, zawierają elementy potrzebne do tworzenia hiperłączy.

Jedną z cech wyróżniających dokumenty HTML jest to, że sam dokument zawiera tylko tekst, a wszystkie inne obiekty są osadzane w dokumencie w momencie wyświetlania go przez przeglądarkę za pomocą specjalnych znaczników i przechowywane oddzielnie. Podczas zapisywania pliku HTML w lokalizacji dokumentu tworzony jest folder, w którym umieszczane są towarzyszące mu elementy projektu graficznego.

Przede wszystkim PHP służy do tworzenia skryptów, które działają po stronie serwera, do tego tak naprawdę to wymyślili. PHP jest w stanie wykonywać te same zadania, co inne skrypty CGI, w tym przetwarzać dane formularzy html, dynamicznie generować strony html itp. Ale są też inne obszary, w których można używać PHP.

Drugi obszar to tworzenie skryptów uruchamianych z wiersza poleceń. Oznacza to, że za pomocą PHP można tworzyć takie skrypty, które będą wykonywane, niezależnie od serwera WWW i przeglądarki, na określonej maszynie.

Ostatnim obszarem jest tworzenie aplikacji GUI (interfejsów graficznych), które działają po stronie klienta.

Ajax to skrót od Asynchronous Javascript and XML (Asynchronous Javascript and XML) i nie jest technologią w ścisłym tego słowa znaczeniu. Jeśli w standardowej aplikacji webowej serwer przetwarza wszystkie informacje, podczas gdy przeglądarka odpowiada jedynie za interakcję z użytkownikiem, przesyłanie żądań i wyprowadzanie przychodzącego HTML, to w aplikacji Ajax między użytkownikiem a serwerem pojawia się kolejny pośrednik – Silnik Ajax. Określa, które żądania mogą być przetwarzane „na miejscu”, a które muszą być adresowane do serwera.

Zmieniło się również zachowanie serwera. Jeśli wcześniej serwer wystawiał nową stronę dla każdego żądania, teraz wysyła tylko te dane, których potrzebuje klient, a HTML z nich tworzy silnik Ajax bezpośrednio w przeglądarce.

Asynchroniczność objawia się tym, że nie każde kliknięcie użytkownika trafia na serwer, i odwrotnie – nie każda reakcja serwera jest spowodowana żądaniem użytkownika. Większość żądań jest generowana przez silnik Ajax i można go napisać w taki sposób, aby ładował informacje w oczekiwaniu na działania użytkownika.

Gdzie używać Ajaksu:

· Formularze. Są bardzo powolne. Jeśli wysyłasz dane asynchronicznie, strona nie zostanie ponownie załadowana.

· Nawigacja w formie „drzewa”. Generalnie taka nawigacja jest okropna. Prosta topologia jest znacznie wygodniejsza, ale jeśli już do tego dojdzie, lepiej użyć Ajax.

· Filtry. Często w witrynach sortują według daty, nazwy. Ajax będzie znacznie wygodniejszy.

JavaScript

Język programowania JavaScript został opracowany przez firmę Netscape do tworzenia interaktywnych dokumentów HTML. Jest to język zorientowany obiektowo do tworzenia aplikacji osadzonych, które działają zarówno po stronie klienta, jak i po stronie serwera. Składnia języka jest bardzo podobna do składni Javy, dlatego nazywa się go podobnym do Javy.

Główne zastosowania JavaScriptu dzielą się na następujące kategorie:

· dynamiczne tworzenie dokumentu za pomocą scenariusza;

· szybkie sprawdzenie ważność pól formularza HTML wypełnionych przez użytkownika przed wysłaniem ich na serwer;

Tworzenie dynamicznych stron HTML w połączeniu z Cascading Style Sheets i Document Object Model;

interakcja z użytkownikiem podczas rozwiązywania zadań „lokalnych” rozwiązywanych przez aplikację JavaScript osadzoną na stronie HTML.

VBScript

Język skryptowy VBScript został opracowany przez Microsoft i jest podzbiorem języka Visual Basic, który jest dość powszechny wśród programistów do tworzenia aplikacji Windows. Podobnie jak jego rodzic, VBScript jest dość prosty i łatwy do nauczenia.

Zaletą jego zastosowania do skryptów jest możliwość użycia, z niewielkimi poprawkami, wcześniej napisanych procedur w Visual Basic i Visual Basic for Application.

Funkcjonalność skryptów napisanych w VBScript nie różni się od funkcjonalności skryptów JavaScript: dynamiczne tworzenie dokumentu lub jego części, przechwytywanie i przetwarzanie zdarzeń i tak dalej.

VBScript jest używany do obsługi skryptów klienta (w takim przypadku przeglądarka musi mieć wbudowany interpreter VBScript) oraz do obsługi skryptów serwera (w takim przypadku serwer musi obsługiwać VBScript).

Do tworzenia skryptów klienckich używa się zestawu obiektów podobnych do JavaScript. Obiekty klienta i serwera różnią się, ale istnieje wspólna część (rdzeń) obiektów używanych do tworzenia zarówno skryptów klienta, jak i skryptów serwera.

Perl jest najczęściej używany do tworzenia narzędzi do administrowania systemem, ale ostatnio zyskał ogromną popularność w obszarze tworzenia aplikacji internetowych: skryptów CGI, systemów automatyzacji poczty e-mail i obsługi witryn internetowych.

Oto kilka przykładów zadań, które można wykonać w Perlu:

· Sprawdzanie użytkowników Windows NT pod kątem niespójności w ich statusie i możliwościach;

· zarządzanie usługami NT z wiersza poleceń i zdalnie z komputera lokalnego, pozyskiwanie danych statystycznych na oddzielnej maszynie;

Może również współpracować z protokołem FTP;

· Obsługa systemów UNIX i Windows.

Obecnie w sieci WWW istnieje kilka milionów witryn sieci Web, a ich liczba stale rośnie. Każdy ma możliwość nie tylko obejrzenia dowolnego z nich i wydobycia dla siebie przydatnych informacji, ale także brania aktywnego udziału w ich tworzeniu. Duże znaczenie ma środowisko, w którym nastąpi rozwój.

Macromedia nadal sprawia, że ​​program Dreamweaver jest intuicyjny i łatwy w użyciu. Potężne narzędzia z jednej strony i łatwość obsługi z drugiej sprawiają, że produkty Macromedia są idealnym pakietem oprogramowania zarówno dla profesjonalnych projektantów stron internetowych, jak i początkujących. Produkty zawarte w pakiecie Macromedia, takie jak: Flash, Firework, Dreamweaver - sprawią, że Twoja praca stanie się bardziej wydajna, a jednocześnie mogą się wzajemnie zastępować (np. możesz tworzyć przyciski w dowolnym z nich). Produkty takie jak: Sitespring, FreeHand - zwiększą wydajność pracy z klientem.

Dreamweaver ma wiele zalet:

Dreamweaver obsługuje czysty kod HTML oraz najnowsze rozszerzenia DHTML i CSS.

Zawiera doskonałe narzędzia do automatycznego zarządzania łączami, co oznacza, że ​​przy każdym ruchu plików w środowisku wszystkie łącza są przywracane automatycznie. Blokowanie sekcji strony ma na celu ochronę ich przed niezamierzonym uszkodzeniem.

Umożliwia cofnięcie zmian dokonanych kilka kroków wstecz (jednak po zapisaniu strony nie będzie można cofnąć zmian).

Stosowana jest „kontrola dynamiczna dla różnych przeglądarek”.

Obsługuje rozszerzenia, zarówno deweloperów zewnętrznych, jak i samą firmę Macromedia (ponad 500).

Dreamweaver zawiera bibliotekę elementów, których możesz używać na swoich stronach internetowych, takich jak pasek nawigacji, deskryptor praw autorskich i inne.

Służy do dodawania multimediów do stron internetowych i różnych typów plików od Flash i Java do RealAudio, elementów interaktywnych takich jak wyszukiwarki, fora, systemy e-commerce.

Dreamweaver nie ma natywnych narzędzi do tworzenia obrazów. Przedstawia tylko najprostsze narzędzia do edycji, dlatego do tworzenia i edycji obrazów potrzebujemy specjalnych edytorów graficznych.

Dreamweaver umożliwia usuwanie niepotrzebnego kodu z aplikacji firmy Microsoft, dzięki czemu strony będą ładować się szybciej i lepiej wyświetlać się w różnych przeglądarkach.

Fireworks to edytor grafiki z możliwością dalszej optymalizacji i publikowania ich w sieci. Korzystanie z szerokiej gamy narzędzia, możemy tworzyć i edytować zarówno grafikę wektorową, jak i rastrową w tym samym pliku, zamiast przełączać się z jednego programu do drugiego. Program Fireworks generuje kod HTML i JavaScript oraz może łatwo tworzyć dynamiczne menu i paski nawigacyjne dla naszych stron internetowych. Skuteczna optymalizacja plików graficznych pozwala maksymalnie zmniejszyć ich rozmiar bez utraty jakości.

Ponadto istnieje możliwość edycji układu stron WWW. Na przykład w Fireworks 8 możesz otworzyć plik graficzny na całą szerokość przyszłej witryny narysuj niezbędny projekt graficzny, a następnie wytnij go narzędziem Slice tak, jak powinna wyglądać przyszła tabela dokumentu HTML. Po tym możesz przystąpić do finalizowania poszczególnych elementów graficznych, w tym tworzenia aktywnej grafiki reagującej na kursor, bez znajomości języka programowania (JavaScript).

Jeden z trzech profesjonalnych edytory graficzne prowadzi z różnym powodzeniem w walce o prymat w pracy z grafiką wektorową. FreeHand jest znacznie szybszy i łatwiejszy niż jego konkurenci — CorelDraw i Adobe Illustrator. FreeHand doskonale nadaje się do tworzenia logo, reklam, grafik internetowych i animacji.

Producenci programu dołożyli wszelkich starań, aby życie było jak najłatwiejsze dla użytkowników: interfejs programu jest prosty i intuicyjny, istnieje wiele „gadżetów”, które pozwalają szybko i łatwo wykonywać złożone przekształcenia obiektów lub osiągnąć różnorodność efektów artystycznych. FreeHand może eksportować i importować pliki w prawie wszystkich popularnych formatach. Ponadto zawiera ustawienia klawiszy skrótów, które emulują inne popularne programy (Adobe Illustrator, CorelDraw). Nie ma więc potrzeby ponownego uczenia się, przechodząc na FreeHand.

Ciekawa i ważna funkcja FreeHand podczas pracy nad duże projekty to możliwość globalnej zmiany dokumentu, zarówno dla tekstu, jak i dla wszystkich obiektów graficznych. Globalny mechanizm zastępowania jest bardzo elastyczny. Oprócz zamiany umożliwia wybór obiektów o określonych właściwościach do późniejszej transformacji. Główne właściwości używane do wyszukiwania i zastępowania lub zaznaczania obiektów to kolor, grubość konturu, czcionka, kąt obrotu.

Dokumenty FreeHand można łatwo przekształcić w strony internetowe. Oczywiście FreeHand nie jest edytorem HTML, ale obsługuje podstawowe elementy HTML. Dzięki FreeHand łatwo jest zapewnić stronom internetowym animację Flash. Bloki tekstu, grupy obiektów, a także obiekty z konturami są wstawiane do klipu animacji. Mały klip obiektów FreeHand jest tworzony dosłownie za pomocą jednego polecenia - pozostaje tylko przestrzegać pewnych ustawień. Każda klatka klipu jest umieszczona na osobnej warstwie; efekt animacji uzyskuje się poprzez sekwencyjne odtwarzanie zawartości poszczególnych warstw. Jednak narzędzia FreeHand nie zastąpią edytora Macromedia Flash.

Tworzy atrakcyjne interaktywne prezentacje multimedialne na strony internetowe. Flash charakteryzuje się grafiką wektorową i animacją, chociaż ten program może być również używany do manipulacji lub wyświetlania grafika rastrowa, edycję materiału wideo, a nawet manipulowanie plikami dźwiękowymi.

Zawartość Flash jest publikowana jako kompaktowe pliki SWF do wyświetlania na wielu różnych platformach za pomocą programu Flash Player. Podczas odtwarzania online pliku SWF zawartość, taka jak pliki audio MP3, filmy Flash i obrazy, może być dynamicznie ładowana do pliku. Format JPEG. Flash Player umożliwia łączenie się ze źródłami danych w celu łączenia ich z bazą danych, XML lub usługami internetowymi. Dzięki tym wszystkim funkcjom przyciągające wzrok animacje i efekty można wprowadzać do aplikacji opartych na danych. Flash obsługuje antyaliasing (wygładzanie krawędzi poprzez mieszanie sąsiednich kolorów). Ponieważ ten format pliku jest oparty na grafice wektorowej, obiekt zachowuje jakość obrazu w dowolnej rozdzielczości i jest idealny do tworzenia klatek animacji.

Potężny język sterowany zdarzeniami. Użyty język ActionScript jest prawie kompletnym językiem programowania, z obsługą warunków, pętli, tablic, funkcji i klas, które mogą być dziedziczone.

Na korzyść Flasha przemawia niewielki rozmiar plików wynikowych i zastosowanie formatu grafiki wektorowej oraz kompresja plików bitmapowych i dźwiękowych, co bardzo pozytywnie wpływa na zmniejszenie rozmiaru strony i czasu jej pobierania.

Ten program jest bardzo przyjazny dla użytkownika. Posiada wiele gotowych tagów, szablonów.

Elastyczność interfejsu to jedna z mocnych stron produktu. Każdy użytkownik może łatwo dostosować interfejs HomeSite do swoich preferencji i potrzeb.

Podczas pracy użytkownik widzi obszar roboczy z dwiema zakładkami - Przeglądaj i Edytuj. Oznacza to, że programowanie odbywa się w zakładce Edycja, a wynik można zobaczyć po wybraniu zakładki Przeglądaj. Podczas tworzenia nowej strony niektóre tagi, takie jak HTML i BODY, automatycznie pojawiają się w polu edycyjnym. To jest szablon ładowany podczas tworzenia nowej strony. Jego treść można zmienić.

HomeSite bardzo ułatwia zbudowanie architektury strony internetowej. Ułatwia to panel Quick Bar z systemem zakładek z gotowymi tagami. Tagi w tych zakładkach są bardzo różne - od prostych, takich jak akapit, po skrypty java. Zazwyczaj możesz zostawić jedną kartę, dodając do niej wszystkie niezbędne tagi za pomocą menu Dostosuj. Możesz także samodzielnie tworzyć tagi lub ich kombinacje. Po kliknięciu przycisku z określonym znacznikiem pojawia się okno, w którym można ustawić opcje znacznika i określić jego atrybuty. Obsługuje tryb WYSIWYG ze wszystkimi jego zaletami i wadami.

Aby przyspieszyć, istnieje wiele narzędzi do edycji tagów. Są to na przykład takie funkcje, jak uzupełnianie tagów, edytory tagów i wgląd w tagi. Znacznie ułatwiają edycję tagów i ich atrybutów. Są też fragmenty kodu.

HomeSite łatwo integruje się z narzędziami do zarządzania kodem źródłowym i systemami zarządzania projektami, a także oferuje rozbudowane możliwości FTP, dzięki czemu możemy szybko wdrożyć witrynę i zorganizować jej wydajną konserwację.

Jest to najpopularniejszy edytor HTML na rynku, głównie ze względu na popularność pakietu Microsoft Office. Program oferuje rozbudowane funkcje i atrakcyjny pakiet oprogramowania, w tym Image Composer, który jest przeznaczony do tworzenia obrazów (dodatek B). FrontPage zawiera również składniki sieci Web potrzebne do dodawania interaktywnych właściwości do witryny sieci Web. Microsoft FrontPage to klasyczny edytor WYSIWYG, który ma jednak możliwość ręcznej edycji kodu.

Program posiada trzy tryby pracy z dokumentem: Normalny, HTML i Podgląd.

W trybie Normal strony internetowe są zwykłym plikiem tekstowym z możliwością edycji wszystkich elementów - od tekstu po obrazy.

W trybie HTML wykonywane jest podświetlanie składni, ale raczej przeciętne - deskryptory są podświetlane na niebiesko, wszystko inne jest czarne.

W trybie podglądu możesz zobaczyć, jak Twoja strona będzie wyglądać w oknie przeglądarki.

FrontPage posiada narzędzie do tworzenia tabel, które znacznie ułatwia tworzenie tabel. Jedną z głównych zalet programu jest duża liczba dostępnych szablonów, dzięki czemu użytkownik nie męczy się nad projektowaniem swojego projektu. Po wybraniu odpowiedniego szablonu możemy przejść bezpośrednio do wypełniania strony treścią. Tu właśnie wkracza piękno programu FrontPage: proces tworzenia strony HTML nie różni się od tworzenia zwykłego dokumentu tekstowego w Microsoft Word. Te same narzędzia są dla nas dostępne do edycji tekstu, zmiany jego formatowania, tworzenia i edycji tabel, wstawiania różnych obiektów i obrazów, a wszystko to bez znajomości języka HTML. FrontPage dzieli obszar roboczy na kilka bloków zawierających określone elementy strony — obrazy, tekst, nagłówki i tak dalej. Do każdego bloku możesz przypisać własne opcje formatowania i jego położenie względem strony.

Minusy: mały zestaw narzędzi programistycznych, brak możliwości osobnego zakupu programu. Microsoft FrontPage po raz pierwszy działa dobrze jako edytor HTML, ale wraz ze wzrostem Twoich potrzeb jego możliwości mogą nie wystarczyć. Istnieje również tylna strona medale - złożoność i uciążliwość powstałego kodu, co w naturalny sposób wpływa na ostateczny rozmiar dokumentu. W przyszłości bardzo trudno będzie też dokonać zmian w takim dokumencie. Ale jest to raczej wada nie konkretnego produktu, ale prawie wszystkich edytorów WYSIWYG (What You See Is What You Get - „dostajesz to, co widzisz”).

Składniki sieci Web działają tylko wtedy, gdy serwer sieciowy, z którego korzystasz, ma dla nich odpowiednie programy.

Pomimo tego, że Microsoft Word jest edytorem tekstu i tak naprawdę nie jest uważany za edytor HTML. Posiada możliwość zapisywania plików w formacie HTML. W rezultacie możemy napotkać strony utworzone w taki czy inny sposób w programie Microsoft Word. Problemy w kodzie HTML otrzymanym z edytora są podobne do problemów z FrontPage: oba te programy generują nadmiarowy kod, który nie jest w pełni zgodny ze standardem HTML. Ogromna liczba osób, które używają Worda w swojej codziennej pracy, staje się potencjalnymi programistami dokumentów HTML.

Istnieją dwa sposoby tworzenia strony internetowej w programie Word: za pomocą kreatora lub konwertując istniejący dokument programu Word na format HTML. Jednocześnie sam Word generuje znaczniki HTML, choć nie w optymalny sposób. Transformacja w naturalny sposób prowadzi do tego, że niektóre elementy projektu dokumentu zostaną utracone lub zmienione. Jeśli musisz wstawić własne znaczniki do strony HTML, program Word umożliwia bezpośrednią edycję kodu HTML.

Przeznaczony do tworzenia i edycji ilustracji, czyli obrazów zawierających elementy grafiki wektorowej, np. czcionki, figury geometryczne itp.

Strony internetowe mogą zawierać wiele elementów − tekst HTML, obrazy rastrowe, grafika wektorowa. W programie Illustrator można użyć plasterków do zdefiniowania granic różnych elementów internetowych w obiekcie. Strona internetowa podzielona jest na komórki, które są prezentowane w trzech typach: obrazy, brak obrazów, tekst HTML.

W takim przypadku możesz zapisać każdy fragment jako niezależny plik z własnym formatem, ustawieniami i paletą kolorów. Blokowanie fragmentów zapobiega przypadkowym zmianom pozycji. Rozmiar fragmentu jest powiązany z obiektem, który zawiera. Dlatego podczas przesuwania lub zmiany rozmiaru obiektu granice fragmentów są automatycznie korygowane, ale w razie potrzeby zawsze można je poprawić ręcznie.

Mapy łączy umożliwiają połączenie jednego lub więcej obszarów obrazu (tzw. hotspotów) z adresem URL. Kiedy klikamy hotspot, przeglądarka internetowa pobiera powiązany z nim plik.

Główną różnicą między używaniem map łączy i fragmentów do tworzenia łączy jest sposób, w jaki obiekt jest eksportowany na stronę internetową. Użycie map łączy zapisuje obiekt jako pojedynczy plik obrazu, natomiast w przypadku użycia fragmentów obiekt jest dzielony na kilka oddzielnych plików. Inną różnicą między mapami połączeń a fragmentami jest to, że mapy umożliwiają łączenie obszarów wielokątnych lub prostokątnych w obiekcie, podczas gdy fragmenty umożliwiają tworzenie tylko prostokątów.

Najpopularniejszy i najczęściej używany program do edycji obrazów. Z jego pomocą możesz tworzyć wysoce artystyczne obrazy. Zawiera wszystko, czego potrzebujesz do tworzenia i edycji profesjonalnej grafiki.

Photoshop to nie tylko program do edycji obrazów, to najpotężniejszy i najbardziej funkcjonalny program w swojej klasie. Program pozwala retuszować obraz i poddawać go efektom specjalnym, przenosić szczegóły jednego zdjęcia na drugie, dodawać tekst, zmieniać proporcje kolorów, a nawet dodawać kolory do zdjęć w skali szarości. Narzędzia Photoshopa kompatybilny z tablety graficzne, co umożliwia tworzenie obrazów całkowicie artystycznych, nie gorszych niż te wykonane w akwareli i oleju.

Przy całej prostocie podstawowych narzędzi Photoshopa, użytkownik może również dostosować je „dla siebie”. A to jest równoznaczne z obecnością nieskończonej różnorodności kredek. Ponieważ programy do malowania opierają się na pikselach, są idealne do pracy z elektronicznymi (cyfrowymi) fotografiami kredek, pistoletów natryskowych, akwareli, olejów i innych. Photoshop zapewnia pełną kontrolę nad każdym pikselem na obrazie. Brak programów do rysowania w ograniczonej rozdzielczości. Ponieważ bitmapa składa się ze stałej liczby pikseli.

CorelDraw umożliwia przetwarzanie szerokiej gamy informacji prezentowanych w dokumencie w postaci obiektów wektorowych i rastrowych, bloków tekstu zwykłego i artystycznego, a także obiektów internetowych.

W programie zastosowano nowoczesny interfejs typu flat, który charakteryzuje się tym, że narzędzia znajdujące się na różnych panelach wyświetlane są w postaci zwykłych płaskich rysunków, a jeden z nich wybierany jest dopiero po najechaniu na niego wskaźnikiem.

Podczas budowania obrazów wektorowych linie i kształty nakładają się na siebie aż do uzyskania ostatecznego obrazu. Każdy obiekt można edytować niezależnie od pozostałych - jedna z nielicznych zalet podejścia obiektowego, jednak obraz nadal trzeba budować etapami. W programie do rysowania wektorowego linie, kształty i tekst są definiowane za pomocą wyrażeń matematycznych, co umożliwia automatyczne dopasowanie ich do maksymalnej rozdzielczości urządzenia wyjściowego. Kolejną zaletą rysunków wektorowych jest to, że nie wymagają dużej ilości miejsca na dysku. Objętość pliku rysunku wektorowego zależy tylko od liczby i złożoności obiektów składających się na ten rysunek, więc jego rozmiar, w przeciwieństwie do rysunku rastrowego, praktycznie nie wpływa na tę objętość.

CorelDraw demonstruje cechy potężnego wizualnego edytora stron internetowych: użytkownik otrzymuje możliwość generowania sformatowanych dokumentów HTML, które mogą zawierać Skrypty JavaScript i arkusze stylów CSS.

Dzięki zaawansowanym funkcjom graficznym, tekstowym, układowym i eksportowym do publikowania w Internecie program CorelDraw jest dobrym punktem wyjścia do generowania pierwszych wersji pliku HTML.

Podczas umieszczania obrazów na stronie jednym z najważniejszych zadań jest optymalizacja rozmiaru plików graficznych. Zalecany „pułap” całkowitego rozmiaru strony to od 100 do 150 kb. Zmniejszenie rozmiaru plików graficznych odbywa się poprzez kompresję plików i zmniejszenie liczby kolorów. Te zadania są dostępne dla każdego z wymienionych powyżej programów graficznych.

Wniosek

Wraz z pojawieniem się technologii internetowej komputery zaczynają być używane przez zupełnie nowe segmenty populacji Ziemi. Można wyróżnić dwie najbardziej charakterystyczne grupy na różnych biegunach społecznych, które szybko zaangażowały się w nową technologię, być może nawet wbrew własnej woli. Z jednej strony byli to przedstawiciele elitarnych grup społeczeństwa – szefowie wielkich organizacji, prezesi banków, menedżerowie najwyższego szczebla, wpływowi urzędnicy państwowi. Z drugiej strony byli to przedstawiciele najszerszych grup ludności – gospodynie domowe, emeryci, dzieci.

Spektrum grup społecznych łączących się z Internetem i poszukiwanie informacji w sieci WWW, jest cały czas rozbudowywana o użytkowników nieinformatycznych. Są to lekarze, budowniczowie, historycy, prawnicy, finansiści, sportowcy, podróżnicy, duchowni, artyści, pisarze, artyści. Lista jest nieskończona. Każdy, kto odczuł przydatność i niezbędność sieci w swojej działalności zawodowej lub hobby, dołącza do ogromnej armii konsumentów informacji w sieci WWW.

Wraz z rozwojem technologii znaczników hipertekstowych w Internecie zaczęło pojawiać się coraz więcej witryn, których tematyka była zupełnie inna - od witryn dużych firm opowiadających o sukcesach firmy i jej niepowodzeniach, po witryny małych firm oferujących odwiedzić ich biura w tym samym mieście.

Rozwój technologii internetowych stał się impulsem do powstania nowej gałęzi w Internecie - forów internetowych. Zaczęły pojawiać się strony internetowe, a nawet całe portale, na których ludzie z całego świata mogą komunikować się, uzyskiwać odpowiedzi na wszelkie pytania, a nawet zawierać transakcje biznesowe.

Stworzenie strony internetowej to krok marketingowy mający na celu stworzenie źródło informacji, co da firmie możliwość zarówno zatrzymania starych klientów, jak i pozyskania nowych.

Tworzenie i rozwój witryn obejmuje:

Zatwierdzenie wstępnej specyfikacji istotnych warunków zamówienia dla zagospodarowania terenu;

Lista wykorzystanych źródeł

1. Borisenko A.A. Projektowanie stron. Tak jak dwa i dwa. – M.: Eksmo, 2008.- 320 pkt.

2. Burlakov M. V. CorelDRAW 12. - St. Petersburg; BHV-Petersburg, 2004. - 688 s.

3. Jamsa Chris. Skuteczny samouczek dotyczący kreatywnego projektowania stron internetowych. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Tekst, grafika, dźwięk i animacja. Przetłumaczone z języka angielskiego / Chris Jamsa, Konrad King, Andy Anderson - M .: DiaSoftUP LLC, 2005.- 672 s.

4. Dunaev V. Samouczek JavaScript, wyd. - Petersburg: Piotr, 2005. - 395 s.

5. Zolnikow D.S. PHP5. Jak samodzielnie stworzyć stronę internetową o dowolnej złożoności. - wyd. 2 wymazany - M.: NT Press, 2007. - 272 s.

6. Inkova N. A., Zaitseva E. A., Kuzmina N. V., Tolstykh S. G. Tworzenie stron internetowych: Podręcznik edukacyjny i metodologiczny. Część 5. Tambow: Wydawnictwo Tambow. Państwo technika un-ta, 2005. - 56 s.

7. Mazurkevich A. PHP: podręcznik programisty / Alexander Mazurkevich, Dmitry Elovoy. - Mińsk: Nowa wiedza, 2006. - 495 s.

8. Dick McClelland. Photoshop 7. Biblia użytkownika. : na. z angielskiego. - M .: Wydawnictwo „William”, 2006. - 928 s.

9. Orlov L. V. Strona internetowa bez tajemnic. / L. V. Orłow. - wyd. 2 – M.: Buk-press 2006. – 512 s.

10. Połońska E.L. Język HTML. Instrukcja samodzielnej obsługi.: - M.: Wydawnictwo "William", 2005.- 320 s.

11. Tworzenie stron WWW i serwisów WWW. Samouczek: [proc. dodatek] / wyd. V. N. Pechnikova. - M .: Wydawnictwo Triumph, 2006.- 464 s.

12. Yakushev, L. V. Rozpoczęcie pracy w Internecie. Szybka porada. - M .: Wydawnictwo „William”, 2006. -128 s.

Hipertekstowy język znaczników, lub częściej nazywany HTML, to język komputerowy leżący u podstaw sieci WWW. Dzięki językowi HTML każdy tekst można oznaczyć poprzez przekształcenie go w hipertekst z późniejszą publikacją w sieci.

HTML ma własny zestaw znaków, których przeglądarki WWW używają do wyświetlania strony. Te symbole, zwane deskryptorami, zawierają elementy potrzebne do tworzenia hiperłączy.

Jedną z cech wyróżniających dokumenty HTML jest to, że sam dokument zawiera tylko tekst, a wszystkie inne obiekty są osadzane w dokumencie w momencie wyświetlania go przez przeglądarkę za pomocą specjalnych znaczników i przechowywane oddzielnie. Podczas zapisywania pliku HTML w lokalizacji dokumentu tworzony jest folder, w którym umieszczane są towarzyszące mu elementy projektu graficznego.

Przede wszystkim PHP służy do tworzenia skryptów, które działają po stronie serwera, do tego tak naprawdę to wymyślili. PHP jest w stanie wykonywać te same zadania, co każdy inny skrypt CGI, w tym przetwarzać dane formularzy html, dynamicznie generować strony html i tym podobne. Ale są też inne obszary, w których można używać PHP.

Drugi obszar to tworzenie skryptów uruchamianych z wiersza poleceń. Oznacza to, że za pomocą PHP można tworzyć takie skrypty, które będą wykonywane, niezależnie od serwera WWW i przeglądarki, na określonej maszynie.

Ostatnim obszarem jest tworzenie aplikacji GUI (interfejsów graficznych), które działają po stronie klienta.

Ajax to skrót od Asynchronous Javascript and XML (Asynchronous Javascript and XML) i nie jest technologią w ścisłym tego słowa znaczeniu. Jeśli w standardowej aplikacji webowej serwer przetwarza wszystkie informacje, podczas gdy przeglądarka odpowiada jedynie za interakcję z użytkownikiem, przesyłanie żądań i wyprowadzanie przychodzącego HTML, to w aplikacji Ajax między użytkownikiem a serwerem pojawia się kolejny pośrednik – Silnik Ajax. Określa, które żądania mogą być przetwarzane „na miejscu”, a które muszą być adresowane do serwera.

Zmieniło się również zachowanie serwera. Jeśli wcześniej serwer wystawiał nową stronę dla każdego żądania, teraz wysyła tylko te dane, których potrzebuje klient, a HTML z nich tworzy silnik Ajax bezpośrednio w przeglądarce.

Asynchroniczność objawia się tym, że nie każde kliknięcie użytkownika trafia na serwer, i odwrotnie – nie każda reakcja serwera jest spowodowana żądaniem użytkownika. Większość żądań jest generowana przez silnik Ajax i można go napisać w taki sposób, aby ładował informacje w oczekiwaniu na działania użytkownika.

Gdzie używać Ajaksu:

Formularze. Są bardzo powolne. Jeśli wysyłasz dane asynchronicznie, strona nie zostanie ponownie załadowana.

Nawigacja po drzewie. Generalnie taka nawigacja jest okropna. Prosta topologia jest znacznie wygodniejsza, ale jeśli już do tego dojdzie, lepiej użyć Ajax.

Filtry. Często w witrynach sortują według daty, nazwy. Ajax będzie znacznie wygodniejszy.

Język programowania JavaScript został opracowany przez firmę Netscape do tworzenia interaktywnych dokumentów HTML. Jest to język zorientowany obiektowo do tworzenia aplikacji osadzonych, które działają zarówno po stronie klienta, jak i po stronie serwera. Składnia języka jest bardzo podobna do składni Javy, dlatego nazywa się go podobnym do Javy.

Główne zastosowania JavaScriptu dzielą się na następujące kategorie:

dynamiczne tworzenie dokumentu za pomocą skryptu;

operacyjna walidacja pól formularza HTML wypełnionych przez użytkownika przed wysłaniem ich na serwer;

tworzenie dynamicznych stron HTML w połączeniu z Cascading Style Sheets i Document Object Model;

interakcja z użytkownikiem podczas rozwiązywania zadań „lokalnych”, rozwiązywanych przez aplikację JavaScript osadzoną na stronie HTML.

Język skryptowy VBScript został opracowany przez Microsoft i jest podzbiorem języka Visual Basic, który jest dość powszechny wśród programistów do tworzenia aplikacji Windows. Podobnie jak jego rodzic, VBScript jest dość prosty i łatwy do nauczenia.

Zaletą jego zastosowania do skryptów jest możliwość użycia, z niewielkimi poprawkami, wcześniej napisanych procedur w Visual Basic i Visual Basic for Application.

Funkcjonalność skryptów napisanych w VBScript nie różni się od funkcjonalności skryptów JavaScript: dynamiczne tworzenie dokumentu lub jego części, przechwytywanie i przetwarzanie zdarzeń i tak dalej.

VBScript jest używany do obsługi skryptów klienta (w takim przypadku przeglądarka musi mieć wbudowany interpreter VBScript) oraz do obsługi skryptów serwera (w takim przypadku serwer musi obsługiwać VBScript).

Do tworzenia skryptów klienckich używa się zestawu obiektów podobnych do JavaScript. Obiekty klienta i serwera różnią się, ale istnieje wspólna część (rdzeń) obiektów używanych do tworzenia zarówno skryptów klienta, jak i skryptów serwera.

Perl jest najczęściej używany do tworzenia narzędzi do administrowania systemem, ale ostatnio zyskał ogromną popularność w obszarze tworzenia aplikacji internetowych: skryptów CGI, systemów automatyzacji poczty e-mail i obsługi witryn internetowych.

Oto kilka przykładów zadań, które można wykonać w Perlu:

sprawdzanie użytkowników Windows NT pod kątem niespójności w ich statusie i możliwościach;

zarządzanie usługami NT z wiersza poleceń i zdalnie z komputera lokalnego, pozyskiwanie danych statystycznych na osobnym komputerze;

może pracować z protokołem FTP; Obsługa systemów UNIX i Windows

Analiza porównawcza środowisk programistycznych aplikacji internetowych

Obecnie w sieci WWW istnieje kilka milionów witryn sieci Web, a ich liczba stale rośnie. Każdy ma możliwość nie tylko obejrzenia dowolnego z nich i wydobycia dla siebie przydatnych informacji, ale także brania aktywnego udziału w ich tworzeniu. Duże znaczenie ma środowisko, w którym nastąpi rozwój.

Macromedia Dreamweaver

Macromedia nadal sprawia, że ​​program Dreamweaver jest intuicyjny i łatwy w użyciu. Potężne narzędzia z jednej strony i łatwość obsługi z drugiej sprawiają, że produkty Macromedia są idealnym pakietem oprogramowania zarówno dla profesjonalnych projektantów stron internetowych, jak i początkujących. Produkty zawarte w pakiecie Macromedia, takie jak: Flash, Firework, Dreamweaver - sprawią, że Twoja praca stanie się bardziej wydajna, a jednocześnie mogą się wzajemnie zastępować (np. możesz tworzyć przyciski w dowolnym z nich). Produkty takie jak: Sitespring, FreeHand - zwiększą wydajność pracy z klientem.

Dreamweaver ma wiele zalet:

Dreamweaver obsługuje czysty kod HTML oraz najnowsze rozszerzenia DHTML i CSS.

Zawiera doskonałe narzędzia do automatycznego zarządzania łączami, co oznacza, że ​​przy każdym ruchu plików w środowisku wszystkie łącza są przywracane automatycznie. Blokowanie sekcji strony ma na celu ochronę ich przed niezamierzonym uszkodzeniem.

Umożliwia cofnięcie zmian dokonanych kilka kroków wstecz (jednak po zapisaniu strony nie będzie można cofnąć zmian).

Stosowana jest „kontrola dynamiczna dla różnych przeglądarek”.

Obsługuje rozszerzenia, zarówno deweloperów zewnętrznych, jak i samą firmę Macromedia (ponad 500).

Dreamweaver zawiera bibliotekę elementów, których możesz używać na swoich stronach internetowych, takich jak pasek nawigacji, deskryptor praw autorskich i inne.

Służy do dodawania multimediów do stron internetowych i różnych typów plików od Flash i Java do RealAudio, elementów interaktywnych takich jak wyszukiwarki, fora, systemy e-commerce.

Dreamweaver nie ma natywnych narzędzi do tworzenia obrazów. Przedstawia tylko najprostsze narzędzia do edycji, dlatego do tworzenia i edycji obrazów potrzebujemy specjalnych edytorów graficznych.

Dreamweaver umożliwia usuwanie niepotrzebnego kodu z aplikacji firmy Microsoft, dzięki czemu strony będą ładować się szybciej i lepiej wyświetlać się w różnych przeglądarkach.

Macromedia Fajerwerki

Fireworks to edytor grafiki z możliwością dalszej optymalizacji i publikowania ich w sieci. Korzystając z szerokiej gamy narzędzi, możemy tworzyć i edytować zarówno grafikę wektorową, jak i rastrową w tym samym pliku, bez konieczności przechodzenia z jednego programu do drugiego. Program Fireworks generuje kod HTML i JavaScript oraz może łatwo tworzyć dynamiczne menu i paski nawigacyjne dla naszych stron internetowych. Skuteczna optymalizacja plików graficznych pozwala maksymalnie zmniejszyć ich rozmiar bez utraty jakości.

Ponadto istnieje możliwość edycji układu stron WWW. Na przykład w Fireworks 8 możesz otworzyć plik graficzny na całą szerokość przyszłej witryny, narysować niezbędny projekt graficzny, a następnie wyciąć go za pomocą narzędzia Slice tak, jak powinna wyglądać przyszła tabela dokumentu HTML. Po tym możesz przystąpić do finalizowania poszczególnych elementów graficznych, w tym tworzenia aktywnej grafiki reagującej na kursor, bez znajomości języka programowania (JavaScript).

makromedia odręczne

Jeden z trzech profesjonalnych edytorów graficznych, prowadzący z różnym stopniem sukcesów w walce o prymat w pracy z grafiką wektorową. FreeHand jest znacznie szybszy i łatwiejszy niż jego konkurenci — CorelDraw i Adobe Illustrator. FreeHand doskonale nadaje się do tworzenia logo, reklam, grafik internetowych i animacji.

Producenci programu dołożyli wszelkich starań, aby życie było jak najłatwiejsze dla użytkowników: interfejs programu jest prosty i intuicyjny, istnieje wiele „gadżetów”, które pozwalają szybko i łatwo wykonywać złożone przekształcenia obiektów lub osiągnąć różnorodność efektów artystycznych. FreeHand może eksportować i importować pliki w prawie wszystkich popularnych formatach. Ponadto zawiera ustawienia klawiszy skrótów, które emulują inne popularne programy (Adobe Illustrator, CorelDraw). Nie ma więc potrzeby ponownego uczenia się, przechodząc na FreeHand.

Ciekawą i ważną cechą FreeHand podczas pracy nad dużymi projektami jest możliwość globalnej zmiany dokumentu, zarówno dla tekstu, jak i dla wszystkich obiektów graficznych. Globalny mechanizm zastępowania jest bardzo elastyczny. Oprócz zamiany umożliwia wybór obiektów o określonych właściwościach do późniejszej transformacji. Główne właściwości używane do wyszukiwania i zastępowania lub zaznaczania obiektów to kolor, grubość konturu, czcionka, kąt obrotu.

Dokumenty FreeHand można łatwo przekształcić w strony internetowe. Oczywiście FreeHand nie jest edytorem HTML, ale obsługuje podstawowe elementy HTML. Dzięki FreeHand łatwo jest zapewnić stronom internetowym animację Flash. Bloki tekstu, grupy obiektów, a także obiekty z konturami są wstawiane do klipu animacji. Mały klip obiektów FreeHand jest tworzony dosłownie za pomocą jednego polecenia - pozostaje tylko przestrzegać pewnych ustawień. Każda klatka klipu jest umieszczona na osobnej warstwie; efekt animacji uzyskuje się poprzez sekwencyjne odtwarzanie zawartości poszczególnych warstw. Jednak narzędzia FreeHand nie zastąpią edytora Macromedia Flash.

Macromedia FLASH

Tworzy atrakcyjne interaktywne prezentacje multimedialne na strony internetowe. Flash charakteryzuje się grafiką wektorową i animacją, chociaż może być również używany do manipulowania lub wyświetlania grafiki bitmapowej, edycji wideo, a nawet manipulowania plikami dźwiękowymi.

Zawartość Flash jest publikowana jako kompaktowe pliki SWF do wyświetlania na wielu różnych platformach za pomocą programu Flash Player. Podczas odtwarzania online pliku SWF zawartość, taka jak pliki audio MP3, wideo Flash i obrazy JPEG, może być dynamicznie ładowana do pliku. Flash Player umożliwia łączenie się ze źródłami danych w celu łączenia ich z bazą danych, XML lub usługami internetowymi. Dzięki tym wszystkim funkcjom przyciągające wzrok animacje i efekty można wprowadzać do aplikacji opartych na danych. Flash obsługuje antyaliasing (wygładzanie krawędzi poprzez mieszanie sąsiednich kolorów). Ponieważ ten format pliku jest oparty na grafice wektorowej, obiekt zachowuje jakość obrazu w dowolnej rozdzielczości i jest idealny do tworzenia klatek animacji.

Potężny język sterowany zdarzeniami. Użyty język ActionScript jest prawie kompletnym językiem programowania, z obsługą warunków, pętli, tablic, funkcji i klas, które mogą być dziedziczone.

Na korzyść Flasha mały rozmiar wynikowych plików i użycie formatu wektorowego

obrazy oraz kompresję plików bitmapowych i dźwiękowych, co ma bardzo pozytywny wpływ na zmniejszenie rozmiaru strony i czasu pobierania.

Macromedia Strona główna

Ten program jest bardzo przyjazny dla użytkownika. Posiada wiele gotowych tagów, szablonów.

Elastyczność interfejsu to jedna z mocnych stron produktu. Każdy użytkownik może łatwo dostosować interfejs HomeSite do swoich preferencji i potrzeb.

Podczas pracy użytkownik widzi obszar roboczy z dwiema zakładkami - Przeglądaj i Edytuj. Oznacza to, że programowanie odbywa się w zakładce Edycja, a wynik można zobaczyć po wybraniu zakładki Przeglądaj. Podczas tworzenia nowej strony niektóre tagi, takie jak HTML i BODY, automatycznie pojawiają się w polu edycyjnym. To jest szablon ładowany podczas tworzenia nowej strony. Jego treść można zmienić.

HomeSite bardzo ułatwia zbudowanie architektury strony internetowej. Ułatwia to panel Quick Bar z systemem zakładek z gotowymi tagami. Tagi w tych zakładkach są bardzo różne - od prostych, takich jak akapit, po skrypty java. Zazwyczaj możesz zostawić jedną kartę, dodając do niej wszystkie niezbędne tagi za pomocą menu Dostosuj. Możesz także samodzielnie tworzyć tagi lub ich kombinacje. Po kliknięciu przycisku z określonym znacznikiem pojawia się okno, w którym można ustawić opcje znacznika i określić jego atrybuty. Obsługuje tryb WYSIWYG ze wszystkimi jego zaletami i wadami.

Aby przyspieszyć, istnieje wiele narzędzi do edycji tagów. Są to na przykład takie funkcje, jak uzupełnianie tagów, edytory tagów i wgląd w tagi. Znacznie ułatwiają edycję tagów i ich atrybutów. Są też fragmenty kodu.

HomeSite łatwo integruje się z narzędziami do zarządzania kodem źródłowym i systemami zarządzania projektami, a także oferuje rozbudowane możliwości FTP, dzięki czemu możemy szybko wdrożyć witrynę i zorganizować jej wydajną konserwację.

Strona główna Microsoft

Jest to najpopularniejszy edytor HTML na rynku, głównie ze względu na popularność pakietu Microsoft Office. Program oferuje rozbudowane funkcje i atrakcyjny pakiet oprogramowania, w tym Image Composer, który jest przeznaczony do tworzenia obrazów (dodatek B). FrontPage zawiera również składniki sieci Web potrzebne do dodawania interaktywnych właściwości do witryny sieci Web. Microsoft FrontPage to klasyczny edytor WYSIWYG, który ma jednak możliwość ręcznej edycji kodu.

Program posiada trzy tryby pracy z dokumentem: Normalny, HTML i Podgląd.

W trybie Normal strony internetowe są zwykłym plikiem tekstowym z możliwością edycji wszystkich elementów - od tekstu po obrazy.

W trybie HTML wykonywane jest podświetlanie składni, ale raczej przeciętne - deskryptory są podświetlane na niebiesko, wszystko inne jest czarne.

W trybie podglądu możesz zobaczyć, jak Twoja strona będzie wyglądać w oknie przeglądarki.

FrontPage posiada narzędzie do tworzenia tabel, które znacznie ułatwia tworzenie tabel. Jedną z głównych zalet programu jest duża liczba dostępnych szablonów, dzięki czemu użytkownik nie męczy się nad projektowaniem swojego projektu. Po wybraniu odpowiedniego szablonu możemy przejść bezpośrednio do wypełniania strony treścią. Tu właśnie wkracza piękno programu FrontPage: proces tworzenia strony HTML nie różni się od tworzenia zwykłego dokumentu tekstowego w programie Microsoft Word. Te same narzędzia są dla nas dostępne do edycji tekstu, zmiany jego formatowania, tworzenia i edycji tabel, wstawiania różnych obiektów i obrazów, a wszystko to bez znajomości języka HTML. FrontPage dzieli obszar roboczy na kilka bloków zawierających określone elementy strony — obrazy, tekst, nagłówki i tak dalej. Do każdego bloku możesz przypisać własne opcje formatowania i jego położenie względem strony.

Minusy: mały zestaw narzędzi programistycznych, brak możliwości osobnego zakupu programu. Microsoft FrontPage po raz pierwszy działa dobrze jako edytor HTML, ale wraz ze wzrostem Twoich potrzeb jego możliwości mogą nie wystarczyć. Jest też odwrotna strona medalu - złożoność i nieporęczność powstałego kodu, co w naturalny sposób wpływa na ostateczny rozmiar dokumentu. W przyszłości bardzo trudno będzie też dokonać zmian w takim dokumencie. Ale jest to raczej wada nie konkretnego produktu, ale prawie wszystkich edytorów WYSIWYG (What You See Is What You Get - „dostajesz to, co widzisz”).

Składniki sieci Web działają tylko wtedy, gdy serwer sieciowy, z którego korzystasz, ma dla nich odpowiednie programy.

Pomimo tego, że Microsoft Word jest edytorem tekstu i tak naprawdę nie jest uważany za edytor HTML. Posiada możliwość zapisywania plików w formacie HTML. W rezultacie możemy napotkać strony utworzone w taki czy inny sposób w programie Microsoft Word. Problemy w kodzie HTML otrzymanym z edytora są podobne do problemów z FrontPage: oba te programy generują nadmiarowy kod, który nie jest w pełni zgodny ze standardem HTML. Ogromna liczba osób, które używają Worda w swojej codziennej pracy, staje się potencjalnymi programistami dokumentów HTML.

Istnieją dwa sposoby tworzenia strony internetowej w programie Word: za pomocą kreatora lub konwertując istniejący dokument programu Word na format HTML. Jednocześnie sam Word generuje znaczniki HTML, choć nie w optymalny sposób. Transformacja w naturalny sposób prowadzi do tego, że niektóre elementy projektu dokumentu zostaną utracone lub zmienione. Jeśli musisz wstawić własne znaczniki do strony HTML, program Word umożliwia bezpośrednią edycję kodu HTML.

Adobe Illustrator

Przeznaczony do tworzenia i edycji ilustracji, czyli obrazów zawierających elementy grafiki wektorowej, takie jak czcionki, kształty geometryczne itp.

Strony internetowe mogą zawierać wiele elementów - tekst HTML, bitmapy, grafikę wektorową. W programie Illustrator można użyć plasterków do zdefiniowania granic różnych elementów internetowych w obiekcie. Strona internetowa podzielona jest na komórki, które są prezentowane w trzech typach: obrazy, brak obrazów, tekst HTML.

W takim przypadku możesz zapisać każdy fragment jako niezależny plik z własnym formatem, ustawieniami i paletą kolorów. Blokowanie fragmentów zapobiega przypadkowym zmianom pozycji. Rozmiar fragmentu jest powiązany z obiektem, który zawiera. Dlatego podczas przesuwania lub zmiany rozmiaru obiektu granice fragmentów są automatycznie korygowane, ale w razie potrzeby zawsze można je poprawić ręcznie.

Mapy łączy umożliwiają połączenie jednego lub więcej obszarów obrazu (tzw. hotspotów) z adresem URL. Kiedy klikamy hotspot, przeglądarka internetowa pobiera powiązany z nim plik.

Główną różnicą między używaniem map łączy i fragmentów do tworzenia łączy jest sposób, w jaki obiekt jest eksportowany na stronę internetową. Użycie map łączy zapisuje obiekt jako pojedynczy plik obrazu, natomiast w przypadku użycia fragmentów obiekt jest dzielony na kilka oddzielnych plików. Inną różnicą między mapami połączeń a fragmentami jest to, że mapy umożliwiają łączenie obszarów wielokątnych lub prostokątnych w obiekcie, podczas gdy fragmenty umożliwiają tworzenie tylko prostokątów.

Najpopularniejszy i najczęściej używany program do edycji obrazów. Z jego pomocą możesz tworzyć wysoce artystyczne obrazy. Zawiera wszystko, czego potrzebujesz do tworzenia i edycji profesjonalnej grafiki.

Photoshop to nie tylko program do edycji obrazów, to najpotężniejszy i najbardziej funkcjonalny program w swojej klasie. Program pozwala retuszować obraz i poddawać go efektom specjalnym, przenosić szczegóły jednego zdjęcia na drugie, dodawać tekst, zmieniać proporcje kolorów, a nawet dodawać kolory do zdjęć w skali szarości. Narzędzia Photoshopa są kompatybilne z tabletami graficznymi, co umożliwia tworzenie obrazów dość artystycznych, nie gorszych niż te wykonane w akwareli i oleju.

Przy całej prostocie podstawowych narzędzi Photoshopa, użytkownik może również dostosować je „dla siebie”. A to jest równoznaczne z obecnością nieskończonej różnorodności kredek. Ponieważ programy do malowania opierają się na pikselach, są idealne do pracy z elektronicznymi (cyfrowymi) fotografiami kredek, pistoletów natryskowych, akwareli, olejów i innych. Photoshop zapewnia pełną kontrolę nad każdym pikselem na obrazie. Brak programów do rysowania w ograniczonej rozdzielczości. Ponieważ bitmapa składa się ze stałej liczby pikseli.

CorelDraw umożliwia przetwarzanie szerokiej gamy informacji prezentowanych w dokumencie w postaci obiektów wektorowych i rastrowych, bloków tekstu zwykłego i artystycznego, a także obiektów internetowych.

W programie zastosowano nowoczesny interfejs typu flat, który charakteryzuje się tym, że narzędzia znajdujące się na różnych panelach wyświetlane są w postaci zwykłych płaskich rysunków, a jeden z nich wybierany jest dopiero po najechaniu na niego wskaźnikiem.

Podczas budowania obrazów wektorowych linie i kształty nakładają się na siebie aż do uzyskania ostatecznego obrazu. Każdy obiekt można edytować niezależnie od pozostałych - jedna z nielicznych zalet podejścia obiektowego, jednak obraz nadal trzeba budować etapami. W programie do rysowania wektorowego linie, kształty i tekst są definiowane za pomocą wyrażeń matematycznych, co umożliwia automatyczne dopasowanie ich do maksymalnej rozdzielczości urządzenia wyjściowego. Kolejną zaletą rysunków wektorowych jest to, że nie wymagają dużej ilości miejsca na dysku. Objętość pliku rysunku wektorowego zależy tylko od liczby i złożoności obiektów składających się na ten rysunek, więc jego rozmiar, w przeciwieństwie do rysunku rastrowego, praktycznie nie wpływa na tę objętość.

CorelDraw demonstruje zalety wydajnego wizualnego edytora stron internetowych: użytkownik uzyskuje możliwość generowania bogatych dokumentów HTML, które mogą zawierać skrypty JavaScript i arkusze stylów CSS.

Dzięki zaawansowanym funkcjom graficznym, tekstowym, układowym i eksportowym do publikowania w Internecie program CorelDraw jest dobrym punktem wyjścia do generowania pierwszych wersji pliku HTML.

Podczas umieszczania obrazów na stronie jednym z najważniejszych zadań jest optymalizacja rozmiaru plików graficznych. Zalecany „pułap” całkowitego rozmiaru strony to od 100 do 150 kb. Zmniejszać

rozmiar plików graficznych odbywa się poprzez kompresję plików i zmniejszenie liczby kolorów. Te zadania są dostępne dla każdego z wymienionych powyżej programów graficznych.

Forma programu kursu: 1. Tytuł. Narzędzia do efektywnego tworzenia aplikacji internetowych. 2. Polecany studentom II-III roku, którzy znają podstawy programowania oraz OOP, HTML i C#. 3. Wykłady - godziny, praca laboratoryjna 4. Streszczenie (max 200 słów) 5. Treść (program) Spis treści Temat 1. Przedmiot i zadania dyscypliny. Definicja i struktura aplikacji internetowych. Klasyfikacja aplikacji internetowych. ................................................. . ...............2 Temat 2. Podstawy projektowania aplikacji internetowych. Cykl życia aplikacji internetowej. Testowanie obciążenia. ................................................. . ..............................4 Temat 3. Podstawy projektowania aplikacji internetowych. Witryny internetowe. Usługi sieciowe...7 Temat 4. Visual Web Developer Express Edition. Ogólna idea produktu jako narzędzia do tworzenia dynamicznych aplikacji internetowych. .................................................osiem Temat 5. Podstawowe funkcje Visual Web Developer Express Edition. Projektowanie interfejsu użytkownika ............................................. .............................. .............................. ..............................21 Temat 6. Funkcje debugowania i testowania aplikacji internetowej. Narzędzia do debugowania aplikacji internetowych. Punkty przerwania, obsługa wyjątków, kontrola zmiennych. 28 Temat 7. Podstawowe funkcje Visual Web Developer Express Edition. Narzędzia do administrowania witryną............................................. ..................... ............................. ......................33 Temat 8. Ochrona stron internetowych ...................... .............................. .................... ...................37 Temat 9. Dostęp zgodnie z Visual Web Developer Express Edition. Kontrolki powiązane z danymi. ................................................. . ..............................40 Temat 10. Dodatkowe funkcje Visual Web Developer Express Edition. Struktura strony i nawigacja. Personalizacja. Technologia części internetowych. ..............................47 Laboratorium .................. .............................. .............................. ............... .................................. .............53 1 Temat 1. Przedmiot i zadania dyscypliny. Definicja i struktura aplikacji internetowych. Klasyfikacja aplikacji internetowych. Kurs wprowadza studenta w taką klasę programów jak aplikacje internetowe, teoretyczne podstawy projektowania i rozwoju oraz techniczne środki tworzenia stron internetowych. Istnieje kilka definicji aplikacji internetowych. Aplikacja webowa – zestaw programów realizujących przetwarzanie danych w określonym obszarze aplikacji w środowisku webowym. Aplikacja internetowa to oprogramowanie pomocnicze przeznaczone do automatycznego wykonywania dowolnej akcji na serwerze sieciowym. Używają jednak przeglądarek internetowych jako interfejsów użytkownika. Zazwyczaj aplikacje internetowe są tworzone w różnych wersjach architektury klient-serwer. Aplikacja internetowa to aplikacja działająca na serwerze sieciowym i dostępna przez wysyłanie i odbieranie pakietów za pośrednictwem protokołu HTTP. W tym kursie aplikacja internetowa odnosi się do klasy aplikacji, których komponenty wykonują automatyczne przetwarzanie danych podczas interakcji w środowisku internetowym. Ogólna architektura aplikacji internetowej to model klient-serwer, w którym komponenty aplikacji są podzielone na komponenty klienta i serwera, a komponenty wchodzą w interakcję poprzez wysyłanie i odbieranie pakietów przez HTTP. Klient to przeglądarka internetowa, a serwer to serwer WWW. Pakiety HTTP serwer klient Rys. 1 Ogólna architektura aplikacji internetowych Zadaniem serwera internetowego jest wykonanie określonego zestawu funkcji przetwarzania danych i zapewnienie interfejsu (oprogramowania lub interfejsu użytkownika) za pośrednictwem protokołu HTTP w celu uzyskania dostępu do tych funkcji. Komponent serwera aplikacji internetowej odbiera żądanie od klienta i wykonuje przetwarzanie danych, a następnie generuje odpowiedź i/lub stronę internetową i wysyła pakiet danych do klienta przez sieć przy użyciu protokołu HTTP. Komponenty serwera aplikacji internetowej mogą działać jako klient innych usług (usług), takich jak baza danych lub inna aplikacja internetowa zlokalizowana na innym serwerze. Jedną z zalet tego podejścia jest to, że klienci są niezależni od konkretnego system operacyjny użytkownik i aplikacje internetowe są zatem usługami wieloplatformowymi. Klasyfikacja aplikacji webowych 1. według stopnia połączenia (interfejsu) elementów systemu: słabo sprzężone b. silnie połączone Stopień łączności (koniugacji) elementów systemu to stopień, w jakim każdy z elementów zależy od innych modułów systemu. Stopień łączności może być wysoki (silny) lub niski (słaby). Aplikacja jest słabo powiązana, jeśli jej komponenty współdziałają ze sobą przy użyciu tych samych interfejsów i nie zależą od wewnętrznej implementacji każdego z komponentów. W takiej aplikacji modyfikacja implementacji jednego z komponentów nie wymaga zmian implementacji pozostałych komponentów. Przeciwnie, w ściśle powiązanej aplikacji działanie jednego z komponentów zależy od wewnętrznej implementacji pozostałych komponentów, a zatem zmiany w tych komponentach prowadzą do zmian w 2 składniku zależnym. Ponadto poszczególne komponenty ściśle powiązanej aplikacji są trudne do zrozumienia, gdy patrzy się na nie bez zależnych komponentów tej aplikacji. Ponadto obecność silnych połączeń między komponentami utrudnia ich samodzielne testowanie. 2. przez liczbę poziomów logicznych w infrastrukturze aplikacji. a. dwupoziomowy b. n-tier Logiczną strukturę aplikacji można podzielić na trzy warstwy - usługi użytkownika (warstwa prezentacji), usługi aplikacji (warstwa logiki biznesowej) i usługi danych. Usługi użytkownika to systemowy interfejs użytkownika, który pozwala użytkownikowi kontrolować system, a system dostarcza wyniki działań użytkownika. Usługi aplikacyjne implementują logikę biznesową aplikacji, tj. zdefiniować obiekty biznesowe i ich interakcje. W ten sposób usługi aplikacyjne implementują algorytmy przetwarzania danych zgodnie z żądaniami użytkowników i regułami biznesowymi. Usługi danych zapewniają przechowywanie danych i metody dostępu do danych. Jeżeli pierwsze dwa poziomy logiczne (usługi użytkownika i aplikacji) są połączone w jeden poziom infrastruktury, to taka aplikacja ma architekturę dwupoziomową. Jeśli każda warstwa logiczna odpowiada oddzielnej warstwie infrastruktury, jest to aplikacja trójwarstwowa, co jest najczęstszym przypadkiem opcji n-warstwowej. Wprowadzenie dodatkowej warstwy do infrastruktury pozwala w razie potrzeby wymienić lub zmodyfikować dowolną z warstw. Na przykład zmiana systemu operacyjnego klienta w warstwie prezentacji danych wymagałaby jedynie zmiany kodu. interfejs użytkownika, logika biznesowa i warstwa dostępu do danych pozostaną niezmienione. 3. w zależności od rodzaju informacji przekazanych użytkownikowi statyczny b. dynamiczny Aplikacje dynamiczne zawierają zmieniającą się treść (treść) istotną dla informacji, a statyczna aplikacja internetowa zawiera treść niezmienną. Wymagania dla aplikacji webowych O jakości tworzonej aplikacji decyduje to, jak spełnia ona wymagania, które zostały postawione na etapie projektowania systemu. Wszystkie wymagania dotyczące aplikacji, w tym aplikacji webowych, są podzielone na funkcjonalne i niefunkcjonalne. Wymagania funkcjonalne definiują funkcjonalność systemu, którą programiści muszą zbudować, aby użytkownicy mogli wykonywać swoje zadania w ramach procesów biznesowych. Wymagania niefunkcjonalne to opisy cech aplikacji, które są ważne dla użytkownika podczas korzystania z systemu. Zastanówmy się, jakie cechy wyznaczają wymagania niefunkcjonalne dla systemu: niezawodność. Formalnie niezawodność jest właściwością aplikacji polegającą na utrzymywaniu w czasie w ustalonych granicach wartości wszystkich parametrów charakteryzujących zdolność do wykonywania wymaganych funkcji w danych trybach i warunkach użytkowania (GOST 27.002-89). Tych. wymagania dotyczące niezawodności aplikacji są określone przez warunki działania aplikacji ( ustawienia serwera, maksymalna ilość użytkowników aplikacji) oraz akceptowalnych wskaźników wydajności systemu w tych warunkach (czas przetwarzania żądania użytkownika do systemu, liczba awarii systemu). Dlatego zaufana aplikacja internetowa musi zapewniać użytkownikowi dostęp do wszystkich funkcji w dowolnych 3 warunkach (tj. wszystkie możliwe warunki ta aplikacja należy wziąć pod uwagę i uwzględnić przy projektowaniu systemu). szybkość aplikacji. Wydajność definiuje się jako średni czas przetwarzania żądania użytkownika do systemu. Maksymalny akceptowalny czas odpowiedzi dla aplikacji internetowych to 5 sekund. bezpieczeństwo. Wymóg bezpieczeństwa aplikacji webowej obejmuje: zróżnicowanie praw dostępu do funkcji i danych każdego komponentu aplikacji webowej, kontrolę poziomu dostępu komponentów i/lub użytkowników, autoryzację i weryfikację użytkowników. skalowalność to zdolność systemu do zwiększania wydajności przy zwiększonym obciążeniu i dodaniu zasobów. Użytkownik skalowalnej aplikacji internetowej nie powinien zauważać momentu (tj. czas reakcji systemu na żądania użytkowników nie powinien się zauważalnie zmieniać), gdy obciążenie wzrasta (np. kilku kolejnych użytkowników uzyskuje dostęp do aplikacji w tym samym czasie) i kiedy zmiany konfiguracji aplikacji (np. jeśli zostanie dodana warstwa logiki biznesowej) dodatkowy składnik przetwarzanie danych). Więcej o wymaganiach dla aplikacji oraz o tym, jak je zbierać, analizować i kontrolować można przeczytać w książce. Temat 2. Podstawy projektowania aplikacji internetowych. Cykl życia aplikacji internetowej. Testowanie obciążenia. Rozważ główne etapy tworzenia aplikacji internetowej. Proces tworzenia aplikacji internetowej, jak każdego systemu informatycznego, określa pojęcie „cyklu życia”. Model cyklu życia to struktura składająca się z procesów, czynności i zadań, w tym rozwoju, obsługi i utrzymania oprogramowania, obejmująca życie systemu od ustalenia wymagań dla niego do zakończenia jego użytkowania. Głównym dokumentem normatywnym regulującym cykl życia oprogramowania jest międzynarodowa norma ISO/IEC 12207. Norma ta określa procesy, czynności i zadania, które są stosowane: przy zakupie systemu zawierającego oprogramowanie lub oddzielnie dostarczanego produktu programowego; w świadczeniu usług w zakresie oprogramowania, a także w dostarczaniu, opracowywaniu, obsłudze i utrzymaniu oprogramowania. Struktura cyklu życia oparta jest na trzech grupach procesów: główne procesy cyklu życia oprogramowania (zamówienie, dostawa, rozwój, eksploatacja, utrzymanie); procesy pomocnicze zapewniające realizację głównych procesów (dokumentacja, zarządzanie konfiguracją, zapewnienie jakości, weryfikacja, certyfikacja, ocena, audyt, rozwiązywanie problemów); procesy organizacyjne (zarządzanie projektami, tworzenie infrastruktury projektowej, definiowanie, ocena i doskonalenie samego cyklu życia, szkolenia). Cykl życia składa się z 4 faz: 1) analiza i planowanie wymagań. Na tym etapie ustalany jest zestaw funkcji, które system powinien wykonać, z priorytetyzacją tych, które powinny zostać wdrożone najszybciej; wykonywany jest opis potrzeb informacyjnych systemu; ustalane są koszty materiałowe, sprzęt komputerowy oraz ustalane są terminy wykonania prac. 2) projektowanie systemu, może odbywać się za pomocą narzędzi CASE. Na tym etapie analizowane są funkcje systemu i powiązania między nimi, ustalane są wymagania dotyczące delimitacji dostępu do danych i niezbędnej dokumentacji oraz podejmowana jest decyzja o podziale systemu na podsystemy. Efektem realizacji scenicznej jest ogólny model obiektów i relacji między nimi, model funkcjonalny ogólnie iw każdym podsystemie, interfejsy precyzyjnie zdefiniowane za pomocą narzędzi CASE, budowanie prototypów ekranów, okien dialogowych, raportów. 3) budowa (wdrożenie i testowanie systemu). Na tym etapie następuje rozwój aplikacji – generowanie lub rozwój kodów, integracja całego systemu jako całości. Efektem etapu jest gotowy system, który spełnia wszystkie wymagania stawiane na etapie pierwszym. 4) wdrożenie systemu i szkolenie użytkowników. Główne typy modeli cyklu życia: model kaskadowy model spiralny Podczas pracy nad modelem kaskadowym całość rozwoju podzielona jest na etapy (fazy), a przejście z jednego etapu do drugiego następuje dopiero po zakończeniu pracy nad bieżącym zakończony. Każdy etap kończy się wydaniem kompletnego zestawu dokumentacji, wystarczającego do kontynuowania rozwoju przez inny zespół programistów. Pozytywne aspekty zastosowania podejścia kaskadowego są następujące: na każdym etapie tworzony jest komplet dokumentacji projektowej spełniającej kryteria kompletności i spójności; etapy prac wykonywane w logicznej kolejności pozwalają zaplanować terminy zakończenia wszystkich prac i odpowiadające im koszty. Kolejność prac w ramach modelu kaskadowego jest następująca: Rys. 2 Kaskadowy model cyklu życia Podejście kaskadowe sprawdziło się w przypadku systemów budowlanych, w przypadku których na samym początku rozwoju wszystkie wymagania można sformułować dość dokładnie i całkowicie, aby dać programistom swobodę ich implementacji jak najlepiej od strony technicznej punkt widzenia. Do tej kategorii należą złożone systemy obliczeniowe, systemy czasu rzeczywistego i inne podobne zadania. Jednak w procesie stosowania tego podejścia odkryto szereg jego niedociągnięć, przede wszystkim ze względu na to, że rzeczywisty proces tworzenia oprogramowania nigdy nie mieścił się całkowicie w tak sztywnym schemacie. Główną wadą podejścia kaskadowego jest znaczne opóźnienie w uzyskaniu wyników. Koordynacja wyników z użytkownikami odbywa się tylko w zaplanowanych punktach po zakończeniu każdego etapu prac, wymagania dla SI są „zamrożone” w formie zadania technicznego na cały czas jego tworzenia. Dzięki temu użytkownicy mogą zgłaszać swoje uwagi dopiero po zakończeniu prac nad systemem. Model alternatywny to spiralny model cyklu życia. Model ten uwzględnia potrzebę ciągłego przeglądu, udoskonalania i oceny wymagań projektowych. Model skupia się na początkowe etapy cykl: analiza i projektowanie. Na tych etapach sprawdza się wykonalność rozwiązań technicznych, tworząc 5 prototypów. Każdy obrót spirali odpowiada stworzeniu fragmentu lub wersji systemu, na którym określone są cele i cechy projektu, określana jest jego jakość i planowana jest praca kolejnego zwoju spirali. W ten sposób szczegóły projektu zostają pogłębione i konsekwentnie skonkretyzowane, a w efekcie wybierana jest rozsądna opcja, którą doprowadza się do realizacji. Takie podejście może być bardzo skuteczne przy szybkim opracowywaniu małych projektów. Stymuluje aktywną interakcję między zespołem projektowym a klientem, ponieważ klient ocenia postęp i wyniki pracy w całym projekcie. Wadą modelu spiralnego jest brak wyraźnych kamieni milowych (punktów kontrolnych pomiędzy etapami cyklu życia projektu), co może prowadzić do chaosu w procesie rozwoju. Ryż. 3 Model Microsoft Spiral Life Cycle Model został opracowany w oparciu o metodologię MSF, Microsoft Solution Framework. Model ten łączy w sobie właściwości dwóch standardowych modeli produkcyjnych: kaskady (wodospad) i spirali (spirala). Zachowuje zalety uporządkowania modelu kaskadowego bez utraty elastyczności i kreatywności modelu spiralnego. Model procesu MSF uwzględnia stale zmieniające się wymagania projektowe. Wynika to z tego, że opracowanie rozwiązania powinno składać się z krótkich cykli, które tworzą postępujący ruch od najprostszych wersji rozwiązania do jego ostatecznej postaci. W metodyce MSF cykl życia projektu podzielony jest na 5 faz (etapów): 1. Faza opracowania koncepcji – na tym etapie ustalane są cele i granice projektu oraz oceniane są ryzyka projektu. 2. Faza planowania obejmuje przygotowanie specyfikacji wymagań dla projektu, oszacowanie kosztów projektu oraz harmonogram rozwoju poszczególnych elementów projektu. 3. Faza rozwoju — w tej fazie rozwoju zespół projektowy koncentruje się na tworzeniu komponentów rozwiązania (w tym zarówno dokumentacji, jak i kodu). Jednak niektóre z tych prac mogą być kontynuowane również w fazie stabilizacji, jeśli taka potrzeba zostanie zidentyfikowana podczas procesu testowania. Ta faza obejmuje również rozwój infrastruktury. 4. Faza stabilizacji. W fazie stabilizacji opracowane rozwiązanie jest testowane. Jednocześnie uwaga skupiona jest na jego działaniu w realistycznym modelu środowiska produkcyjnego. 5. Faza realizacji. W tej fazie zespół projektowy wdraża technologie i komponenty rozwiązania, stabilizuje wdrożone rozwiązanie, przekazuje pracę personelowi wsparcia i utrzymania oraz otrzymuje od klienta ostateczną akceptację wyników projektu. Po zakończeniu wdrożenia zespół projektowy analizuje wykonane prace i satysfakcję klienta. Podczas tej fazy, gdy komponenty rozwiązania są migrowane ze środowiska testowego 6 do środowiska produkcyjnego, wysiłki zmierzające do ustabilizowania rozwiązania mogą być kontynuowane. Ta metodologia tworzenia oprogramowania opisuje zarządzanie ludźmi (zespołem projektowym) oraz procesami pracy w procesie tworzenia rozwiązania. MSF to spójny zestaw pojęć, modeli i zasad. W ramach MSF kod programowania, dokumentacja, projekt, plany i inne materiały robocze są tworzone metodami iteracyjnymi. MSF zaleca rozpoczęcie opracowywania rozwiązania od kompilowania, testowania i wdrażania jego podstawowych funkcji. Następnie do rozwiązania dodawanych jest coraz więcej funkcji. Ta strategia nazywana jest strategią wersjonowania. Chociaż jedno wydanie wersji może być wystarczające dla małych projektów, zaleca się, aby nie przegapić możliwości utworzenia wielu wersji dla jednego rozwiązania. Wraz z tworzeniem nowych wersji funkcjonalność rozwiązania ewoluuje. Szczegółowy opis metodologii MSF dostępny jest na stronie Microsoft. Temat 3. Podstawy projektowania aplikacji internetowych. Witryny internetowe. Usługi internetowe. Strona internetowa to jedna lub kombinacja stron internetowych dostępnych w Internecie za pośrednictwem protokołów HTTP/HTTPS. Strony witryny internetowej są połączone wspólnym adresem głównym i zazwyczaj według tematu, struktury logicznej, projektu i/lub autorstwa. Informacje przekazywane użytkownikowi w serwisie mogą być statyczne, a serwer w tym przypadku jest jedynie repozytorium stron serwisu, które wysyła w niezmienionej postaci na żądanie klienta. Inny schemat działania aplikacji internetowej pojawia się, gdy strona pracuje z dynamicznymi informacjami, tj. informacje powinny zależeć od tego, kto i w jakim momencie uzyska do nich dostęp. Witryna dynamiczna może zawierać wygaszacze ekranu flash, filmy, animacje, a także pojedyncze strony statyczne. Rozważ zalety i wady statycznej strony internetowej. Do zalet można zaliczyć stosunkowo niski koszt rozwoju i wsparcia technicznego (hosting). Minusem jest konieczność modyfikacji kodu programu w przypadku chęci zmiany zawartości serwisu. Wraz ze wzrostem objętości witryny problematyczne staje się utrzymanie jej integralności. Witryna dynamiczna pozwala na dwukierunkową wymianę informacji między użytkownikiem a aplikacją, a także jest wygodniejsza w zarządzaniu i utrzymaniu, ponieważ nie wymaga to żadnych zmian w kodzie stron. Jednocześnie strona dynamiczna jest droższa w wsparciu technicznym niż statyczna, wymaga większych zasobów serwerowych. W statycznej aplikacji internetowej nie ma podziału warstw logicznych aplikacji na warstwy prezentacji, przetwarzania i dostępu do danych. W aplikacji dynamicznej pojawia się taka separacja. Dane nie są już przechowywane w kodzie stron internetowych, ale w oddzielne pliki lub w bazie danych (DB). Warstwa przetwarzania danych może być zaimplementowana jako monolityczny komponent aplikacji internetowej lub poszczególne komponenty mogą być wyodrębnione jako specjalne usługi sieciowe, oprogramowanie dostępne przez sieć. Użycie takich komponentów poprawia skalowalność systemu i umożliwia ich ponowne użycie. Usługa sieciowa to system oprogramowania identyfikowany przez ciąg identyfikatora URI, którego publiczne interfejsy i powiązania są zdefiniowane i opisane przez XML. Opis tego system oprogramowania mogą być znalezione przez inne systemy oprogramowania, które mogą wchodzić z nim w interakcję zgodnie z tym opisem 7 za pośrednictwem wiadomości opartych na XML i przesyłanych za pomocą protokołów internetowych. Usługi sieciowe zapewniają systemowi następujące korzyści: interakcja komponentów oprogramowania jest możliwa niezależnie od platformy, dzięki wykorzystaniu protokołu HTTP możliwa jest interakcja komponentów przez sieć. Z punktu widzenia logicznej organizacji usług sieciowych: Nazwijmy usługę zasobem, który realizuje funkcję biznesową i ma następujące właściwości: jest wielokrotnego użytku; zdefiniowany przez jeden lub więcej wyraźnych, niezależnych od technologii interfejsów; luźno powiązane z innymi podobnymi zasobami i mogą być wywoływane przez protokoły komunikacyjne, które zapewniają możliwość interakcji zasobów ze sobą. Oznacza to, że korzystanie z usług internetowych pozwala rozluźnić sprzężenie składników aplikacji internetowej. Aby zapewnić użytkownikowi końcowemu funkcje, które są realizowane przez usługę sieciową, wymagane jest zorganizowanie interakcji trzech komponentów: źródła żądania do usługi sieciowej, dostawcy usługi sieciowej oraz brokera usług sieciowej, który pełni rolę pośrednik między źródłem a dostawcą usług internetowych. Ryż. 4 Serwis internetowy. Interakcja komponentów. SOAP (Simple Object Access Protocol) to protokół przesyłania wiadomości między dostawcą a konsumentem usługi sieciowej, oparty na XML i HTTP. WSDL (ang. Web Service Description Language) to schemat XML opisujący metody i parametry usługi sieciowej. Schemat XML to zestaw znaczników używanych w dokumencie XML. Pozwala dokładnie określić, jakie dane są zawarte w odpowiednim dokumencie XML, sprawdzić jego integralność. Protokół UDDI (Universal Description, Discovery and Intgration) jest niezależną od platformy, otwartą strukturą opisu usług, wykrywania i integracji usług w Internecie. Więcej informacji na stronie www.uddi.com. Temat 4. Visual Web Developer Express Edition. Ogólna idea produktu jako narzędzia do tworzenia dynamicznych aplikacji internetowych. Zapoznaliśmy się z teoretycznymi podstawami projektowania aplikacji internetowych, kolejnym krokiem jest zastosowanie wiedzy zdobytej przy tworzeniu aplikacji. 8 Tworzenie złożonych aplikacji internetowych od podstaw to czasochłonne zadanie, które wymaga od programistów umiejętności projektowania i tworzenia systemów informatycznych. Dla osób rozpoczynających swoją drogę w dziedzinie tworzenia stron internetowych rozwiązanie tego problemu staje się bardziej dostępne dzięki narzędziom programistycznym, które są skoncentrowane w szczególności na potrzebach początkujących użytkowników. Popularnym środowiskiem programistycznym, które spełnia to wymaganie, jest Visual Web Developer Express Edition firmy Microsoft. Dla każdej warstwy aplikacji internetowej (interfejs, logika biznesowa, dane) VWD oferuje wydajny zestaw narzędzi programistycznych (patrz poniżej). Aplikacje internetowe w Visual Web Developer Express Edition są oparte na technologii ASP.NET. ASP.NET to platforma do tworzenia i uruchamiania aplikacji na serwerze sieci Web, w tym obiektów i kontrolek czasu projektowania oraz kontekstu środowiska uruchomieniowego. Z kolei ASP.NET jest częścią .NET Framework i dlatego zapewnia dostęp do wszystkich funkcji tego frameworka. Na przykład można tworzyć aplikacje internetowe ASP.NET w dowolnym języku programowania .NET (Visual Basic, C#, Managed Extensions for C++ i wiele innych) oraz narzędzia do debugowania platformy .NET. Dostęp do danych realizowany jest za pośrednictwem ADO.NET. Podobnie można uzyskać dostęp do usług systemu operacyjnego przy użyciu klas .NET Framework itd. Aplikacje sieci Web ASP.NET działają na serwerze sieci Web skonfigurowanym do współpracy z Internetowymi usługami informacyjnymi (IIS) firmy Microsoft. Jednak nie jest konieczna bezpośrednia praca z usługami IIS. Narzędzia IIS można programować za pomocą klas ASP.NET, a program Visual Web Developer Express Edition będzie wykonywać zadania zarządzania plikami, takie jak tworzenie aplikacji IIS według potrzeb i udostępnianie sposobów wdrażania aplikacji internetowych w usługach IIS. Zaletą korzystania z Visual Web Developer Express Edition do tworzenia aplikacji internetowych jest to, że zapewnia narzędzia, dzięki którym proces tworzenia aplikacji jest znacznie szybszy, łatwiejszy i bardziej niezawodny. Narzędzia te obejmują: Projektanci wizualni stron internetowych z prototypami kontrolek oraz widok Code View (HTML), który zapewnia sprawdzanie składni kodu. Zoptymalizowane edytory kodu, które obejmują funkcje IntelliSense. IntelliSense w Visual Web Developer Express Edition to narzędzie, które zapewnia szybki dostęp użytkownika do wszystkich funkcji języka programowania. Pozwala wyszukiwać elementy językowe w trybie edycji kodu programu, wybrać odpowiedni element i dodać go do kodu. Intellisense zapewnia następujące możliwości: o Przeglądanie listy elementów klasy (struktur, związków lub przestrzeni nazw) dla obiektu, do którego odwołuje się ta klasa. Członek klasy wybrany z tej listy zostanie dodany do kodu programu. o przeglądanie listy parametrów funkcji określonej w kodzie. Informacja o funkcji zawiera nazwy i typy wszystkich parametrów, typ wartości zwracanej. o dostęp do informacji o zmiennej. Funkcja ta pozwala wybrać identyfikator zmiennej w kodzie i zobaczyć jak zmienna została zadeklarowana. o autouzupełnianie. Ta funkcja uzupełnia niedokończone nazwy zmiennych, funkcji, gdy wprowadzono wystarczającą liczbę znaków, aby rozwiązać niejednoznaczność nazw. o Automatyczne dopasowywanie nawiasów otwierających i zamykających oraz niezamkniętych segmentów kodu. Wbudowane narzędzia do kompilacji i debugowania. 9 Narzędzia do zarządzania projektami do tworzenia i zarządzania plikami aplikacji, w tym wdrażania na lokalnym lub zdalnym serwerze. Elementy aplikacji internetowych ASP.NET Tworzenie aplikacji internetowych ASP.NET wiąże się z pracą z wieloma elementami, które są używane w dowolnym aplikacja klient-serwer . Należą do nich: Interfejs użytkownika. Aplikacja z reguły wyświetla użytkownikowi dane na ekranie; w aplikacji sieci Web ASP.NET interfejs użytkownika ma postać stron formularzy sieci Web, które wysyłają dane wyjściowe do przeglądarki. Opcjonalnie możesz utworzyć dane wyjściowe specjalnie zaprojektowane do pracy z urządzeniami mobilnymi lub innymi urządzeniami sieciowymi. Składniki. Wiele aplikacji internetowych można podzielić na komponenty, które zawierają kod do wykonywania określonych zadań i mogą być ponownie użyte. Te składniki można tworzyć jako usługi sieci Web XML, które umożliwiają wywoływanie tych składników za pośrednictwem sieci Web, na przykład z aplikacji sieci Web, innej usługi sieci Web lub formularza systemu Windows, i ponowne ich użycie. Dane. Większość aplikacji wymaga jakiejś formy dostępu do danych. W programie Visual Web Developer Express Edition można to zrobić za pomocą ADO.NET (usługi danych, która jest częścią .NET Framework). Tworzenie aplikacji internetowej w Visual Web Developer Express Edition Przeanalizujmy kolejne kroki tworzenia prostej aplikacji internetowej w Visual Web Developer Express Edition. Będzie to strona internetowa, która po kliknięciu przycisku wyświetla komunikat (np. „Hello World”). Nową witrynę można utworzyć, wybierając pozycję menu Plik | nowa strona internetowa. Wyświetlone okno dialogowe monituje o wybranie typu witryny, którą chcesz utworzyć — może to być witryna sieci Web ASP.NET, pusta witryna sieci Web, usługa sieci Web ASP.NET lub zestaw startowy osobistej witryny sieci Web. Jeśli wybierzesz szablon witryny sieci Web ASP.NET, program Visual Web Developer Express Edition wygeneruje minimalną liczbę plików wymaganą do utworzenia witryny sieci Web. Zostanie utworzona jedna strona internetowa, pusty katalog Data oraz plik projektu .sln. Jeśli wybierzesz szablon usługi sieci Web ASP.NET, program Visual Web Developer Express Edition wygeneruje minimalną liczbę plików wymaganą do utworzenia usługi sieci Web. W przypadku wybrania szablonu Pusta witryna sieci Web zostanie utworzony tylko pusty katalog i plik projektu .sln. Jeśli wybierzesz szablon Personal Web Site Starter Kit, program Visual Web Developer Express Edition użyje Starter Kit, przykładowej osobistej witryny internetowej z niektórymi wbudowanymi funkcjami. Z listy Lokalizacja możesz wybrać lokalizację tworzonej witryny sieci Web. Dostępne są trzy opcje: HTTP — tradycyjny sposób uzyskiwania dostępu do witryny sieci Web za pośrednictwem protokołu HTTP przy użyciu rozszerzeń serwera FrontPage (podobnie jak w poprzednich wersjach); FTP - dostęp do serwisu będzie realizowany przez protokół FTP; system plików- Nowa okazja ASP.NET 2.0 oferowana domyślnie. Wybranie go spowoduje utworzenie witryny internetowej po prostu w katalogu systemu plików lokalny komputer, a do debugowania będzie używany serwer sieci Web debugowania zintegrowanego z ASP.NET. Po zakończeniu tworzenia aplikacji należy ją opublikować na zwykłym serwerze sieci Web Internet Information Server. W naszym przykładzie wybieramy szablon witryny sieci Web ASP.NET. Wpisujemy nazwę strony - HelloWorld, a ścieżkę do niej wskazujemy język programowania - Visual C#. 10

Trendy rozwoju oprogramowania wymagają, aby nawet samodzielny komputer był wyposażony w oprogramowanie sieciowe (przeglądarki, programowe implementacje protokołów). Cechą oprogramowania sieci komputerowych na obecnym etapie rozwoju jest niezwykle szeroka gama stosowanych narzędzi programowych i języków programowania. Wynika to z dynamicznego rozwoju i ogromnej różnorodności sieci komputerowych i związanych z nimi technologii. W takich warunkach żadna technologia ani język programowania nie mogą mieć zdecydowanej przewagi nad innymi. Sytuacja ta zmusza specjalistę zajmującego się tworzeniem oprogramowania do jednoczesnego opanowania i wykorzystania w praktyce dużej liczby narzędzi programistycznych i języków programowania.

Na przykład, nawet aby stworzyć konwencjonalną interaktywną stronę internetową, która spełnia współczesne wymagania, wymagana jest znajomość języka znaczników hipertekstowych HTML, kaskadowych arkuszy stylów (CSS) i bardziej wyrafinowanych technologii tworzenia aplikacji po stronie serwera, takich jak PHP. Dodatkowo, aby opracować serwerową część oprogramowania, programista musi mieć dostęp do baz danych za pomocą języka zapytań Mysql.

Denver: Automatyzacja instalacji zestawu narzędzi.

Ręczna instalacja serwera Apache i powiązanych programów może być dość żmudnym zadaniem. Faktem jest, że będziesz miał do czynienia z licznymi opcjami konfiguracji Apache, PHP i MySQL, których już nigdy więcej nie będziesz potrzebować.

Denver to uniwersalny instalator, który może uprościć instalację wszystkich programów potrzebnych programiście WWW, są to te same dystrybucje Apache, PHP, MySQL, Perl, połączone w jedno archiwum, wyposażone w wygodny instalator i narzędzia konfiguracyjne dla konkretnego maszynę (w tym narzędzia do automatycznej konfiguracji wirtualnych hostów).

Denver to w pełni zautomatyzowany zakład.

Warunki korzystania.

Denver został zaprojektowany tak, aby był łatwy w konfiguracji i swobodnej instalacji.

programy redystrybucyjne (Apache, PHP, MySQL itp.). Oczywiście może

bezpłatnie do użytku przez programistów i projektantów stron internetowych, ale tylko do celów niekomercyjnych.

Denver ma budowę modułową. Jego rdzeniem jest tak zwany „pakiet podstawowy”. Wszystkie inne komponenty są dostarczane jako samodzielne pakiety rozszerzeń”, które wymagają do działania pakietu podstawowego.

Skład pakietu podstawowego.

Pakiet podstawowy zawiera większość programów i narzędzi potrzebnych programistom sieciowym:

Apache z obsługą SSI, mod_rewrite, modphp;

PHP z obsługą GD i MySQL;

MySQL z obsługą transakcji (nrysqld-max);

PhpMyAdmin - system zarządzania MySQL poprzez interfejs WWW; w pełni

zastępuje wiersz poleceń MySQL;

rdzeń Perla bez standardowych bibliotek;

emulator sendmaila;

wspierana praca w połączeniu z PHP i Perl;

dystrybucja, która zawiera wszystkie wymienione powyżej komponenty, zajmuje tylko około 2 MB.

Dodatkowe pakiety rozszerzeń

Dostępnych jest również wiele pakietów rozszerzeń Denver, zawierających:

dokumentacja do wszystkich programów wchodzących w skład kompleksu;

pełna wersja Perla ze standardowymi bibliotekami;

pełna wersja PHP 5;

Wsparcie dla programistów.

Na stronie http://forum.dklab.ru/denwer/ znajduje się forum, na którym można uzyskać porady od autorów książki w kwestiach związanych z korzystaniem z Denver. Zawiera również obszerną bazę pytań i odpowiedzi nadesłanych przez użytkowników w ciągu ostatnich dwóch lat. Forum posiada elastyczny system wyszukiwania.

Instalacja dystrybucyjna.

Wszystkie dystrybucje są archiwami w formacie 7-Zip (http://7-zip.org). Format został wybrany, ponieważ zapewnia najlepszy współczynnik kompresji.

Po zakupie dystrybucji musisz ją uruchomić. Najpierw archiwum zostanie rozpakowane do katalogu tymczasowego (trzeba trochę poczekać), a następnie automatycznie uruchomi się instalator.

Zostaniesz zapytany, w którym katalogu chcesz zainstalować kompleks (domyślnie C: WebServers, wystarczy nacisnąć klawisz zaakceptować ten wybór). Absolutnie wszystkie składniki systemu będą znajdować się w określonym katalogu, a poza nim nie zostaną utworzone żadne pliki (z wyjątkiem skrótów na pulpicie).

Denver ma kilka plików konfiguracyjnych i znajdują się one w miejscach, w których najłatwiej je znaleźć dla komponentów kompleksu. Niektóre pliki domyślnie nie istnieją - należy je utworzyć przed wprowadzeniem zmian.

  • * Główny plik konfiguracyjny: /etc/CONFIGURATION.txt.
  • * Konfiguracja Apache httpd.conf: /usr/local/apache/conf/httpd.conf.
  • * pliki .htaccess z Ustawienia lokalne witryny: w katalogach dokumentów odpowiednich witryn.
  • * Konfiguracja PHP: php.ini: /usr/local/php/php.ini.
  • * Konfiguracja PHP 3: /usr/local/php3/php3.ini.
  • * Konfiguracja MySQL z transakcjami: /usr/local/mysql/my.cnf.
  • * plik hosts- zgodność nazw witryn z ich adresami IP:

dla Windows 95/98/ME: C:Windowshosts;

dla Windows NT/2000/XP: C:WinNTsystem32driversetchhosts.

Zacznij korzystać z Denver.

Po zakończeniu instalacji kliknij skrót Denwer na pulpicie.

Otwórz http://localhost (przechowywany w home/localhost/www) w swojej przeglądarce.

HTML

Wymiana informacji w Internecie odbywa się za pomocą protokołów na poziomie aplikacji, które implementują tę lub inną usługę aplikacji (przesyłanie plików, informacje hipertekstowe, poczta itp.). Jedną z najmłodszych i najpopularniejszych usług internetowych, której rozwój doprowadził do gwałtownego wzrostu popularności samego Internetu, stała się World Wide Web (WWW), oparta na protokole HTTP (Hyper Text Transfer Protocol). Dokumenty hipertekstowe prezentowane w sieci WWW mają jedną zasadniczą różnicę w stosunku do tradycyjnych dokumentów hipertekstowych - łącza, z których korzystają, nie ograniczają się do jednego dokumentu, a ponadto nie ograniczają się do jednego komputera. Do przygotowania dokumentów hipertekstowych wykorzystywany jest język HTML (Hyper Text Markup Language - język znaczników dla dokumentów hipertekstowych), który daje szerokie możliwości formatowania i znaczników strukturalnych dokumentów, organizowania powiązań między różnymi dokumentami, a także środków do umieszczania informacji graficznych i multimedialnych. Dokumenty HTML są przeglądane za pomocą program specjalny- przeglądarka. Najczęściej używane przeglądarki to Netscape Navigator (NN) i Microsoft Internet Explorer (MSIE). Implementacje NN są dostępne dla prawie wszystkich nowoczesnych platform programowych i sprzętowych, implementacje MSIE są dostępne dla każdego Platformy Windows, Macintosh i niektóre komercyjne systemy Unix.

Dokument HTML składa się z tekstu reprezentującego treść dokumentu i tagi, definiując jego strukturę i wygląd podczas wyświetlania w przeglądarce. Najprostszy dokument html wygląda tak:

Nazwa

Treść dokumentu

Jak widać na przykładzie, tag to słowo kluczowe, ujęty w nawiasy kątowe. Istnieją pojedyncze tagi, takie jak np.

i sparowane jako , w tym drugim przypadku tag wpływa tylko na tekst między otwierającym i zamykającym nawiasem klamrowym. Tagi mogą mieć również parametry - np. opisując stronę można ustawić kolor tła, kolor czcionki itp.: text="czarny">.

Tekst całego dokumentu zawarty jest w tagach , sam dokument jest podzielony na dwie części - nagłówek i treść. Tytuł opisują tagi , który może zawierać tytuł dokumentu (za pomocą tagów </i>) oraz inne parametry używane przez przeglądarkę podczas wyświetlania dokumentu. Treść dokumentu jest ujęta w znaczniki <i><body> </i> i zawiera rzeczywiste informacje, które widzi użytkownik. W przypadku braku znaczników formatujących cały tekst jest wyświetlany w oknie przeglądarki w ciągłym strumieniu, znaki nowej linii, spacje i tabulatory są traktowane jako znaki odstępu, kilka kolejnych znaków odstępu jest zastępowanych jednym. Do formatowania używane są następujące tagi główne:</p> <p><p>Początek nowego akapitu może mieć parametr wyrównania:</p> <p> <p>Podział wiersza w bieżącym akapicie;</p> <p><u></u>- podkreślenie tekstu</p> <p>Link do innego dokumentu jest ustawiany za pomocą tagu <i><a href= «URL»>…</a> </i>, gdzie URL to pełny lub względny adres dokumentu. W tym przypadku tekst zawarty w tagu <a>, jest zazwyczaj podkreślony i pokolorowany, a po kliknięciu w ten link przeglądarka otwiera dokument, którego adres podany jest w parametrze href. Obrazy graficzne są wstawiane do dokumentu za pomocą tagu <i><img src='/photoshop/vybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki/' loading=lazy loading=lazy> </i>.</p> <p><u><b>PHP</b> </u></p> <p>PHP (ang. PHP: HyperText Preprocessor - „PHP: hypertext preprocessor”, ang. Personal Home Page Tools (nieaktualne) - „Narzędzia do tworzenia osobistych stron internetowych”) to uniwersalny skryptowy język programowania, który jest intensywnie używany do tworzenia stron internetowych Aplikacje. Jest obecnie obsługiwany przez zdecydowaną większość dostawców hostingu i jest jednym z wiodących języków programowania.</p> <p>PHP to język specyficzny dla sieci WWW o wszechstronnej i przejrzystej składni, która jest bardzo podobna do C, łącząc zalety Perla i C. Umożliwia osadzanie kodu w dokumentach HTML. Możemy go użyć do generowania dokumentów HTML i pozbycia się wielu zewnętrznych wywołań skryptów. Język ten jest używany na około milionie serwerów na całym świecie, a ich liczba stale rośnie. Nowa generacja PHP5 powinna wymazać wszystkie zalety Perla nad PHP, zarówno pod względem szybkości przetwarzania programu (a PHP 3 i 4 były daleko w tyle za Perlem pod względem przetwarzania dużych pętli), jak i pod względem składni. Wreszcie, większość skryptów PHP (szczególnie mniejszych) działa szybciej niż ich odpowiedniki napisane w Perlu.</p> <p><u><b>Wersja PHP 5</b> </u></p> <p>Oczywiście przede wszystkim nieznacznie wzrosła szybkość pracy. Zawdzięczamy to przejściu na nowy rdzeń systemu - Zend Engine 2. Jednak głównym powodem zmiany numeru wersji z 4 na 5 jest znaczna poprawa możliwości obiektowych PHP oraz integracja dwóch interpreterów w jądro. <a href="https://polarize.ru/pl/history/planirovanie-landshafta-na-uchastke-onlain-programmy-dlya/">potężne biblioteki</a>: DBMS SQLite i moduł do pracy z XML.</p> <p>PHP w wersji 5 jest znacznie bardziej kompatybilne z PHP 4 niż PHP 4 jest z PHP 3. Oznacza to, że programy opracowane z PHP w wersji 4 z większym prawdopodobieństwem będą działać na PHP 5 bez żadnych zmian.</p> <p>Popularność w dziedzinie budowania stron internetowych determinowana jest obecnością dużego zestawu wbudowanych narzędzi do tworzenia aplikacji webowych. Najważniejsze z nich to:</p> <ul><li>automatyczne wyodrębnianie parametrów POST i GET oraz zmiennych środowiskowych serwera WWW do predefiniowanych tablic;</li> <li>interakcja z wieloma różnymi systemami zarządzania bazami danych (MySQL, Oracle, Microsoft <a href="https://polarize.ru/pl/internet/popytka-vstavki-neunikalnogo-znacheniya-v-unikalnyi-indeks-oshibka-popytka/">Serwer SQL</a>, InterBase, Paradox itp.);</li> <li>Automatyczne wysyłanie nagłówków HTTP;</li> <li>pracować z autoryzacją HTTP;</li> <li>· praca z plikami cookie i sesjami;</li> <li>· praca z plikami lokalnymi i zdalnymi, gniazdami;</li> <li>przetwarzanie plików wgranych na serwer;</li> <li>Praca z XForms</li> </ul><p>PHP jest obecnie używany przez setki tysięcy programistów. W kwietniu 2011 PHP znalazło się na 5 miejscu wśród języków programowania w rankingach TIOBE Corporation na podstawie danych wyszukiwarek.</p> <p><u><b>css</b> </u></p> <p>CSS (Cascading Style Sheets - kaskadowe arkusze stylów) to język opisu wyglądu dokumentu napisany za pomocą języka znaczników, potężny mechanizm do zarządzania prezentacją poszczególnych dokumentów lub ich zestawów.</p> <p>CSS jest używany przez twórców stron internetowych do ustawiania kolorów, czcionek, układu i innych aspektów prezentacji dokumentu. Podstawowym celem projektowania CSS było oddzielenie treści (napisanej w HTML lub innym języku znaczników) od prezentacji dokumentu (napisanej w CSS). Ta separacja może zwiększyć dostępność dokumentu, zapewnić większą elastyczność i kontrolę nad jego prezentacją oraz zmniejszyć złożoność i powtarzalność ustrukturyzowanej treści. Ponadto CSS umożliwia prezentację tego samego dokumentu w różnych stylach lub metodach renderowania.</p> <p>Przed pojawieniem się CSS stylizowanie stron internetowych odbywało się wyłącznie za pomocą HTML, bezpośrednio w treści dokumentu. Jednak wraz z pojawieniem się CSS stało się możliwe fundamentalne oddzielenie treści i prezentacji dokumentu. Dzięki tej innowacji stało się możliwe łatwe zastosowanie jednego stylu projektowego do masy podobnych dokumentów, a także szybką zmianę tego projektu.</p> <p><b>Zalety:</b></p> <p>Wiele projektów stron dla różnych urządzeń wyświetlających. Na przykład na ekranie projekt będzie miał dużą szerokość, podczas drukowania menu nie będzie wyświetlane, a na PDA i telefonie komórkowym menu będzie podążać za treścią.</p> <p>Skrócenie czasu ładowania stron serwisu poprzez przeniesienie reguł prezentacji danych do osobnego pliku CSS. W takim przypadku przeglądarka pobiera tylko strukturę dokumentu i dane przechowywane na stronie, a reprezentacja tych danych jest pobierana przez przeglądarkę tylko raz i może być buforowana.</p> <p>Łatwość kolejnych zmian konstrukcyjnych. Nie musisz edytować każdej strony, wystarczy zmienić plik CSS.</p> <p>Dodatkowe opcje projektowe. Na przykład, używając układu CSS, możesz utworzyć blok tekstu, wokół którego będzie zawijać się reszta tekstu (na przykład w przypadku menu) lub sprawić, by menu było zawsze widoczne podczas przewijania strony.</p> <p><b>Wady:</b></p> <p>Inny układ wyświetlania w <a href="https://polarize.ru/pl/game/skripty-dlya-tyuryagi-mozilla-firefox-ustanovka-skriptov-v-razlichnye-brauzery/">różne przeglądarki</a>(zwłaszcza przestarzałych), które inaczej interpretują te same dane CSS.</p> <p>Często spotykana w praktyce potrzeba naprawienia nie tylko jednego pliku CSS, ale także znaczników HTML, które są powiązane z <a href="https://polarize.ru/pl/components/universalnyi-selektor-universalnyi-selektor-v-css-gde-ego-mozhno-primenit/">Selektory CSS</a>, co czasami neguje łatwość stosowania pojedynczych plików stylów i znacznie wydłuża czas edycji i testowania.</p> <p><u><b>MySQL</b> </u></p> <p>Dziś trudno sobie wyobrazić coś znaczącego <a href="https://polarize.ru/pl/mobile/vidy-informacionnyh-sistem-v-organizacii-strategicheskie-informacionnye/">System informacyjny</a>, który nie miałby bazy danych jako ważnego komponentu. Koncepcje i technologie baz danych ewoluowały stopniowo i zawsze były ściśle związane z rozwojem zautomatyzowanych systemów przetwarzania informacji.</p> <p>Bazy danych są tworzone w celu przechowywania i dostępu do danych zawierających informacje o niektórych <a href="https://polarize.ru/pl/game/biometricheskie-metody-zashchity-vse-plyusy-i-minusy-biometricheskoi-sistemy-zashchity/">Tematyka</a> lub jak w naszym przypadku cennik, czyli w zakresie działalności człowieka, co z kolei ułatwia pracę i zwiększa wydajność pracy. Wynika to z dynamicznego rozwoju i różnorodności systemów zarządzania bazami danych.</p> <p><u>MySQL</u>- darmowy system zarządzania bazą danych (DBMS). MySQL jest własnością firmy Oracle Corporation, która otrzymała go wraz z przejętym Sun Microsystems, które rozwija i utrzymuje aplikację.</p> <p>MySQL to rozwiązanie dla małych i średnich aplikacji. Zawarte w serwerach WAMP, LAMP oraz w przenośnych zestawach serwerów Denver, XAMPP. MySQL jest zwykle używany jako serwer, do którego mają dostęp klienci lokalni lub zdalni, ale dystrybucja zawiera wewnętrzną bibliotekę serwera, która umożliwia dołączanie MySQL do samodzielnych programów.</p> <p>Elastyczność MySQL DBMS zapewnia wsparcie <a href="https://polarize.ru/pl/internet/kak-optimizirovat-vindovs-8-1-dlya-bystroi-raboty-vyyavlenie-prilozhenii/">duża liczba</a> typy tabel: Użytkownicy mogą wybierać między tabelami MyISAM, które obsługują wyszukiwanie pełnotekstowe, a tabelami InnoDB, które obsługują transakcje na poziomie indywidualnych rekordów. Co więcej, MySQL jest dostarczany ze specjalnym typem tabeli PRZYKŁAD, który demonstruje, jak tworzyć nowe typy tabel. Dzięki otwartej architekturze i licencjonowaniu GPL do bazy danych MySQL stale dodawane są nowe typy tabel.</p> <p>MySQL 5.1 kontynuuje ścieżkę do standardu SQL:2003. MySQL 5.1 zawiera następujące innowacje.</p> <p>Sharding to możliwość podzielenia jednej dużej tabeli na wiele części znajdujących się w różnych systemach plików na podstawie funkcji zdefiniowanej przez użytkownika. W pewnych warunkach może to dać znaczny wzrost wydajności, a dodatkowo ułatwia skalowanie tabel.</p> <p>Zachowanie wielu instrukcji zostało zmienione tak, aby było bardziej zgodne ze standardem SQL2003.</p> <p>Replikacja oparta na wierszach, w której w dzienniku binarnym zostaną zapisane tylko informacje o faktycznie zmienionych wierszach tabeli zamiast oryginalnego (i prawdopodobnie wolnego) tekstu zapytania. Replikacja wierszy może być używana tylko dla niektórych typów zapytań sql, w rozumieniu MySQL - replikacja mieszana.</p> <p>Wbudowany harmonogram zadań uruchamianych okresowo. W składni dodawanie zadania jest podobne do dodawania wyzwalacza do tabeli, w ideologii jest podobne do crontab.</p> <p>Dodatkowy zestaw funkcji do przetwarzania XML, implementacja obsługi XPath.</p> <p>Nowe narzędzia do rozwiązywania problemów i narzędzia do analizy wydajności. Rozszerzono możliwości zarządzania zawartością plików logów, logi można teraz zapisywać w tabelach general_log i slow_log. Narzędzie mysqlslap umożliwia: <a href="https://polarize.ru/pl/computer/nagruzochnoe-testirovanie-standartnyi-nagruzochnyi-test-chto-takoe-razmer/">Test naprężeń</a> Baza danych z zapisem czasu odpowiedzi dla każdego żądania.</p> <p>Aby uprościć operację aktualizacji, przygotowane zostało narzędzie mysql_upgrade, które sprawdzi wszystkie istniejące tabele pod kątem zgodności z <a href="https://polarize.ru/pl/internet/skachat-programmu-total-commander-na-russkom-yazyke-total-commander-skachat-besplatno/">Nowa wersja</a> i dokonaj odpowiednich korekt, jeśli to konieczne.</p> <p>MySQL Cluster jest teraz wydany jako samodzielny produkt oparty na MySQL 5.1 i repozytorium NDBCLUSTER.</p> <p>Znaczące zmiany w działaniu Klastra MySQL, takie jak np. możliwość przechowywania danych tabelarycznych na dysku.</p> <p>Przywrócono używanie wbudowanej biblioteki libmysqld, której brakowało w MySQL 5.0.</p> <p>API dla wtyczek, które umożliwia ładowanie modułów firm trzecich, które rozszerzają funkcjonalność (na przykład wyszukiwanie pełnotekstowe) bez restartu serwera.</p> <p>Implementacja parsera wyszukiwania pełnotekstowego jako wtyczki.</p> <p>Nowy typ tabeli Maria (odporny na błędy klon MyISAM).</p> <p><u><b>sieć</b>-<b>Serwer Apache</b> </u></p> <p>W trakcie realizacji projektu został wybrany <a href="https://polarize.ru/pl/components/moduli-rasshireniya-dlya-veb-servera-apache-ustanovka-modulei/">Serwer WWW Apache</a>. Dlaczego Apache? Faktem jest, że jest to obecnie najpopularniejszy serwer i jest mało prawdopodobne, że straci swoją popularność w ciągu najbliższych kilku lat. Jest instalowany przez większość dostawców hostingu. Ponadto, i nie mniej ważne, jest jego wersja dla systemu Windows, która jest prawie identyczna pod względem funkcjonalności jak jej odpowiednik uniksowy.</p> <p>Według Netcraft, całkowita liczba zarządzanych przez niego witryn internetowych osiągnęła do końca 1998 roku 2 miliony (55% całkowitej liczby witryn) i stale rośnie. Dla porównania: udostępnij <a href="https://polarize.ru/pl/graphics/call-licenzii-primery-licenzirovaniya-serverov-microsoft-vidy-licenzii-windows-server/">Serwery Microsoft</a> stanowi 25%, Netscape - 7%. Być wolnym <a href="https://polarize.ru/pl/computer/ne-mogu-otkryt-obraz-diska-kakimi-programmami-mozhno-otkryt/">otwórz program</a>, przeznaczony dla darmowych systemów Unix (FreeBSD, Linux itp.), oprogramowanie Apache <a href="https://polarize.ru/pl/office/prezentaciya-na-temu-klassifikaciya-kompyuterov-klassifikaciya/">funkcjonalność</a> i niezawodność nie ustępuje serwerom komercyjnym, a rozbudowane opcje konfiguracyjne pozwalają dostosować go do pracy z niemal każdym konkretnym systemem. Istnieją lokalizacje serwerów dla różnych języków, w tym rosyjskiego.</p> <p>Historycznie, rosyjskie teksty w Internecie mogą być reprezentowane w różnych kodowaniach, z których najbardziej rozpowszechnione są koi8-r (lub po prostu koi8) i Windows-1251: większość serwerów i stacji roboczych z systemem Unix działa z pierwszym, drugi jest standardem dla wszystkich <a href="https://polarize.ru/pl/office/kak-vklyuchit-bluetooth-na-noutbuke-vklyuchenie-adaptera-bluetooth-na-raznyh/">Wersje Windows</a>. Ponieważ kodowanie Windows-1251 jest naturalnie używane na zdecydowanej większości komputerów klienckich, udział tych, którzy surfują po rosyjskiej części WWW przy użyciu koi8, nie przekracza obecnie 5%. Jednak dokumenty są przechowywane w tym kodowaniu na wielu serwerach uniksowych, najczęściej przesyłane są w nim wiadomości pocztowe, a prawie zawsze w telekonferencjach prawie zawsze koresponduje z nimi wiele rosyjskojęzycznych kanałów IRC (swoją drogą skrót KOI oznacza „informacje kod wymiany”). Aby rozwiązać problemy, które pojawiają się, gdy kodowanie tekstu nie jest zgodne na serwerze i komputerze klienta, utworzono rosyjski moduł Apache-RUS dla serwera WWW Apache.</p> <h3>Wysyłanie dobrej pracy do bazy wiedzy jest proste. Skorzystaj z poniższego formularza</h3> <p>Studenci, doktoranci, młodzi naukowcy, którzy wykorzystują bazę wiedzy w swoich studiach i pracy będą Ci bardzo wdzięczni.</p> <h3>Podobne dokumenty</h3> <ul><p>Rozważenie pojęcia i klasyfikacja technologii internetowych. Podstawowe wymagania dotyczące stworzenia strony głównej serwisu, sekcji „O nas”, treści, załącznika. Ustalenie kierunków wykorzystania języków programowania HTML, PHP, JavaScript, VBScript, Perl.</p><p>praca semestralna, dodana 13.07.2010 <br></p> <p>Poznawanie możliwości i obszarów zastosowania języka programowania JavaScript. Analiza porównawcza języków programowania JavaScript i PHP. Opracowanie interaktywnej aplikacji internetowej na przykładzie testu na temat "Programowanie w Delphi".</p><p>praca praktyczna, dodano 02.04.2015 <br></p> <p>Charakterystyka porównawcza, cechy i funkcje języków programowania JavaScript i PHP. Główne obszary ich zastosowania. Opracowanie interaktywnej aplikacji internetowej z wykorzystaniem JavaScript na przykładzie testu na temat "Programowanie w języku Delphi".</p><p>praca semestralna, dodana 07.01.2014 <br></p> <p>Funkcje technologii Ajax do tworzenia aplikacji internetowych: wykonywanie żądań HTTP po stronie klienta i parsowanie odpowiedzi serwera XML. Tworzenie danych obiektu XMLHttpRequest dla <a href="https://polarize.ru/pl/components/kak-izmenit-glavnuyu-stranicu-brauzera-nastroika-startovoi/">różne przeglądarki</a>. Przetwarzanie za pomocą serwletu. Funkcjonalność zadań w Ajax.</p><p>praca laboratoryjna, dodano 06/06/2009 <br></p> <p>Struktura i struktura metody AJAX oraz historia jej powstania i rozwoju. Zestaw narzędzi do tworzenia aplikacji AJAX. Bezpieczeństwo aplikacji AJAX i sposoby ich rozwiązywania. Opracowanie projektu części klienckiej i administracyjnych portalu.</p><p>praca dyplomowa, dodana 22.07.2011 r. <br></p> <p>Zastosowanie języków programowania w tworzeniu stron internetowych. Utwórz dokument z obsługą hipertekstu za pomocą <a href="https://polarize.ru/pl/internet/yazyk-razmetki-gipertekstovyh-stranic-html-sozdanie-web-stranic-s-pomoshchyu/">używając HTML</a>. <a href="https://polarize.ru/pl/mobile/kak-udalit-opredelennyi-element-massiva-javascript-ispolzovanie-funkcii-delete/">Korzystanie z JavaScript</a> dla programowego dostępu do obiektów aplikacji. Perl to proceduralny język programowania; Język pseudoobiektów PHP.</p><p>praca semestralna, dodana 07.07.2013 <br></p> <p>Narzędzia programistyczne skoncentrowane na konkretnym DBMS. Bardzo <a href="https://polarize.ru/pl/game/chto-delat-s-oshibkoi-k-sozhaleniyu-ne-udalos-podklyuchitsya-k-skaip-chasto/">godne uwagi aplikacje</a> oparty na platformie Eclipse. Projekt NetBeans IDE, jego cechy. KDevelop to darmowe IDE dla systemów operacyjnych typu UNIX.</p><p>streszczenie, dodane 14.04.2014 <br></p> <p>Struktura i historia rozwoju technologii AJAX. Urządzenie metody AJAX. Zestaw narzędzi do tworzenia aplikacji internetowych. Rozwój i stworzenie portalu informacyjnego o językach programowania z wykorzystaniem technologii AJAX. <a href="https://polarize.ru/pl/office/informacionnye-voiny-vidy-celi-metody-informacionnye-voiny/">Treść informacji</a> portal.</p><p>praca dyplomowa, dodana 06.05.2011</p></ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> </div> <div class="full-place" data-place="article_before_social" data-priority="0" style="width: 100%;"></div> <div class="single-share"> <div class="single-share__top"> <div class="single-share__title">Podobał Ci się artykuł? <span>Podziel się z przyjaciółmi!</span> </div> <a href="#" onClick="window.open('http://www.facebook.com/sharer.php?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share__facebook"> <i class="fa fa-facebook-official"></i> <span>Podziel się <b>Facebook</b> </span> </a> </div> <div class="single-share__bottom"> <div class="single-share__group"> <a href="#" onClick="window.open('http://vk.com/share.php?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--vk"> <i class="fa fa-vk single-share-links-item__icon"></i> <span class="single-share-links-item__text"></span> </a> <a href="#" onClick="window.open('http://twitter.com/share?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--tw"> <i class="fa fa-twitter single-share-links-item__icon"></i> <span class="single-share-links-item__text">Świergot</span> </a> </div> <div class="single-share__group"> <a href="#" onclick="window.print();" class="single-share-item single-share-item--print"><i class="fa fa-print single single-share-item__icon"></i><span>wydrukować</span> </a> </div> </div> </div> <div class="article-user"> <div class="article-user-item article-user-question"> <div class="article-user-item__title">Czy ten artykuł był pomocny?</div> <div class="article-user-item__bottom"> <div id="js-send-positive-rating" class="article-user-item__button _yes">tak</div> <div class="article-user-item__button _no">Nie</div> </div> </div> <div id="js-success-send-form" class="article-user-item article-user-question _yes _hidden"> <div class="article-user-item__title">Dziekuję za odpowiedź!</div> <div class="article-user-item__text"></div> </div> <div id="js-fail-send-form" class="article-user-item _no _hidden"> <div class="article-user-item__title">Coś poszło nie tak i Twój głos nie został policzony.</div> </div> <div id="js-negative-rating-form" class="article-user-item article-user-question _no _hidden"> <div class="article-user-item__title">Dziękuję Ci. Twoja wiadomość została wysłana</div> </div> <div class="article-user-item article-user-error"> <div class="article-user-item__title">Znalazłeś błąd w tekście?</div> <div class="article-user-item__text">Wybierz, kliknij <strong>Ctrl+Enter</strong> a my to naprawimy!</div> </div> </div> <div class="full-place" data-place="article_before_related_articles" data-priority="0" style="width: 100%;"></div> <div class="similar-articles"> <div class="similar-articles__title"> <i class="fa fa-angle-double-left"></i> Powiązane wskazówki <i class="fa fa-angle-double-right"></i> </div> <div class="block-row"> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/ede84af3e74bfdf32d6afd7b71041299.jpg" alt="Pierwsze spojrzenie na recenzje wideo iPhone SE iPhone SE" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/photoshop/pervyi-vzglyad-na-iphone-se-pervyi-vzglyad-na-iphone-se-video-obzory-iphone-se/" title="Pierwsze spojrzenie na recenzje wideo iPhone SE iPhone SE" class="similar-articles-block__title">Pierwsze spojrzenie na recenzje wideo iPhone SE iPhone SE</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/6306c056b47d99a50c0660ee8d552785.jpg" alt="Procesor Samsung A9 jest bardziej żarłoczny niż TSMC iPhone SE w ręku" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/video/pervyi-vzglyad-na-iphone-se-processor-a9-ot-samsung-prozhorlivei-analoga/" title="Procesor Samsung A9 jest bardziej żarłoczny niż TSMC iPhone SE w ręku" class="similar-articles-block__title">Procesor Samsung A9 jest bardziej żarłoczny niż TSMC iPhone SE w ręku</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/e2b8abb466f915096c20e43c9625354e.jpg" alt="Firma Sharp stworzyła pierwszy na świecie całkowicie bezramkowy smartfon" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/program/bezramochnyi-sharp-sharp-sozdala-pervyi-v-mire-absolyutno-bezramochnyi-smartfon/" title="Firma Sharp stworzyła pierwszy na świecie całkowicie bezramkowy smartfon" class="similar-articles-block__title">Firma Sharp stworzyła pierwszy na świecie całkowicie bezramkowy smartfon</a> </div> </div> </div> <div class="block-row"> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/f9580dffe55bba561028f3132153c9c2.jpg" alt="Sharp Aquos S2 to nowy smartfon z najmniejszymi ramkami" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/history/sharp-aquos-s2-smartfon-s-bezramochnym-displeem-i-samym-uzkim-skanerom/" title="Sharp Aquos S2 to nowy smartfon z najmniejszymi ramkami" class="similar-articles-block__title">Sharp Aquos S2 to nowy smartfon z najmniejszymi ramkami</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/ba876bad5a2e15ddcbd80e2a1ccf2373.jpg" alt="Prawidłowe ładowanie baterii iPhone'a, iPada, MacBooka" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/computer/stoit-li-postoyanno-derzhat-makbuk-na-zaryadke-pravilnaya-zaryadka/" title="Prawidłowe ładowanie baterii iPhone'a, iPada, MacBooka" class="similar-articles-block__title">Prawidłowe ładowanie baterii iPhone'a, iPada, MacBooka</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/2d184cf7cf8e85c1e412ffb0f24a3d21.jpg" alt="Dlaczego fotografowie wybierają format RAW do fotografii?" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/pl/computer/s-mka-v-formate-raw-v-zerkalnoi-kamere-pochemu-fotografy-vybirayut-format-raw-dlya/" title="Dlaczego fotografowie wybierają format RAW do fotografii?" class="similar-articles-block__title">Dlaczego fotografowie wybierają format RAW do fotografii?</a> </div> </div> </div> </div> <div class="full-place" data-place="article_after_related_articles" data-priority="0" style="width: 100%;"></div> <div class="comments"> <div id="mc-container"></div> </div> </article> <aside class="sidebar hide-on-mobile"> <div class="day-sovet"> <h3 class="day-sovet__hd">Temat dnia</h3> <div class="day-sovet__box"> <img src="/uploads/87e4f1bfbbb9f3d5a013d8589e087c00.jpg" alt="O co zapytać Siri ciekawego?" class="day-sovet__image" loading=lazy loading=lazy> <a href="https://polarize.ru/pl/category/components/" class="day-sovet__category"> <span>składniki</span> </a> </div> <a href="https://polarize.ru/pl/components/polnyi-spisok-komand-dlya-russkoi-siri-chto-sprosit-u-siri-interesnogo/" class="day-sovet__link"> <span>O co zapytać Siri ciekawego?</span> </a> </div> <!-- /next_post --> <div class="vk-widget"> <h3 class="vk-widget__hd">Reklama</h3> </div> <div class="popular-articles"> <h3 class="black-hd popular-articles__title">Popularne materiały</h3> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/components/bazovye-stancii-tele2-v-moskovskoi-oblasti-chastoty-tele2-v-rossii/" class=""> <img src="/uploads/a2c734818900f6d9441225138fd074db.jpg" alt="Częstotliwości Tele2 w Rosji Z jakich wież korzysta tele2" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/components/bazovye-stancii-tele2-v-moskovskoi-oblasti-chastoty-tele2-v-rossii/" class="row-gui__link"> <span>Częstotliwości Tele2 w Rosji Z jakich wież korzysta tele2</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/history/ustanovleno-soedinenie-s-setyu-edge-mobilnaya-svyaz-chto-takoe/" class=""> <img src="/uploads/4061dbe131aa1f0ca900d548edf0f026.jpg" alt="Komunikacja mobilna: czym jest EDGE" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/history/ustanovleno-soedinenie-s-setyu-edge-mobilnaya-svyaz-chto-takoe/" class="row-gui__link"> <span>Komunikacja mobilna: czym jest EDGE</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/internet/pochemu-skidyvaetsya-vyzov-na-telefone-obryvaetsya-razgovor/" class=""> <img src="/uploads/c24145e1fe89f3183804a3612ccbfba0.jpg" alt="Rozmowa (połączenie) zostaje przerwane, gdy dzwonisz ze smartfona lub tabletu z Androidem" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/internet/pochemu-skidyvaetsya-vyzov-na-telefone-obryvaetsya-razgovor/" class="row-gui__link"> <span>Rozmowa (połączenie) zostaje przerwane, gdy dzwonisz ze smartfona lub tabletu z Androidem</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/game/neizvestnaya-oshibka-21-pri-vosstanovlenii-iphone-5-oshibki-itunes-pri/" class=""> <img src="/uploads/79a6afd550c20339b068d4287d44ab99.jpg" alt="Błędy iTunes podczas przywracania, aktualizowania i synchronizowania iPhone'a, iPoda Touch i iPada (kody błędów, przyczyny i rozwiązania)" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/game/neizvestnaya-oshibka-21-pri-vosstanovlenii-iphone-5-oshibki-itunes-pri/" class="row-gui__link"> <span>Błędy iTunes podczas przywracania, aktualizowania i synchronizowania iPhone'a, iPoda Touch i iPada (kody błędów, przyczyny i rozwiązania)</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/video/kak-uvelichit-gromkost-dinamika-na-androide-luchshie-sposoby-kak/" class=""> <img src="/uploads/9a53d63cbe360b960940eefce46a1eee.jpg" alt="Jak zwiększyć głośność głośnika na Androidzie?" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/video/kak-uvelichit-gromkost-dinamika-na-androide-luchshie-sposoby-kak/" class="row-gui__link"> <span>Jak zwiększyć głośność głośnika na Androidzie?</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/history/kak-sdelat-gromche-zvuk-na-noutbuke-kak-uvelichit-gromkost-dinamika/" class=""> <img src="/uploads/1a3f3a26ad0339d2eb66f98b7bc50994.jpg" alt="Jak zwiększyć głośność głośnika na Androidzie Zwiększ głośność za pomocą menu inżynierskiego" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/history/kak-sdelat-gromche-zvuk-na-noutbuke-kak-uvelichit-gromkost-dinamika/" class="row-gui__link"> <span>Jak zwiększyć głośność głośnika na Androidzie Zwiększ głośność za pomocą menu inżynierskiego</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/pl/internet/kak-ustanovit-prilozhenie-iz-app-store-kotoroe-trebuet-novuyu-versiyu-ios-kak-skachivat/" class=""> <img src="/uploads/428957fc1ffc4edf2699b84289c3e37b.jpg" alt="Jak pobierać i instalować aplikacje na iPhonie Skąd pobierać aplikacje na iPhone'a 5s" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/pl/internet/kak-ustanovit-prilozhenie-iz-app-store-kotoroe-trebuet-novuyu-versiyu-ios-kak-skachivat/" class="row-gui__link"> <span>Jak pobierać i instalować aplikacje na iPhonie Skąd pobierać aplikacje na iPhone'a 5s</span> </a> </div> </div> </div> </div> </aside> </div> <div class="full-place" data-place="article_desktop_fixed" data-priority="0" style="width: 100%;"></div> <footer class="footer"> <div class="footer__wrapper"> <div class="footer__box"> <a href="https://polarize.ru/pl/" class="footer__logo1"><img src="/logo.png" loading=lazy loading=lazy></a><br> <div class="social-buttons"> <div class="social-buttons-list"> <a href="" class="social-buttons-list__item _vk">Vkontakte</a> <a href="https://facebook.com/" class="social-buttons-list__item _fb">Facebook</a> </div> </div> <p class="footer__copyright">© 2022. Konfiguracja sprzętu i oprogramowania</p> </div> <nav class="footer-menu"> <a class="footer-menu__item" href="https://polarize.ru/pl/category/internet/">Internet</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/program/">Programy</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/game/">Gry</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/history/">Fabuła</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/windows/">Okna</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/computer/">Komputer</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/graphics/">Grafika</a> <a class="footer-menu__item" href="https://polarize.ru/pl/category/components/">składniki</a> </nav> <div class="footer__counters"> </div> </div> </footer> <div class="scroll-up"> <div id="toTop"><span class="up_b"></span> Szczyt</div> </div> <div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div> <div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div> <script data-rocketsrc="/assets/sovets24-2017/js/app-20171130102046.js" type="text/rocketscript"></script> <script type="text/rocketscript"> if(window.location.hostname.indexOf('hghltd.yandex.net')!=-1){ // hghltd.yandex.net var i; var x = document.getElementsByClassName("direct"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } } (function(H){ H.className=H.className.replace(/\bno-js\b/,'js')} )(document.documentElement); </script> <script type="text/rocketscript"> APP.pages.articleView(); APP.modules.ratingBlock.init(); Engine.article.errorInTextReport(); document.oncopy = Engine.addLinkOnCopy; </script> <script type="text/rocketscript"> var BANNERS = { types: { code: 1, consultant: 6, modal: 9, offer: 7 } } </script> </body> </html>