Design webových stránek

Vytvoření a koncepce webové stránky nebo webového designu je koncepce webového rozhraní: interakční architektura, organizace stránek, stromová struktura a navigace na webu . Koncepce webového designu zohledňuje specifická omezení internetového média, zejména pokud jde o ergonomii , použitelnost a přístupnost.

Webový design proto vyžaduje dovednosti v programování, ergonomii a interaktivitě, stejně jako dobrou znalost technických omezení souvisejících s touto oblastí. Mezi tato technická omezení patří rozmanitost webových terminálů a jejich displejů, přístupnost , zvláštnosti různých jazyků a procesů, přenositelnost , dodržování doporučení W3C atd.

Webový design webu je nejprve představen ve formě funkčního modelu s technickými specifikacemi: ergonomie, grafická listina , vizuální identita, marketing, interaktivita.

Web lze vytvořit z jednoduché statické stránky ve formátu HTML, případně naformátované nebo obohacené o CSS, včetně obrázků a odkazů na jiný obsah, nebo z dynamického obsahu, nebo můžeme graftovat funkce, aby byla interaktivní se službami naprogramovanými v Javě , PHP nebo jiný jazyk serveru , formuláře předpokládající zpracování v JavaScriptu nebo Ajaxu . Může být založen na databázových technologiích , například MySQL nebo MongoDB .

Dějiny

Rodištěm webu je CERN (Evropská organizace pro jaderný výzkum). Právě v této organizaci vynalezl web v roce 1989 tým vědců, zejména pod vedením Tima Berners-Leeho a jeho spolupracovníka Roberta Cailliaua , stejně jako další vědci, kteří svým způsobem původně na projektu spolupracovali. World Wide Web . Původně byl projekt World Wide Web koncipován a vyvinut „kombinací tří technologií, které jsou stavebními kameny webu, tj. Webového adresování pomocí adresy URL, která označuje umístění zdroje na webu. “ Internet, protokol přenosu HTTP, který označuje přístupovou metodu a jazyk HTML Hypertext Markup, který umožňuje strukturovat zdroje, „aby si lidé pracující na univerzitách a ústavech po celém světě mohli volně vyměňovat dokumenty a sdílet informace užitečné pro jejich činnosti, a tak vytvářet první web (anglicky: Web ) na síti.

Předchůdci internetu se nezastavili na kombinatorických základnách webových komunikačních technologií, v roce 1990 vyvinuli také první HTTP server v prostředí NeXTSTEP a webový klient vyvinul v Objective-C , prohlížeči v kombinaci s vydavatelem WorldWideWeb, ale rychle přejmenujte Nexus, aby nedošlo k záměně s názvem World Wide Web, který je psán mezerami. Spojují tedy základní prvky tvořící první veřejně přístupný web využívající princip dostupnosti typu server / klient, který je schopen podporovat zobecněné sdružování v kreativním prostoru.

První web pro samotný projekt World Wide Web byl vytvořen v CERNu a hostován na počítači NeXT Tima Berners Lee. Základní myšlenkou projektu World Wide Web bylo spojit technologie osobních počítačů, počítačových a hypertextových sítí k vytvoření globální, výkonný a snadno použitelný informační systém.

Web podnikl první kroky mimo CERN v roce 1991, obsahoval informace o WWW prohlížeči a popsal hlavní rysy webu. Tato stránka obsahovala vysvětlení, jak přistupovat k ostatním dokumentům, jak nastavit vlastní server, lekce o hypertextu a pojmech hypertextových odkazů , technické podrobnosti k vytvoření osobní webové stránky a vysvětlení, jak na webu hledat informace, (viz úplně první web) ... čímž se Tim Barners-Lee stal předním webovým designérem na internetu.

První kroky

Na začátku byly weby psány v základním HTML , což je jazyk, který dává webům základní strukturu (nadpisy a odstavce) a také možnost používat hypertextové odkazy. Bylo to nové a zásadně se lišilo od forem předchozí komunikace, uživatelé si mohli snadno otevřít další stránky.

Jak postupoval design internetu a stránek, stal se jazyk, který tvořil stránky, „Hypertext Mark-up Language“ nebo HTML , rozsáhlejší a flexibilnější. Nový prvek, tabulky, ve kterých lze zobrazit data, byly rychle odkloněny od původního účelu a byly použity jako forma rozvržení. S příchodem CSS a šablon stylů bylo rozložení s tabulkami rychle považováno za zastaralé. Moderní technologie, které používaly databáze nebo kódování na straně serveru (viz CGI , PHP , ASP.NET , ASP , JSP a ColdFusion ), stejně jako designové standardy jako CSS, dále vylepšily a diverzifikovaly nástroje pro návrh webů.

Vzhled Flash vyvinutý společností Macromedia , který umožňuje animaci, stejně jako zvuk a video, také změnil vzhled webu a návrhářům webů nabízí nové mapy. Flash je však mnohem více omezující než HTML, protože se jedná o formát chráněný Macromedia a vyžaduje zobrazení pluginu.

Poměrně nedávná technika zvaná vzdálené kódování umožnila využívat internet dynamičtěji, bez nutnosti zásuvných modulů nebo specializovaných aplikací. Vůdcem těchto technologií je AJAX , ale není to jediná existující technologie. Kromě toho AJAX dosud nedosáhl statusu standardu.

Fáze stvoření

