Cum să rulați site-ul HTML cu Novi HTML Website Builder
Cum să rulați site-ul HTML cu Novi HTML Website Builder
Publicat: 2020-02-17
Când vine vorba de crearea site-urilor web în 2019, nu este nevoie să ne ocupăm de codificare. Sunt sigur că știți deja totul și orice despre diferite produse digitale gata făcute. În aceste zile, puteți obține cu ușurință totul pre-proiectat și preambalat pentru dvs. Din aceste motive simple, există atât de multe site-uri web atrăgătoare. Oamenii caută noi modalități de a ieși din mulțime. Acesta este motivul pentru care cantitatea de teme, plugin-uri, active și tendințe de design web noi, receptive, crește tot timpul.
Cu toate acestea, atunci când ceva este nou nu înseamnă că acest produs este 100% demn de atenția dumneavoastră. Deci, cum îți alegi singurul articol? În această postare, sunt pe cale să vă ajut cu luarea deciziilor finale. Într-una din postările anterioare, v-am arătat cum să creați un site web în WordPress. După cum spune numele postării, astăzi voi analiza unul dintre cei mai buni 5 constructori de site-uri web -Novi Builder.
În cazul în care preferați să lucrați cu HTML, cu siguranță ați mai auzit acest nume, deoarece Novi Builder vine cu toate șabloanele HTML responsive moderne. Deci, care sunt principalele avantaje ale colaborării cu editorul și există dezavantaje? Rămâneți la curent pentru a afla toate lucrurile cruciale referitoare la cel mai util constructor de pagini pentru HTML .
Istoria constructorului Novi
Încercați Novi
Prin tradiție, înainte de a începe, vom arunca o privire rapidă asupra istoriei acestui constructor vizual HTML. Prima lansare a Novi Builder a avut loc acum 3 ani, în 2016. Pentru a face scurtă povestea, echipa Novi a proiectat editorul având în vedere 3 caracteristici principale:
un mecanism de lucru absolut prietenos cu creatorii,
o interfață 100% intuitivă,
și, evident, cea mai nouă tehnologie drag-and-drop.
Îți amintești cum editarea site-urilor web se uita în urmă în 2016? Era în mare parte plictisitor și conținea doar caracteristici obligatorii. Cu toate acestea, progresul digital nu a stat niciodată pe loc, așa că au existat numeroase opțiuni vogue și elemente elegante de design web utilizate. Văzând asta, creatorii Novi Builder au decis să adauge toate aceste lucruri în pachetul editorului. Au adăugat cât mai multe tendințe de design web pe cât a fost posibil în acele zile. Dacă ceva era dominant pe piața digitală, era deja în pachetul Novi.
Pe de altă parte, adăugarea numai a caracteristicilor populare nu a fost suficientă. Prin urmare, echipa Novi a continuat cercetările. Așa cum fac toate companiile inteligente, au dorit să studieze publicul pentru a-și da seama de nevoile potențialilor. Cercetările au arătat că, înainte de orice, oamenii căutau confort.
Drept urmare, în curând Novi Builder a permis utilizatorilor online să:
creați aspecte curate și bine structurate fără a atinge o singură linie de cod,
lucrați cu tehnologia drag-and-drop,
accelerarea procesului de construire a site-ului web,
și proiectați site-ul web cu diferite componente de interfață interioare frumoase.
Deși în zilele noastre este greu să surprinzi un utilizator cu tehnologia drag-and-drop, în 2016 a fost o adevărată minune. În plus, nu uitați că pe atunci, singurul editor de conținut la îndemână care furniza funcționalitatea de glisare și plasare a fost Elementor. A venit cu toate caracteristicile necesare, dar a fost creat doar pentru proiecte online bazate pe WordPress. În același timp, HTML nu a fost niciodată cel mai ușor lucru cu care puteți lucra atunci când nu sunteți un tehnician.
După o cercetare îndelungată și detaliată, a fost îmbunătățită și tehnologia drag-and-drop folosită de Novi Builder. Drept urmare, oamenii au reușit să creeze noi pagini online și să își editeze site-urile prin simpla glisare a elementelor de design alese și aruncarea lor în fereastra editorului.
Publicul a durat doar câteva luni pentru a se obișnui cu Novi Builder. A devenit popular destul de curând. Inutil să spun că au fost multe actualizări făcute pentru editor. La un an după aceea, creatorii au prezentat prima versiune clasică a Novi Builder. De atunci, a continuat să primească actualizări regulate care includ diverse opțiuni, tendințe de design web și multe instrumente suplimentare.
Pentru a rezuma totul, Novi Builder nu numai că a accelerat procesul de construire a site-ului web, ci a adus o mulțime de noi posibilități începătorilor care doreau să lucreze cu HTML. Cu aceasta, oamenii au reușit în cele din urmă să își proiecteze site-urile web nu doar așa cum pot, ci așa cum își doresc. De îndată ce Novi Builder a fost lansat, editarea site-ului HTML a devenit un lucru fără stres. De aceea a fost numit cel mai bun constructor vizual de site-uri web pentru HTML.
Înapoi în prezent
Astăzi, Novi Builder este numit cel mai bun editor drag-and-drop pentru HTML. Pentru a rezuma pe scurt, constructorul promovează procesul de lucru și îl simplifică pentru utilizatorii de orice nivel de calificare. Lucrând cu Novi Builder, puteți proiecta rapid noi pagini online folosind diverse blocuri de conținut predefinite.
Mai mult, vă permite, de asemenea, să editați conținutul site-ului web în direct. Acest pas este foarte important pentru orice începător, deoarece așa puteți evita greșelile obișnuite atunci când vă creați desenele.
Doriți să vedeți cum funcționează editorul în acțiune? Puteți încerca să lucrați cu Novi Builder executând demonstrația sa. Doar urmați linkul pentru a deschide o versiune demo gratuită a editorului.
Pentru ce modele de afaceri sunt potrivite Novi Builder?
Un alt lucru pe care ar trebui să-l știți despre Novi Builder este că este o platformă online B2B / B2C . Ce înseamnă? Să vedem.
B2B care înseamnă business-to-business. Pe internet, este cunoscut și sub numele de e-biz. B2B este schimbul de produse, servicii, articole sau chiar informații între diferite companii. Când vine vorba de Novi Builder, B2B este conectat cu utilizatorii care își folosesc propriile șabloane de site web pentru a furniza diferite servicii. Ultimele sunt legate în principal de nișe de afaceri, cum ar fi web design, dezvoltare web, eCommerce sau marketing prin e-mail.
B2C care înseamnă întreprindere-client. În acest caz, conexiunea se referă la tranzacțiile efectuate direct între o companie și clienții săi. Aici clientul este utilizatorul final care folosește produsele companiei. Vorbind despre Novi Builder, B2C este conectat la utilizatorii finali care au lansat deja site-urile lor web. Acești utilizatori pot achiziționa orice șablon (uri) HTML doresc și pot importa site-urile web existente. Datorită Novi Builder, este posibil fără a pierde conținutul site-ului. Puteți să-l editați cu tehnologia drag-and-drop și să-l stilizați cu numeroase caracteristici preambalate.
După cum puteți vedea, modelul B2C este semnificativ diferit de modelul B2B. Ultimul se referă la conexiunea comercială între 2 sau mai multe companii atunci când B2C este de aproximativ o afacere. Orice ai folosi, Novi Builder este potrivit pentru ambele modele de afaceri.
Ce instrumente au Novi Builder pentru modelul B2C?
Cum vă va ajuta acest constructor vizual HTML cu B2C? Așa cum fac toate instrumentele de calitate, Novi Builder a fost conceput având în vedere strategia de afaceri. Ca urmare, editorul vine cu numeroase instrumente orientate către utilizatorii finali. Mai jos puteți vedea 5 caracteristici de top cu care să lucrați.
Gestionarea paginilor
Primele lucruri sunt importante: Novi Builder pune la dispoziția proprietarului său un Page Manager confortabil. Folosind această caracteristică, puteți:
creați pagini,
șterge pagini,
editați pagini,
și gestionați setările lor.
Pentru a spune mai multe, puteți face toate acestea cu un singur clic! Apropo, există câteva acțiuni suplimentare pe care le puteți efectua atunci când lucrați cu Page Manager. Cum ajungi la ei? Ei bine, trebuie pur și simplu să utilizați meniul contextual care este situat în partea de sus a paginii cu care urmează să lucrați.
3 moduri diferite pentru sarcinile principale
De îndată ce deschideți Novi Builder , veți vedea că oferă moduri diferite pentru sarcini diferite. Există 3 moduri care au fost create pentru sarcinile principale:
Previzualizare,
Editarea,
și proiectare.
Mod de previzualizare
Vă permite să vedeți rezultatele rapide ale editării. Inutil să spun că previzualizarea este un aspect important al oricărui proiect online. Și devine și mai important dacă vorbim despre primul dvs. site web. Folosiți doar aceste opțiuni pentru a vă verifica designul și a afla dacă necesită modificări suplimentare.
Mod de editare
Acesta este modul care vă ajută să editați diferite tipuri de conținut. Lista include lucruri precum:
texte,
icoane,
butoane și multe altele.
Mod de proiectare
În al treilea rând, aveți modul Design . Acesta oferă acces la codul site-ului web. Nu este necesar să lucrați cu sursa, dar în cazul în care doriți să vă îmbunătățiți abilitățile de codare, modul Design este exact ceea ce medicul a ordonat.
Încercați Novi
Instrumente de dezvoltare
Așa cum era de așteptat, Novi Builder conține o mulțime de instrumente pentru dezvoltatori în pachetul său. Cu aceasta, veți putea obține o nouă experiență de construire a site-ului web atunci când lucrați cu HTML, CSS și editor JS. Evident, puteți edita codul sursă așa cum doriți.
Dintre toate caracteristicile, aș dori să evidențiez Preset Manager. Acest lucru interesant vă va ajuta să continuați procesul de editare. Pentru a face scurtă povestea lungă, managerul vă permite să creați noi presetări manual și să le salvați în bibliotecă. Totul este la fel de simplu ca ABC. Iată ce trebuie să faceți:
alege elementul de conținut necesar,
selectați-l în spațiul de lucru,
salvați-l făcând clic pe butonul Salvare ca presetare aflat în meniul contextual.
Acum puteți utiliza presetări noi de îndată ce va trebui să creați noi pagini online. Pur și simplu trageți și fixați presetarea în fereastra editorului așa cum o faceți cu alte componente ale interfeței de utilizare.
Publicare instantanee
Pentru început, oricine a dorit vreodată să conducă un site web știe că, pentru a obține succes, trebuie să vă mențineți întotdeauna proiectul online actualizat. De aceea, veți avea nevoie de funcția de publicare instantanee.
După cum puteți vedea din captura de ecran de mai jos, există un buton albastru deschis Publicare site în colțul din dreapta sus. Apăsând butonul, veți publica site-ul chiar pe server. În plus, veți vedea acolo și opțiunea de publicare și opțiuni de configurare .
Mai multe trăsături
Pentru a încheia cu acest punct, vreau să vă arăt câteva funcții de bază pe care le veți căuta cu siguranță imediat ce descărcați Novi Builder.
Opțiunea Change Resolution permite proprietarului site-ului web să schimbe dimensiunea spațiului de lucru.
Apăsați pe Setări dacă doriți să obțineți acces la setarea site-ului web sau a paginilor acestuia.
Dând clic pe butonul Descărcare șablon , puteți descărca tema site-ului. Acest pas este obligatoriu pentru dezvoltatorii care trebuie să ofere clienților site-urile lor sau să testeze aceste proiecte pe alte dispozitive.
Calitatea de membru Novi
Iată un alt punct care necesită cu siguranță atenția ta! Doriți să începeți să lucrați cu Novi Builder? Lucrul este că, pentru a începe să utilizați editorul, va trebui să achiziționați un abonament Novi.
Ce componente vor fi incluse în calitatea de membru? Aici sunt ei.
În primul rând, veți obține Novi Builder.
În al doilea rând, veți obține câteva șabloane HTML de calitate, care au fost proiectate profesional și pre-ambalate pentru diferite nișe de afaceri.
În al treilea rând, veți obține și câteva plugin-uri indispensabile. De exemplu, există instrumente precum pluginuri pentru rețelele de socializare, plugin pentru formularul de contact, glisante, numărătoare inversă, Google Maps și multe altele!
Pentru a rezuma pe scurt, achiziționând un abonament Novi, veți avea acces la toate șabloanele, pluginurile, activele și elementele de design web existente. În plus, veți obține automat acces la acele articole care vor fi create de echipa Novi în viitor. Fără îndoială, este un lucru obligatoriu pentru proiectanții și dezvoltatorii de web.
Există 3 abonamente diferite pentru a alege. Ca întotdeauna, alegerea ta depinde de nevoile tale.
Abonamentul de pornire vă va costa 29 USD pe an.
Abonamentul avansat vă va costa 49 USD pe an.
Calitatea de membru al dezvoltatorului vă va costa 149 USD pe an.
Consultați ecranul de mai jos pentru a afla ce opțiuni include fiecare pachet.
Încercați Novi
După cum știți, mulți constructori de site-uri web populare (de exemplu Elementor Page Builder pentru WordPress) pot fi descărcați gratuit. Când vine vorba de Novi Builder, va trebui să cumpărați cel puțin planul de 29 USD pentru a utiliza editorul. Se pare că acesta este cel mai mare dezavantaj al colaborării cu Novi Builder. Cu toate acestea, atunci când vine vorba de un proces de construire a site-ului web confortabil și ușor de utilizat, 29 de dolari nu este o mare problemă, nu-i așa?
Apropo, toate tranzacțiile sunt sigure. Iată opțiunile de plată dintre care puteți alege:
În plus, vă puteți anula abonamentul Novi Builder oricând doriți. Este un proces simplu și rapid.
Deci, acum, când sunteți familiarizați cu toate detaliile principale, este timpul să aruncați o privire mai atentă la Novi Builder. Să începem cu interfața editorului.
Utilizați acest link pentru a citi despre primele 5 opțiuni gratuite de software pentru constructorii de site-uri web.
Interfața Novi
Pentru început, iată ce vedeți când deschideți interfața Novi:
Panoul principal
Comutator de moduri Novi
Manager pagină
Meniu principal
Zona Editor vizual
Bara de instrumente a dezvoltatorului
Acestea sunt opțiunile dvs. atunci când lucrați cu pagini:
Declanșator de manager de pagină
Filtru Căutare pagini
Adăugarea unei pagini
Lista de pagini existente
Iată ce veți vedea în bara de instrumente a dezvoltatorului:
Zona de instrumente pentru dezvoltatori
Editor de cod HTML
Editor de cod CSS
Editor de cod JS
Manager presetări
Manager plugin-uri
Care sunt cerințele de sistem?
Înainte de a trece la instalare, să verificăm dacă sistemul dvs. îndeplinește cerințele necesare. Iată de ce aveți nevoie pentru a lucra confortabil cu Novi Builder:
Browser : Chrome 50+ sau Safari 10+;
4 GB RAM sau mai mult;
afișare cu min. rezoluție 1024 x 768;
CPU cu o rată de ceas minimă de 1 GHz;
tastatură și mouse,
iar viteza minimă a conexiunii la rețea trebuie să fie de 1 Mbps.
Cum se instalează Novi Builder?
Ca întotdeauna, creatorii constructorului au promis că instalarea va fi rapidă și ușoară. Cu toate acestea, în 2019, utilizatorii online s-au obișnuit cu manualele lungi și cu cerințele nesfârșite. Prin urmare, să vedem cum puteți instala Novi Builder.
Pentru a instala Novi Builder pe un server local , urmați ghidul meu.
În primul rând, va trebui să descărcați software-ul (de exemplu, WAMP, XAMP sau MAMP) pentru lansarea serverului local.
În al doilea rând, va trebui să verificați cerințele serverului dvs. web și să configurați serverul în conformitate cu acestea.
În al treilea rând, va trebui să dezarhivați arhiva cu Novi Builder comprimat. Odată ce ați terminat acest lucru, plasați conținutul într-unul din directoarele serverului dvs. Va arăta ca atunci numelediskului dvs. / mamp / www / novi /.
În cele din urmă, va trebui să lansați constructorul. Va exista linkul corespunzător. Doar faceți clic pe el.
Pentru a instala Novi Builder pe un server la distanță , urmați pașii următori.
Înainte de orice altceva, pentru a instala editorul pe un server la distanță, va trebui, de asemenea, să verificați cerințele serverului web. Da, oricum nu poți evita acest pas.
Când ați terminat cu cerințele, descărcați software-ul care permite lucrul cu FTP. Astăzi, cele mai populare sunt Total Commander 7+ și FileZilla.
Apoi, instalați software-ul descărcat.
Acum va trebui să dezarhivați arhiva Novi Builder și să o încărcați pe serverul de găzduire. Mai jos vă voi arăta acest pas folosind ca exemplu Total Commander.
Salvați modificările.
Deci, iată cum puteți încărca Novi Builder pe serverul dvs. de găzduire cu ajutorul Total Commander .
Pentru a stabili conexiunea cu serverul dvs., va trebui să:
navigați la fila NET și apoi conectați FTP,
faceți clic pe butonul Conexiune nouă,
completați câmpurile corespunzătoare pentru a specifica datele furnizorului de găzduire.
Câmpul va fi:
Sesiune - ar trebui să puneți aici numele conexiunii; (orice nume doriți va fi potrivit)
Nume gazdă - puneți aici numele de utilizator și parola.
Apoi, apăsați butonul OK .
Pentru a încărca fișierele necesare pe server , urmați acești pași:
navigați la fila NET și apoi conectați FTP,
selectați numele de utilizator pe care l-ați creat anterior (veți avea nevoie de câmpul Sesiune)
apăsați pe Conectare,
copiați conținutul arhivei dvs. Novi Builder,
navigați la directorul rădăcină al numelui de domeniu implicit pe care îl utilizați,
lipiți conținutul arhivei constructorului pe care l-ați copiat și atât!
Novi Builder și autorizare
După cum probabil știți din versiunea 0.9.0, Novi Builder acceptă pe deplin protecția prin parolă . De aceea, pentru a deschide interfața Novi, va trebui să introduceți o parolă. În mod implicit, este „Novi”. Evident, ar trebui să o schimbați pentru a face construirea site-ului web mai sigură.
Iată cum ajungi acolo.
Comutator setări de siguranță.
Aici va trebui să introduceți parola implicită.
Utilizați această opțiune pentru a activa sau dezactiva autorizarea utilizatorului. Rețineți că pentru a aplica modificări noi va trebui să introduceți permisul.
Utilizați această opțiune pentru a activa sau dezactiva modul demo.
Aici trebuie să introduceți noua parolă.
Pentru a dezactiva conectarea prin trecere , urmați acești pași:
accesați meniul principal al Novi Builder,
deschideți Setări de securitate,
Introduceti parola curenta,
găsiți opțiunea Activare parolă autorizare și dezactivați-o,
salvați modificările efectuate.
Pentru a schimba parola , urmați acești pași:
accesați meniul principal al Novi Builder,
deschideți Setări de securitate,
accesați fila Schimbare parolă,
introduceți permisul curent,
introduceți noua dvs. abonare,
salvați modificările efectuate.
Pentru a reseta parola , urmați acești pași:
accesați builder / php / session.php,
scrieți în linie: '$ currentPassword = „parolă”.'
În cele din urmă, când lucrați cu Novi Builder, rețineți că :
nu va trebui să autorizați când modul demo este activat,
nu va trebui să treceți autorizația când este dezactivată,
prin crearea noii permise în locul celei implicite, reduceți riscurile de securitate.
Ce pluginuri veți găsi în pachetul Novi Builder?
Nu este necesar să se explice de ce pluginurile fac unul dintre aspectele vitale ale oricărui instrument de creare a site-urilor web. Cu siguranță, în cazul în care aveți deja un șablon de site web de înaltă calitate, puteți lucra cu activele sale. Cu toate acestea, obținerea unor plugin-uri esențiale cu generatorul de conținut sună și ca o idee grozavă. Deci, ce pluginuri veți avea cu Novi Builder?
În medie, editorul vine cu 20 de pluginuri. Aici sunt ei.
# 1 Plugin pentru imagini de fundal
Pentru a scurta o poveste lungă, acest plugin vă permite să modificați imaginea de fundal a elementului. La fel ca toate celelalte pluginuri Novi, pluginul Image Background este foarte ușor de utilizat. Puteți schimba fundalul și răsuci setările într-o problemă.
Pentru a adăuga imaginea dvs. pentru un fundal, trebuie doar să faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Pentru a afla mai multe despre capacitățile galeriei dvs. media, accesați Galeria media și deschideți secțiunea caracteristici. De asemenea, puteți urmări acest link pentru a citi documentația detaliată despre pluginul Novi Background Image.
# 2 Plugin de fundal
Acest plugin Novi vă permite să modificați culoarea de fundal a unui element. Acesta este un instrument important, deoarece diferite scheme de culori vă pot afecta cu ușurință site-ul.
Rețineți că culoarea pictogramei depinde de tonul pe care l-ați ales anterior.
Pentru a citi documentația detaliată despre pluginul Novi Background, urmați acest link.
# 3 Plugin pentru imagini
Acest plugin Novi Builder vă permite să înlocuiți imaginile. Pentru a adăuga imaginea dvs., trebuie doar să faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Pentru a afla mai multe despre posibilitățile pluginului, accesați Media Gallery și deschideți secțiunea caracteristici. De asemenea, puteți utiliza acest link pentru a citi documentația detaliată despre pluginul Novi Image.
# 4 Plugin Iframe
Acest plugin vă permite să alegeți resursa în care conținutul dvs. va fi afișat într-un cadru.
Pentru a citi mai multe, deschideți documentația detaliată a pluginului Iframe.
Pluginul de legătură # 5
După cum spune numele activului, acest element vă permite să modificați linkul.
Când lucrați cu pluginul Link, rețineți că:
querySelector (în mod implicit este setat la „a [href]”) - vă permite să definiți elementul procesat de plugin;
applyToProjectElements (activat implicit) - permite activarea / dezactivarea înlocuirii tuturor linkurilor din proiect (inclusiv presetările și toate paginile) la salvarea setărilor pluginului;
favoriteLinks - vă permite să configurați linkurile de proiect preferate.
Să aruncăm o privire rapidă asupra zonei de gestionare a pluginurilor. Iată ce ar trebui să știți atunci când lucrați cu pluginul Link. Link Type vă permite să selectați un tip de link pentru inserare. Există 3 tipuri de linkuri pentru a alege:
Pagini - unde vor fi disponibile toate paginile proiectului,
Favorite - unde vor fi afișate toate linkurile indicate în setările pluginului,
Personalizat - unde puteți seta un link personalizat.
De asemenea, ar trebui să adaug că, în mod implicit, va fi deschisă fila Custom. Singura excepție este cazul în care link-ul dvs. pe un element ales corespunde cu una dintre pagini sau cu un link preferat.
Pentru a citi mai multe, verificați documentația detaliată pentru pluginul Link.
# 6 Plugin pentru paralele materiale
Pentru început, să spunem câteva cuvinte despre defilarea Parallax. Deși efectul a fost creat inițial pentru a fi utilizat în jocurile video, Parallax este încă în topul tendințelor de design web. Creează o iluzie de adâncime și mișcare care atrage atenția. Drept urmare, puteți ghida vizitatorii prin conținutul site-ului dvs. într-un mod frumos și interactiv.
Deci, acest plugin Novi Builder funcționează cu scriptul Material Parallax. Vă permite să înlocuiți imaginile sursă care vor fi utilizate pentru Parallax. Nu va fi nimic complicat. O puteți face cu ușurință prin intermediul instrumentelor de editare vizuală. Nu este necesară codificarea!
Iată ce veți vedea în zona Încărcare imagine:
Alegeți Fișier - apăsați acest buton pentru a selecta imaginea necesară.
Încărcare imagine de fundal - apăsați acest buton pentru a încărca imaginea selectată.
# 7 Plugin pentru etichete
Acest plugin Novi Builder a fost creat pentru a vă permite să modificați eticheta câmpului formular.
# 8 Plugin cu numărătoare inversă
După cum știți, în aceste zile, cronometrul invers este printre cele mai utile tendințe de design web. Acest element mic, dar inteligent, vă permite să prezentați o mulțime de lucruri într-un mod minimalist. De fapt, pentru astăzi, este cel mai confortabil mod de a prezenta orice informație importantă și iată de ce.
Creierul uman este un mecanism ciudat și complicat. Recunoaște elementele vizuale mai rapid decât alte tipuri de informații. De aceea tejghelele sunt obligatorii. Pentru a spune mai multe, creierul nostru își amintește informațiile vizuale pentru o perioadă mai lungă de timp. Cu ajutorul ghișeelor, puteți introduce toate proiectele pe care le-ați finalizat, puteți arăta câți clienți fericiți sau idei de succes aveți și multe altele.
Deci, când vine vorba de cronometrele cu numărătoare inversă, acestea vă permit să evidențiați informațiile sau evenimentele necesare. De exemplu, puteți utiliza temporizatorul pentru a arăta câte ore are un client până la începutul unei vânzări sau la sfârșitul unei oferte speciale.
# 9 Plugin Google Maps
Deși în 2019, îl puteți vedea pe orice site web, pluginul pentru hărți este încă un lucru frumos de avut. Perspectivele moderne s-au obișnuit cu confortul, așa că se așteaptă să oferiți hărți online. În plus, prin utilizarea hărților Google pentru proiectul dvs. online, îl faceți și mai prietenos cu clienții. Drept urmare, oamenii pot vedea unde se află biroul dvs. și pot alege cea mai scurtă cale spre acesta.
Novi Builder vine cu pluginul Google Maps care vă permite să modificați vizual setările hărților.
Iată ce puteți vedea în panoul de setări pentru hartă :
utilizați câmpul cheie API pentru a seta cheia API pentru utilizarea API-ului JavaScript Google Maps;
Câmpul Centru hartă pentru a seta coordonatele centrului hărții;
Câmp de zoom pentru a defini nivelul de zoom;
Opțiunea de selectare a stilului pentru a alege stilul hărții;
Pictograma Marker și Active Marker Icon selectează opțiuni pentru a seta marcatorul pentru stările implicite și active.
Iată ce puteți vedea în panoul de setări al pinilor hărții :
Câmpul Marker Location vă va ajuta să setați locația markerului;
utilizați câmpul Descriere marker pentru a specifica descrierea markerului; va fi afișat în starea activă;
utilizați butonul Adăugare marker pentru a adăuga locația markerului și grupul Descriere marker pentru adăugarea noului marker.
# 10 Icoane Plugin
Acest plugin Novi Builder vă va ajuta să înlocuiți pictogramele pe care le utilizați pe site.
Pentru a alege pictograma de lipit, faceți dublu clic pe element cu butonul stâng al mouse-ului.
# 11 Plugin Carusel Owl
Chiar și în 2019, caruselele sunt încă la modă. Novi Builder vine cu pluginul Owl Carousel care vă permite să configurați carusele fără a atinge o singură linie de cod.
Iată ce puteți vedea în panoul de setări pentru carusel:
Câmpul Articole vizibile vă va ajuta să definiți numărul de articole de afișat. Utilizând funcția, puteți face ca numărul articolelor vizibile să se schimbe în funcție de dimensiunea ecranului.
Câmpul Indentare între articole vă va ajuta să setați spațiile dintre articolele carusel. Utilizând funcția, puteți face ca distanța dintre articole să varieze în funcție de dimensiunea ecranului.
Activare Loop Switcher vă va ajuta să activați sau să dezactivați bucla carusel. Apropo, o puteți face în modul previzualizare.
Comutatorul de redare automată al caruselului vă va ajuta să activați sau să dezactivați redarea automată a caruselului. De asemenea, vine cu modul de previzualizare.
Câmpul Întârziere redare automată carusel vă va ajuta să setați întârzierea de alunecare.
# 12 Plugin pentru monitorizarea campaniei
Acest plugin Novi Builder vă va ajuta să configurați formularul pentru a lucra cu serviciul Campaign Monitor.
Iată ce puteți vedea în interiorul zonei de configurare a formularului:
Câmpul URL de înscriere pentru monitorizarea campaniei definește acțiunea formularului;
Câmpul Campaign Monitor Input Name definește valoarea atributului de nume al câmpului de intrare.
# 13 Plugin MailChimp
Inutil să spun că abonamentul la newsletter este încă unul dintre necesitățile pentru orice proiect online. De ce? Ei bine, pentru că așa puteți mări rapid audiența site-ului și menține oamenii implicați fără a rămâne fără buget.
Deci, acest plugin Novi Builder vă permite să configurați lucrul cu serviciul MailChimp.
# 14 Plugin RD Mailform
La fel ca instrumentul anterior, acest plugin Novi Builder vă permite să lucrați cu RD Mailform folosind editare vizuală.
Aceste pluginuri Novi Builder au fost create pentru a spori activitatea de socializare. În cazul în care veți obține ceva trafic social, nu ratați aceste active. Ambele pluginuri sunt ușor de utilizat și vă permit să configurați fluxuri Instagram și Twitter cu instrumentele de editare vizuală.
# 17 Plugin Camera Slider
Acesta este un alt plugin indispensabil pe care vi-l oferă Novi Builder. Activul vă permite să configurați glisorul camerei fără efort.
# 18 Swiper Slider Plugin
Acest plugin Novi Builder vă permite să configurați Swiper Slider pe gustul dvs.
Iată ce puteți vedea în interiorul zonei de încărcare a imaginii :
Alegerea butonului Fișier vă va ajuta să selectați o imagine;
Butonul Încărcare imagine de fundal vă permite să încărcați imaginea selectată.
Iată ce puteți vedea în interiorul zonei de selecție a imaginilor :
Pentru a adăuga o imagine, va trebui să faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Iată ce puteți vedea în interiorul zonei de decupare a imaginii :
Utilizați setarea Keep Original Aspect Ratio pentru păstrarea raportului de aspect al imaginii originale.
# 19 Plugin video
Utilizați acest plugin Novi Builder pentru a vă configura vitrina vizuală.
# 20 Plugin Galerie de lumină
Utilizați acest plugin Novi Builder pentru a configura Light Gallery folosind instrumente vizuale.
Iată ce puteți vedea în zona Setări galerie :
Galeria de diapozitive animație vă permite să ajustați animația de tranziție a elementelor galeriei;
Comutatorul de miniaturi vă va ajuta să activați sau să dezactivați demonstrația de previzualizare a articolelor din galerie;
Comutatorul de bucle vă va ajuta să activați sau să dezactivați buclarea articolelor din galerie;
Comutatorul de redare automată vă va ajuta să activați sau să dezactivați redarea automată a articolelor din galerie;
Câmpul Galerie Întârziere redare automată vă permite să configurați ora întârzierii articolului.
Deci, acestea au fost toate pluginurile care vin cu Novi Builder. Pentru a rezuma totul, iată ce primești.
Principalele posibilități de lucru cu Novi Builder
Acum știți cum funcționează Novi Builder. Pentru a rezuma totul, iată acțiunile pe care le puteți efectua cu ușurință atunci când lucrați cu editorul. Deci, veți putea:
editați conținutul site-ului dvs. web într-un mod live;
importați diferite teme HTML în constructor în cazul în care ați cumpărat deja unele;
copiați, inserați, înlocuiți și eliminați orice caracteristică, opțiune sau componentă de design web;
utilizați diferite blocuri de conținut proaspăt care vin ca elemente pre-proiectate pentru tema aleasă;
configurați elementele numite după gustul dvs. personal doar în câteva clicuri;
gestionați propria bibliotecă media pentru a pune acolo câteva videoclipuri și imagini care vor fi utilizate în diferite secțiuni ale proiectului dvs. online;
editați texte,
editați adresele URL,
creați și editați fundaluri și toate detaliile, inclusiv gradiente, culori și imagini;
funcționează cu fonturi web lizibile și 100% prietenoase cu ochii (există o nouă colecție de fonturi Google)
lucrați cu pictogramele incluse în tema dvs.;
încărcați pictograme noi dacă este necesar și editați-le așa cum doriți;
încercați să lucrați cu editorul de cod Novi IDE în caz că veți juca cu codul CSS, HTML și JS;
adăugați un glisor atrăgător la designul site-ului dvs. web,
folosiți efectul Parallax impresionant,
creați formulare de contact,
adăugați Hărți Google,
construiți carusele elegante pentru a vă îmbunătăți conținutul vizual etc.
Inutil să spun că acestea au fost doar pentru a numi câteva! De fapt, Novi Builder vine cu numeroase elemente de design uimitoare pentru a vă îmbogăți site-ul.
Întrebări și răspunsuri pentru utilizatorii Novi
Acum, este timpul să răspundem la cele mai populare întrebări despre lucrul cu Novi Builder.
Novi Builder acceptă diferite browsere?
Da, da. În plus, este testat în mod regulat în cele mai populare browsere: Safari și Google Chrome.
Voi putea folosi Novi Builder și șabloanele sale pentru diferite proiecte online?
Pentru început, puteți rula o cantitate nelimitată de diverse site-uri web folosind constructorul. Astfel, da, cu siguranță puteți utiliza Novi Builder pentru diferite site-uri.
Poate cineva să cumpere Novi Builder de pe site-uri terțe?
Practic, este posibil să cumpărați Novi Builder pe alte site-uri. Cu toate acestea, rețineți că nu veți obține un abonament gratuit. Nu va fi posibil nici măcar în cazul în care ați făcut o achiziție pe un site terță parte.
Pot transfera site-ul meu HTML bazat pe Novi Builder?
După cum am spus deja mai sus, puteți transfera site-ul dvs. existent către Novi Builder fără a pierde conținutul acestuia.
Cum voi primi actualizări?
Le veți obține automat de îndată ce actualizările sunt lansate. În plus, puteți descărca cele mai noi șabloane HTML din secțiunea „Descărcări” din contul dvs. personal.
Voi putea primi o rambursare?
Da, lucrând cu Novi Builder, puteți primi o rambursare integrală. Vine pentru oricare dintre planurile de membru ale editorului. Puteți primi o rambursare în termen de 30 de zile de la cumpărare.
Pot vinde șabloane realizate cu Novi Builder?
Da, poti! Constructorul a fost creat pentru designeri și dezvoltatori. Doar alegeți planul pentru dezvoltatori. Vă oferă licența pentru a crea și a vinde șabloanele abilitate de Novi Builder. Le puteți vinde pe orice piață terță parte.
Este posibil să folosesc șablonul Novi Builder pentru site-urile mele web fără a modifica designul?
Raspunsul este da. Puteți gestiona mai multe site-uri web realizate cu teme Novi Builder și nu trebuie să schimbați designul în cazul în care nu doriți.
Gânduri finale
Pentru a rezuma totul, aș spune că Novi Builder pune la dispoziția utilizatorilor ace și șabloane HTML complet prezentate. Sunt pre-proiectate și pot fi folosite de oameni de orice nivel de calificare. Cu toate acestea, temele sunt complet editabile și vin cu cod sursă deschisă. Deci, luând abonamentul, veți avea acces la o colecție bogată de diferite șabloane de site-uri web, pluginuri și alte elemente de conținut. Inutil să spun că mai există câteva componente UI. Novi Builder primește actualizări regulate care vor fi instalate automat. Înseamnă că veți avea întotdeauna câteva caracteristici la modă dintre care să alegeți.
Când vine vorba de nișe de afaceri precum designul web sau dezvoltarea web, Novi Builder este un adevărat lucru obligatoriu! Imaginați-vă câte proiecte online puteți rula pentru clienții dvs. utilizând editorul. Una peste alta, nu există deloc limite!
Pentru a încheia, să comparăm Novi Builder cu generatorul de pagini HTML implicit.
Novi Builder
HTML Builder
Editează textul
DA
DA
Text stilizat (aldin, color, cursiv și altele)
DA
DA
Instrumente pentru designeri
DA
NU
Crearea mai multor pagini
DA
DA
Backup de proiect
DA
NU
Design receptiv
DA
DA
Salvare automata
DA
NU
Previzualizare pagină
DA
NU
Căutare bloc după categorii / conținut / nume
DA
DA
Configurarea grilei
DA
NU
Editați adresele URL
Plugin utilizator
DA
Configurare glisor
Plugin utilizator
NU
Configurarea hărții
Plugin utilizator
NU
Configurarea formularului de contact
Plugin utilizator
NU
Configurare Instagram / Twitter / Facebook
Plugin utilizator
NU
Configurare acordeon
DA
NU
Configurare navigare
DA
DA
Add/Remove elements (widgets)
YES
NO
Add/Remove blocks (sections)
YES
YES
What about your choice of website builder? Don't hesitate to leave a comment below.