Weboldal tervezés

A weboldal vagy a webdesign létrehozása és koncepciója a webes felület koncepciója: az interakciós architektúra, az oldalak szervezése, a fa szerkezete és a weboldalon történő navigáció . A webdesign koncepciója figyelembe veszi az internetes média sajátos korlátait, különösen az ergonómia , a használhatóság és az elérhetőség szempontjából.

A webtervezéshez ezért programozási, ergonómiai és interaktivitási ismeretekre, valamint az e területhez kapcsolódó technikai korlátok ismeretére van szükség. Ezek a technikai korlátok magukban foglalják a webterminálok és megjelenítésük sokféleségét, az akadálymentességet , a különböző nyelvek és folyamatok sajátosságait, hordozhatóságot , a W3C ajánlásoknak való megfelelést stb.

A webhely webdesignját először funkcionális modell formájában mutatják be technikai specifikációkkal: ergonómia, grafikai charter , vizuális identitás, marketing, interaktivitás.

A weboldal állhat HTML formátumú egyszerű statikus oldalból, amely esetleg CSS- sel van formázva vagy gazdagítva, beleértve a képeket és más tartalmakra mutató linkeket, vagy dinamikus tartalomból állhat, vagy átültethetünk olyan funkciókat, amelyek interaktívvá teszik a Java , PHP-ben programozott szolgáltatásokkal. vagy más kiszolgálónyelv , feltételezheti a feldolgozást JavaScript- ben vagy Ajax-ban . Alapulhat adatbázis- technológiákon , például MySQL vagy MongoDB .

Történelem

A web szülőhelye a CERN (Európai Nukleáris Kutatási Szervezet). Ezen a szervezeten belül találta ki 1989-ben a webet egy kutatócsoport, nevezetesen Tim Berners-Lee és munkatársa, Robert Cailliau vezetésével , valamint más kutatókkal, akik a maguk módján együttműködtek a projektben. Világháló . Eredetileg a világhálós projektet úgy hozták létre és fejlesztették ki, hogy "három olyan technológiát ötvöztek, amelyek a web építőkövei, vagyis az URL-en keresztüli webcímzés, amely jelzi az erőforrás helyét az interneten. " Internet, a HTTP átviteli protokoll, amely jelzi a hozzáférési módszert és a Hypertext Markup nyelvű HTML-t, amely lehetővé teszi az erőforrások strukturálását ", hogy a világ egyetemein és intézményeiben dolgozó emberek szabadon cserélhessenek dokumentumokat és megoszthassák tevékenységeikhez hasznos információkat, így szőve az első webet (angolul: Web ) a neten.

Az internet elődei nem álltak meg a webkommunikációs technológiák kombinatorikus alapjainál, 1990-ben ők fejlesztették ki az első HTTP szervert a NeXTSTEP környezetben , és a webes kliens az Objective-C böngészőben, a WorldWideWeb nevű kiadóval kombinálva, de gyorsan átnevezte a Nexust, hogy ne legyen összetévesztés a szóközzel írt világháló nevével . Így egyesítik az első, a nyilvánosság számára hozzáférhető webhelyet, a szerver / kliens típus elérhetőségének elvét alkalmazó, a kreatív térben általánosított összevonást elősegítő szerver / kliens típus elve alapján.

Magának a világháló projektnek az első weboldalát a CERN-ben hozták létre, és Tim Berners Lee NeXT számítógépének adott otthont. A világháló projekt alapötlete a személyi számítógépek, a számítógép és a hipertext hálózatok technológiájának ötvözése volt a létrehozáshoz. globális, hatékony és könnyen használható információs rendszer.

A weboldal 1991-ben tette meg első lépéseit a CERN-en kívül, információkat tartalmazott a WWW böngészőről, és ismertette a web főbb jellemzőit. A webhely magyarázatot tartalmazott arról, hogy miként férhet hozzá a többi dokumentumhoz, hogyan állíthatja be saját szerverét, hogyan tanulhat a hiperszövegről és a hiperhivatal fogalmairól, milyen technikai részletekre van szükség egy személyes weboldal létrehozásához, valamint magyarázatot arra, hogyan kell információt keresni a weben (lásd: a legelső weboldal) ... Tim Barners-Lee-t az internet elsődleges webdesignerévé téve.

Első lépések

Kezdetben a weboldalakat alapvető HTML- ben írták , olyan nyelven, amely a webhelyeknek alapvető struktúrát (címeket és bekezdéseket), valamint a hiperhivatkozások használatát biztosítja. Új volt, és alapvetően különbözött az előzetes kommunikáció formáitól, a felhasználók könnyen megnyithattak más oldalakat.