V závislosti na typu webu, kontextu a dostupných prostředcích k jeho implementaci jsou některé z těchto kroků volitelné nebo dokonce zbytečné. Každé z těchto fází odpovídají specializované dovednosti (ergonomie, informační architektura, SEO, psaní na webu atd.).

  1. Projekt:
    • Úvahy o cíli webu, jeho cíli, jeho ziskovosti, finančních zdrojích, které mají být přiděleny ...
    • Úvahy o požadované autonomii a typu lidských zdrojů, které se mají aktualizovat.
    • Reflexe obsahu: stránky, očekávané služby, principy navigace
    • Volba webové agentury (v případě subdodávky projektu)
  2. Implementace :
  3. Design:
  4. Výroba :
  5. Monitorování:
    • Až budete připraveni, recept z webu.
    • Spuštění stránky: online.
    • Inzerát. Zveřejnění webu lze provést několika pákami: oznámení, reklama, výpis v adresářích ...
    • Aktualizace: aktualizace je v životě webu zásadní. Spočívá v aktualizaci, úpravě a vývoji grafického, textového, vizuálního obsahu a dokonce i struktury a funkcí webových stránek.
    • Zálohování: Bez ohledu na to, jaký typ vašeho webu je, statický nebo dynamický, je vystaven několika hrozbám: plivání webového serveru, hacking, viry, chyby…, takže z bezpečnostních opatření je velmi důležité pravidelně zálohovat data webu (databáze, obsah (dokumenty, obrázky, texty atd.) a všechna nastavení vašeho hostingu po každé aktualizaci, aby nedošlo ke ztrátě dat a byla zaručena kontinuita vašich služeb na webu.
    • Údržba: údržba webové stránky obvykle spočívá v zajištění správné funkce; můžeme rozlišovat čtyři typy údržby: opravná údržba, preventivní údržba, progresivní údržba, adaptivní údržba

Přístupnost těchto stránek je faktorem, který je třeba vzít v úvahu v každé fázi z vývoje struktury stránek. Totéž platí o SEO , jehož strategii lze implementovat od fáze návrhu. Při vytváření šablon, integraci stránek, psaní obsahu, spouštění webu a údržbě je třeba vzít v úvahu také zásady odkazování.

Tyto ergonomie je také zapojen do všech fází: design, recept a audity, neustálé zlepšování. Jakob Nielsen Ph.D je průkopníkem na poli počítačových ergonomii a použitelnost z internetových stránek .

Součásti stránek

Dynamika na úrovni správy obsahu bude na straně serveru s vývojovými jazyky, jako jsou PHP , Java , ASP atd., Které pracují s webovým serverem.

Platforma Node.js umožňuje vytvoření webového serveru v Javascript, takže dynamika se provádí v Javascript, ať už je to na straně klienta nebo serveru.

Plánování služeb

Web design v chytrých telefonech

Prostřednictvím mobilních zařízení se nesnažíme dosáhnout stejných cílů, pokud jde o webový design. A to může tlačit na opakování celého procesu návrhu, pokud změníme publikum (přejít z webu na mobil)

Když vložíte web, musíte se nejprve ujistit, že je přístupný v mobilu a velmi rychle. Z komunity webových vývojářů ti, kteří cílí na mobilní trh, řeknou, že doba načítání stránky je velmi vážné omezení a může web poškodit.

Abychom pomohli vylepšit prostředí, vydal Google nástroj s názvem Pagespeed Insights zaměřený na vývojáře, kteří chtějí poradit s designem mobilních webů. Výhodou tohoto nástroje je, že přináší vylepšení, která může vývojář integrovat do svého webu, ale tyto nástroje mají omezení.

Webový designér se proto musí zaměřit na výkon a důležitý obsah v mobilních zařízeních a poté rozšířit informační stránku pro větší zařízení.

Firemní web design

Jako součást firemního webu je webový design definován podle cílů pro něj stanovených:

Výcvik

Ve Francii se Web Design vyučuje na mnoha veřejných a soukromých školách designu v kurzu věnovaném grafice a vizuální komunikaci, obvykle za 3 nebo 5 let. V Quebecu se webdesign vyučuje na CEGEPs ( všeobecných a odborných vysokých školách ) prostřednictvím programu Multimedia Integration Techniques , který je poskytován po dobu 3 let. U dospělých studentů je také možné cvičit prostřednictvím atestace vysokoškolského studia (AEC) v oblasti designu webových stránek nebo interaktivních médií, kratších vzdělávacích programů nabízených na plný nebo částečný úvazek.

Je také možné absolvovat školení poskytující profesionální certifikaci. Tato školení lze provádět na dálku prostřednictvím online nebo osobního školení.

Festivaly

Festivaly věnované webovému designu se nazývají WebJam , z nichž nejznámější jsou Vector Lounge, který se každoročně koná v několika městech po celém světě v Limoges s Mezinárodním festivalem Webdesign, Chattanooga , Rouyn-Noranda , Paříž s festivalem Web Flash , Annecy , Amsterdam . Například Cre824 je americká 24hodinová nepřetržitá událost vytváření webových stránek organizovaná po celých Spojených státech.

Stále více se objevují a rozvíjejí malé akce, například MYB „Move-Your- <body>“ soutěž Troyen Web Design na dva roky nebo Paris Web (cyklus konferencí o designu, kvalitě, přístupnosti).

Poznámky a odkazy

  1. CERN - kolébka webu
  2. CERN - 1989 zrození webu
  3. CERN - World Wide Web Project Collaborators
  4. CERN - Pohled z WWW Navigator (WorldWideWeb)
  5. CERN - První web pro samotný projekt World Wide Web
  6. CERN - počítač TBL NeXT
  7. redaction , „  Web agency in Lorient: How to choose it?  » , Na www.francenetinfos.com ,7. dubna 2020(zpřístupněno 7. dubna 2020 )
  8. Keyrus-Hybris studie 2012
  9. „  Národní adresář profesionálních certifikací webdesignera  “ , na www.francecompetences.fr ,16. června 2020(zpřístupněno 14. srpna 2020 )

Podívejte se také

Bibliografie


Související články