Stworzenie i koncepcja strony internetowej lub projektu internetowego to koncepcja interfejsu internetowego: architektury interakcji, organizacji stron, struktury drzewa i nawigacji w witrynie . Koncepcja projektu strony internetowej uwzględnia specyficzne ograniczenia medium internetowego, w szczególności w zakresie ergonomii , użyteczności i dostępności.
Projektowanie stron internetowych wymaga zatem umiejętności programowania, ergonomii i interaktywności, a także dobrej znajomości ograniczeń technicznych związanych z tą dziedziną. Te ograniczenia techniczne obejmują różnorodność terminali internetowych i ich wyświetlaczy, dostępność , specyfikę różnych języków i procesów, przenośność , zgodność z zaleceniami W3C itp.
Projekt strony internetowej jest najpierw prezentowany w postaci funkcjonalnego modelu ze specyfikacjami technicznymi: ergonomia, karta graficzna , identyfikacja wizualna, marketing, interaktywność.
Witryna może składać się z prostej statycznej strony w formacie HTML ewentualnie sformatowanej lub wzbogaconej o CSS wraz z obrazami i linkami do innych treści lub może składać się z treści dynamicznych lub możemy przeszczepić funkcje w celu uczynienia jej interaktywną z usługami zaprogramowanymi w Java , PHP lub inny język serwera , formularze zakładające przetwarzanie w JavaScript lub Ajax . Może być oparty na technologiach bazodanowych , na przykład MySQL lub MongoDB .
Miejsce narodzin sieci znajduje się w CERN (Europejskiej Organizacji Badań Jądrowych). To właśnie w tej organizacji sieć została wynaleziona w 1989 roku przez zespół badaczy, w szczególności pod kierownictwem Tima Berners-Lee i jego współpracownika Roberta Cailliau , a także innych badaczy, którzy na swój sposób początkowo współpracowali przy projekcie. Sieć WWW . Pierwotnie projekt World Wide Web został wymyślony i rozwinięty „poprzez połączenie trzech technologii, które są budulcem sieci, tj. adresowania stron internetowych za pomocą adresu URL, który wskazuje lokalizację zasobu w sieci ” . Internet, protokół przesyłania HTTP , który wskazuje metodę dostępu, oraz język HTML Hypertext Markup, który pozwala ustrukturyzować zasoby „tak, aby osoby pracujące na uczelniach i instytutach na całym świecie mogły swobodnie wymieniać się dokumentami i dzielić się informacjami przydatnymi w ich działalności, tworząc w ten sposób pierwszą sieć (w języku angielskim: Web ) w sieci.
Prekursorzy Internetu nie poprzestali na kombinatorycznych podstawach technologii komunikacji internetowej, w 1990 roku opracowali także pierwszy serwer HTTP na środowisku NeXTSTEP , a klient sieciowy opracowany w Objective-C , przeglądarce połączonej z wydawcą o nazwie WorldWideWeb, ale szybko zmieniono nazwę Nexusa, aby uniknąć pomyłek z nazwą World Wide Web, która jest pisana ze spacjami. Łączą one zatem istotne elementy składające się na pierwszą publicznie dostępną witrynę internetową, wykorzystując zasadę dostępności typu serwer/klient, który jest w stanie promować uogólnione pooling w przestrzeni twórczej.
Pierwsza strona internetowa dla samego projektu World Wide Web powstała w CERN i była hostowana na komputerze NeXT Tima Bernersa Lee.Podstawową ideą projektu World Wide Web było połączenie technologii komputerów osobistych, komputerów i sieci hipertekstowych w celu stworzenia globalny, potężny i łatwy w użyciu system informacyjny.
Strona swoje pierwsze kroki poza CERN-em stawiała w 1991 roku, zawierała informacje o przeglądarce WWW oraz opisywała główne cechy sieci. Strona zawierała wyjaśnienie, jak uzyskać dostęp do innych dokumentów, jak skonfigurować własny serwer, lekcje na temat hipertekstu i pojęć hiperłącza , szczegóły techniczne dotyczące tworzenia osobistej strony internetowej oraz wyjaśnienia, jak wyszukiwać informacje w sieci (patrz pierwsza strona internetowa) ... dzięki czemu Tim Barners-Lee jest czołowym projektantem stron internetowych w Internecie.
Na początku strony były pisane w podstawowym HTML , języku, który nadaje stronom podstawową strukturę (tytuły i akapity), a także możliwość korzystania z hiperłączy. Był nowy i zasadniczo różnił się od wcześniejszych form komunikacji, użytkownicy mogli łatwo otwierać inne strony.
Wraz z rozwojem Internetu i projektowania witryn język, z którego tworzone są strony, „Hypertext Markup Language” lub HTML , stał się bardziej rozbudowany i elastyczny. Nowy element, tabele, w których można wyświetlać dane, zostały szybko odebrane od pierwotnego przeznaczenia i wykorzystane jako forma układu. Wraz z pojawieniem się CSS i arkuszy stylów układ z tabelami został szybko uznany za przestarzały. Nowoczesne technologie wykorzystujące bazy danych lub kodowanie po stronie serwera (patrz CGI , PHP , ASP.NET , ASP , JSP i ColdFusion ), a także standardy projektowania, takie jak CSS, dodatkowo ulepszyły i zróżnicowały narzędzia do projektowania witryn.
Pojawienie się Flasha , opracowanego przez Macromedia , który umożliwia animację, a także dźwięk i wideo, zmienił również wygląd sieci, oferując nowe mapy projektantom witryn. Jednak Flash jest znacznie bardziej restrykcyjny niż HTML, ponieważ jest formatem chronionym przez Macromedia i wymaga wtyczki do przeglądania.
Dość nowa technika zwana zdalnym kodowaniem umożliwiła bardziej dynamiczne korzystanie z Internetu, bez konieczności stosowania wtyczek lub specjalistycznych aplikacji. Liderem tych technologii jest AJAX , ale nie jest to jedyna istniejąca technologia. Ponadto AJAX nie osiągnął jeszcze statusu standardu.
W zależności od typu witryny, kontekstu i dostępnych środków do jej wdrożenia, niektóre z tych kroków są opcjonalne lub wręcz niepotrzebne. Każdemu z tych etapów odpowiadają specjalistyczne umiejętności (ergonomia, architektura informacji, SEO, pisanie stron internetowych itp.).
Dostępność strony jest czynnikiem, który należy wziąć pod uwagę na każdym etapie z rozwojem struktury stron. To samo dotyczy SEO , którego strategię można realizować już na etapie projektowania. Zasady odwoływania się należy również wziąć pod uwagę przy tworzeniu szablonów, integrowaniu stron, pisaniu treści, uruchamianiu witryny i utrzymywaniu.
Do ergonomii jest również zaangażowany we wszystkich etapach: projektowania, receptury i audyty, ciągłe doskonalenie. Jakob Nielsen dr jest pionierem w dziedzinie ergonomii komputerowych i użyteczność z witryn .
Dynamika na poziomie zarządzania treścią będzie po stronie serwera z językami programistycznymi takimi jak PHP , Java , ASP itp. operującymi z serwerem WWW.
Platforma Node.js pozwala na tworzenie serwera WWW w JavaScript, więc dynamika odbywa się w JavaScript, niezależnie od tego, czy jest po stronie klienta, czy serwera.
Za pomocą urządzeń mobilnych nie dążymy do tych samych celów w zakresie projektowania stron internetowych. A to może skłonić do ponownego wykonania całego procesu projektowania, jeśli zmienimy odbiorców (przełączymy się ze strony internetowej na mobilną)
Kiedy umieszczasz stronę internetową, musisz najpierw upewnić się, że jest ona dostępna na telefonie komórkowym i bardzo szybko. Wśród społeczności twórców stron internetowych ci, którzy celują w rynek mobilny, powiedzą Ci, że czas ładowania strony jest bardzo poważnym ograniczeniem i może zaszkodzić witrynie.
Aby poprawić jakość obsługi, firma Google wydała narzędzie o nazwie Pagespeed Insights przeznaczone dla programistów, którzy chcą uzyskać porady dotyczące projektowania witryn mobilnych. Zaletą tego narzędzia jest to, że wprowadza ulepszenia, które programista może zintegrować ze swoją witryną, ale te narzędzia mają ograniczenia.
Projektant stron internetowych musi zatem skupić się na wydajności i ważnej treści na urządzeniach mobilnych, a następnie rozwinąć stronę informacyjną dla większych urządzeń.
W ramach serwisu korporacyjnego projektowanie stron internetowych definiowane jest zgodnie z postawionymi przed nim celami:
We Francji projektowanie stron internetowych jest nauczane w wielu publicznych i prywatnych szkołach projektowania na kursie poświęconym grafice i komunikacji wizualnej, zwykle w ciągu 3 lub 5 lat. W Quebecu projektowanie stron internetowych jest nauczane w CEGEP (szkołach ogólnokształcących i zawodowych ) w ramach programu Multimedia Integration Techniques , który jest realizowany przez 3 lata. Dla dorosłych studentów możliwe jest również szkolenie poprzez zaświadczenie studiów kolegialnych (AEC) w zakresie projektowania stron internetowych lub mediów interaktywnych, krótsze programy szkoleniowe, oferowane w pełnym lub niepełnym wymiarze godzin.
Możliwe jest również uczestnictwo w szkoleniach dających certyfikację zawodową. Szkolenia te można przeprowadzić zdalnie poprzez szkolenie online lub bezpośrednie.
Festiwale poświęcone projektowaniu stron internetowych nazywają się WebJam , z których najbardziej znanym jest Vector Lounge, który odbywa się co roku w kilku miastach na całym świecie w Limoges z Webdesign International Festival, Chattanooga , Rouyn-Noranda , Paryż z festiwalem Web Flash , Annecy , Amsterdam . Na przykład Cre824 to amerykańskie, całodobowe, nieprzerwane wydarzenie tworzenia stron internetowych, organizowane w całych Stanach Zjednoczonych.
Coraz więcej małych wydarzeń pojawia się i rozwija, jak MYB „Move-Your-<body>” od dwóch lat konkurs Troyen Web Design czy Paris Web (cykl konferencji Design, Quality, Accessibility).