WebWave (program de web design)
WebWave reprezintă un program pentru crearea site-urilor web de tip drag-and-drop cu funcții de editare grafică avansate. Programul este accesibilă online în 3 versiuni de limbă: engleză, română și poloneză. Programul este dezvoltat ca un instrument de creare și editare directă a site-ului pentru specialiștii în marketing și design conform următoarei teze: Pentru a crea un site eficient și optimizat pentru SEO, user experience și branding, pe lângă abilitățile de a scrie coduri HTML, JS și CSS, sunt necesare și cunoștințe de marketing și design.[1]
Scurt istoric[modificare]
Lucrările de dezvoltare a programului WebWave au început în 2011 fiind finanțate în cadrul Programului Operațional - Economie inovatoare Acțiunea 8.1. [2]
Mai jos sunt enumerate alte câteva repere importante în dezvoltarea programului.
- 19 noiembrie 2013 - lansarea oficială a programului;
- 19 ianuarie 2014 - implementarea panoului CMS integrat;
- 2 martie 2014 - finalizarea programului în versiunea beta. Lansarea programului pe deplin funcțional;
- 17 noiembrie 2014 - implementarea funcției de White Label;
- 29 iunie 2016 - implementarea tehnologiei RWD (Responsive Web Design);
- 12 aprilie 2018 - implementarea interacțiunilor (acțiunea de afișare / ascundere a elementelor la un click pe buton);[3]
- ianuarie 2018 - numărul de utilizatori a atins cifra de 100 000;
Funcțiile programului[modificare]
Programul oferă toate funcțiile de bază pentru crearea și lansarea unui site, fără a mai instala module externe. Acest lucru oferă avantajul unei stabilități sporite pentru site-urile create.
Există 3 metode de creare a site-urilor web în cadrul programului: (1) Cu ajutorul unei pagini web curate, de la zero; (2) Cu ajutorul unor secțiuni numite ”Grupe de elemente” (de exemplu: opinii, header, listă de prețuri, subsol, ș.a.m.d.); (3) Cu ajutorul unui șablon web;
Funcțiile de bază pentru crearea și publicarea site-urilor:
- Crearea site-urilor web cu ajutorul codurilor HTML5, CSS, JavaScript și altele;
- Publicarea site-ului cu ajutorul unei adrese de subdomeniu;
- Conectarea unui domeniu propriu la site-ul creat;
- Optimizarea site-urilor pentru dispozitivele mobile cu ajutorul tehnologiei RWD (în engleză Responsive Web Design);
Pe lângă mecanismul drag-and-drop, programul mai include posibilitatea de a implementa codul propriu în secțiunea head, body sau footer, pentru situații mai specifice, atunci dând proiectul site-ului solicită o funcționalitate specială, de exemplu integrarea site-ului cu un plugin de suport online prin chat pentru utilizatori și clienți potențiali (ex.: chater.biz, livechat.com, tawk.to).
Funcțiile avansate de creare și editare a site-urilor:
- Realizarea site-urilor în mai multe versiuni de limbă;
- Crearea automată a versiunilor de rezervă a site-urilor;
- Posibilitatea de a oferi acces la editarea site-ului în cadrul unor nivele de drepturi a membrilor echipei de web design;
- Funcții White Label;[4]
- Panou CMS;
- Tehnologia PWA pentru site-urile publicate cu ajutorul programului;
Optimizarea site-urilor pentru dispozitivele mobile implică posibilitatea de a ajusta site-ul pentru 4 moduri RWD (Desktop, Tabeltă, Smartphone orizontal, Smartphone vertical) și posibilitatea de customiza lățimea ecranelor celor 4 moduri RWD.
Numărul de plugin-uri cu integrare direct este destul de limitat.[5][este de încredere?]
Programul reprezintă un instrument de proiectare grafică a site-urilor, oferind un șir de funcții avansate specifice programelor grafice de editare a imaginilor. Lista de funcții și posibilități de editare grafică a site-urilor:
- Posibilitatea de a seta exact poziția și dimensiunile elementelor cu ajutorul următoarelor opțiuni: setarea dimensiunii și a poziției cu, cursorul; setarea dimensiunii și a poziției cu ajutorul parametrilor de dimensiuni (lățime și înălțime) și poziții (pe axa X și Y); poziționarea elementelor multiple; folosirea liniilor de ghidaj pentru amplasarea elementelor;
- Setarea avansată a dimensiunilor și a poziției elementelor în raport cu dimensiunea subpaginii sau a ecranului utilizatorului;
- Prezentarea imaginilor cu ajutorul mai multe tipuri de galerii;
- Setarea efectelor de Parallax și Ken Burns pentru imaginile amplasate pe site;
- Setarea efectelor elementelor: sepia, alb-negru, inversarea culorilor ș.a.m.d.;
- Setarea filtrelor elementelor: culoare uniformă sau gradient; mod de combinare a culorilor: screen, overlay, darken, color-dodge, soft-light, exclusion și altele;
- Panoul ”Listă de straturi” pentru setarea avansată a ordinii suprapunerii elementelor de pe site;
- Bază de pictograme integrată în editor;
Programul facilitează poziționarea site-urilor create în căutările Google oferind următoarele funcții:
- Setarea meta tag-urilor: ALT, Meta-title, Meta-description și altele;
- Acces la editarea secțiunii HEAD și a fișierului robots.txt;
- Conectarea ușoară a sistemelor Google Search Console și Google Analytics;
- Generarea automată a hărții site-ului XML;
- Modul de analiză SEO integrat;
- Optimizarea codului site-ului în timpul procesului de publicare;
- Convertirea imaginilor din format PNG și JPG în format WEBP în timpul publicării site-ului;
Legături externe[modificare]
This article "WebWave (program de web design)" is from Wikipedia. The list of its authors can be seen in its historical and/or the page Edithistory:WebWave (program de web design). Articles copied from Draft Namespace on Wikipedia could be seen on the Draft Namespace of Wikipedia and not main one.
- ↑ „WebWabe - cum a apărut programul pentru creare site-uri în spatele [INTERVIEW]”. Accesat în .Page Modul:Citation/CS1/styles.css has no content.
- ↑ „Programul Operațional - Economie inovatoare Acțiunea 8.1. Lista proiectelor” (PDF). Accesat în .Page Modul:Citation/CS1/styles.css has no content.
- ↑ „Jurnalul funcțiilor implementate în programul WebWave”. Accesat în .Page Modul:Citation/CS1/styles.css has no content.
- ↑ „REVIEWS AND EXPERT OPINION WebWave”. Accesat în .Page Modul:Citation/CS1/styles.css has no content.
- ↑ „Care sistem CMS e mai bun WordPress sau WebWave?”. Accesat în .Page Modul:Citation/CS1/styles.css has no content.