Az internet és a webhelytervezés előrehaladtával az oldalakat alkotó nyelv, a "Hypertext Mark-up Language" vagy a HTML egyre szélesebb körűvé és rugalmasabbá vált. Egy új elemet, a táblázatokat, amelyekben az adatok megjeleníthetők, gyorsan eltérítették eredeti céljuktól, és elrendezésként használták. A CSS és a stíluslapok megjelenésével a táblázatokkal ellátott elrendezést gyorsan elavultnak tekintették. Az adatbázisokat vagy szerveroldali kódolást használó modern technológiák (lásd: CGI , PHP , ASP.NET , ASP , JSP és ColdFusion ), valamint olyan tervezési szabványok, mint a CSS tovább fejlesztették és diverzifikálták a webhelytervezési eszközöket.

A Macromedia által kifejlesztett Flash megjelenése , amely lehetővé teszi az animációt, valamint a hangot és videót, szintén megváltoztatta az internet megjelenését, új térképeket kínálva az oldaltervezőknek. A Flash azonban sokkal korlátozóbb, mint a HTML, mert Macromedia által védett formátum, és plug-in megtekintését igényli.

A távoli kódolásnak nevezett meglehetősen új technika lehetővé tette az internet dinamikusabb használatát, plug-inek vagy speciális alkalmazások nélkül. Ezen technológiák vezetője az AJAX , de nem ez az egyetlen létező technológia. Ezenkívül az AJAX még nem érte el a standard státuszt.

Az alkotás szakaszai

A webhely típusától, a kontextustól és a megvalósításához rendelkezésre álló eszközöktől függően ezek a lépések némelyike ​​opcionális vagy akár felesleges. Ezen szakaszok mindegyikének megfelelnek a speciális készségek (ergonómia, információs architektúra, SEO, webírás stb.).

  1. Projekt:
    • Gondolatok a webhely céljáról, céljáról, jövedelmezőségéről, a lekötendő pénzügyi forrásokról ...
    • Gondolatok a kívánt autonómiáról és a frissítendő emberi erőforrások típusáról.
    • Reflektálás a tartalomra: oldalak, várható szolgáltatások, navigációs elvek
    • Webügynökség választása (a projekt alvállalkozása esetén)
  2. Megvalósítás:
  3. Tervezés:
  4. Termelés :
    • Oldalak létrehozása a Tartalomkezelő Rendszeren vagy a szerkesztőn keresztül. Az oldalak létrehozhatók külön-külön, vagy sablonrendszeren alapulhatnak.
    • A grafikai charta végrehajtása . A struktúra és a bemutató elkülönítéséhez CSS stíluslapokat használunk.
    • Lehetséges dinamikus fejlesztések (forma, szolgáltatások stb.)
  5. Monitoring:
    • Recept a webhelyről, ha elkészült.
    • Az oldal elindítása: online.
    • Hirdetés. Az oldal nyilvánosságra hozatala többféle eszközzel történhet: bejelentés, reklámozás, listázás a könyvtárakban ...
    • Frissítés: a frissítés alapvető tevékenység a weboldal életében. Ez a grafikus, szöveges, vizuális tartalom, sőt a weboldal felépítésének és funkcióinak frissítéséből, módosításából és fejlesztéséből áll.
    • Biztonsági másolat: függetlenül a webhely típusától, statikus vagy dinamikus, számos fenyegetésnek van kitéve: webkiszolgáló köpések, hackelés, vírusok, hibák ..., ezért a biztonsági intézkedések érdekében nagyon fontos rendszeresen biztonsági másolatot készíteni a webhely adatairól (adatbázis, tartalom (dokumentumok, képek, szövegek stb.) és a tárhely összes beállítása az egyes frissítések után az adatvesztés elkerülése és a webes szolgáltatások folyamatosságának garantálása érdekében.
    • Karbantartás: A weboldal karbantartása általában a megfelelő működés biztosításából áll; a karbantartás négy típusát különböztethetjük meg: javító karbantartás, megelőző karbantartás, progresszív karbantartás, adaptív karbantartás

Az oldal hozzáférhetősége olyan tényező, amelyet az oldalak szerkezetének fejlesztésétől minden szakaszban figyelembe kell venni. Ugyanez vonatkozik a SEO-ra is , amelynek stratégiája a tervezéstől kezdve megvalósítható. A hivatkozási elveket szintén figyelembe kell venni a sablonok létrehozásakor, az oldalak integrálásakor, a tartalomírásban, a webhely elindításában és a karbantartásban.

Az ergonómia is részt vesz minden szakaszban: tervezés, receptek és auditok, folyamatos fejlesztés. Jakob Nielsen Ph.D úttörő szerepet játszik a számítógépes ergonómia és a weboldalak használhatósága terén .

Az oldalak alkotóelemei

A tartalomkezelés szintjén a dinamizmus a szerver oldalon lesz, és olyan fejlesztési nyelvek, mint a PHP , a Java , az ASP stb.

A Node.js platform lehetővé teszi webkiszolgáló létrehozását Javascriptben, így a dinamizmus a Javascriptben történik, függetlenül attól, hogy az ügyfél vagy szerver oldalon van-e.

A szolgáltatások ütemezése

Webdesign az okostelefonokban

Mobileszközökön keresztül nem ugyanazokat a célokat tűztük ki célul a webdesign tekintetében. És ez ösztönözheti a teljes tervezési folyamat átdolgozását, ha közönséget változtatunk (webhelyről mobilra váltunk)

Webhely felállításakor először meg kell győződnie arról, hogy az mobilon is elérhető-e, és nagyon gyorsan. A webfejlesztők közösségében azok, akik a mobilpiacot célozzák meg, elmondják, hogy az oldal betöltési ideje nagyon súlyos korlát, és árthat egy webhelynek.

Az élmény javítása érdekében a Google kiadta a Pagespeed Insights nevű eszközt azoknak a fejlesztőknek, akik mobil webtervezési tanácsot szeretnének kapni. Ennek az eszköznek az az előnye, hogy olyan fejlesztéseket hajt végre, amelyeket a fejlesztő integrálhat a webhelyére, de ezeknek az eszközöknek vannak korlátai.

A webdesignernek ezért a teljesítményre és a mobilon található fontos tartalmakra kell összpontosítania, majd kibővítenie kell az információs oldalt nagyobb eszközök számára.

Vállalati webdesign

A vállalati weboldal részeként a webdizájnt a rá kitűzött célok szerint határozzák meg:

Kiképzés

Franciaországban a webdizájnt számos állami és magán tervezőiskolában tanítják grafikának és vizuális kommunikációnak szentelt tanfolyamon , általában 3 vagy 5 év alatt. Quebecben a webdizájnt CEGEP-ekben ( általános és szakmai főiskolák ) tanítják , a Multimedia Integration Techniques programon keresztül , amelyet 3 év alatt adnak meg. Felnőtt hallgatók számára is lehetőség van a weboldal tervezésében vagy interaktív médiában végzett kollegiális tanulmányok (AEC) tanúsításával , rövidebb képzési programokkal, teljes vagy részmunkaidőben.

Lehetőség van szakmai tanúsítást nyújtó tanfolyamok követésére is. Ezeket a képzéseket távolról, online vagy személyes képzés útján lehet lebonyolítani.

Fesztiválok

A webdesignnak szentelt fesztiválokat WebJam- nak hívják , amelyek közül a legismertebb a Vector Lounge, amely évente a világ több városában kerül megrendezésre Limoges-ben , a Webdesign Nemzetközi Fesztivállal, Chattanooga , Rouyn-Noranda , Párizs , a Web Flash fesztivállal. , Annecy , Amszterdam . A Cre824 például egy amerikai, 24 órás, non-stop weboldalkészítési esemény, amelyet az Egyesült Államokban szerveznek.

Egyre több apró esemény jelenik meg és fejlődik, mint például a MYB "Move-Your- <body>" a Troyen Web Design verseny két évig, vagy a Paris Web (konferencia ciklus a tervezésről, minőségről, hozzáférhetőségről).

Megjegyzések és hivatkozások

  1. CERN - A web bölcsője
  2. CERN - a web 1989-es születése
  3. CERN - világhálós projekt-együttműködők
  4. CERN - Megtekintés a WWW Navigatorból (WorldWideWeb)
  5. CERN - Magának a világhálós projektnek az első weboldala
  6. CERN - TBL NeXT számítógép
  7. szerkesztés , „  Internetes ügynökség a Lorient-ban: Hogyan válasszuk ki?  » , A www.francenetinfos.com webhelyen ,2020. április 7(megtekintés : 2020. április 7. )
  8. Keyrus-Hybris tanulmány 2012
  9. "  A professzionális webdesigner-tanúsítványok nemzeti címjegyzéke  " , a www.francecompetences.fr oldalon ,2020. június 16(megtekintés : 2020. augusztus 14. )

Lásd is

Bibliográfia


Kapcsolódó cikkek