Design web fără cod cu Elementor și WordPress

Design web fără cod cu Elementor și WordPress

“ Acum, haideți să trecem în revistă etapele cheie ale dezvoltării site-ului web, astfel încât să puteți prezenta proiectul comunității Domestika. Aș dori să explicați pe scurt ce ați făcut în fiecare pas și să însoțiți explicația cu una sau mai multe imagini. Concept și referințe Începeți prin a dezvolta întregul concept pentru site-ul dvs. web. Pentru a face acest lucru, adunați mai întâi referințe vizuale care vă pot servi drept inspirație și salvați-le într-un folder sau în favorite. A! Și nu uitați că orice vă poate inspira - nu doar site-uri web, ci orice obiect din împrejurimile dvs.: muzică, orașul dvs., un peisaj... orice!

Harta site-ului dvs. web În al doilea rând, creați o hartă a site-ului web în care definiți paginile care vor alcătui navigarea site-ului și modul în care utilizatorul se va deplasa prin ele. Ghid de stil Apoi, adună toate elementele și stilurile generale pe care le dorești pentru site-ul tău web: logo, font, paletă de culori și, opțional, elemente grafice. Creează un ghid de stil cu toate acestea. Propunere de design Acum vei lucra la propunerea de design, care este una dintre cele mai interesante părți ale întregului proces. Poți folosi orice software de design preferi. Folosind toate elementele din ghidul tău de stil, proiectează fiecare dintre secțiunile care alcătuiesc site-ul tău web, pe care le-ai definit anterior în harta site-ului. Nu uita, dacă nu știi ce conținut sau structură să folosești în fiecare dintre aceste secțiuni, poți oricând să te inspiri din referințele vizuale. Cel mai important lucru legat de propunerea de design este că te ajută să vizualizezi cum va arăta site-ul tău atunci când vei lucra ulterior cu Elementor. Design în WordPress și Elementor Instalează și configurează instrumentele pe care le vei folosi în acest curs pentru a-ți crea întregul site. Pentru a face acest lucru, asigură-te mai întâi că ai o găzduire și un domeniu pe care să instalezi WordPress. După ce l-ai instalat, configurează-l și creează paginile și meniurile de navigare ale site-ului tău web. Următorul pas este să instalați pluginul Elementor și tema pe care o veți folosi ca bază: „Hello Theme”. Acum tot ce mai rămâne de făcut este să descărcați și să instalați Elementor Pro, care include câteva funcții uimitoare pentru a construi întregul design al site-ului dvs. web. E timpul să transpui întreaga ta propunere de design web într-un site web complet funcțional. Pentru a face acest lucru, vei lucra cu Elementor, kitul implicit, constructorul său de teme și opțiunile de șabloane. Nu uita să ții cont întotdeauna de propunerea de design web pe care ai dezvoltat-o anterior în acest moment. Începeți prin a crea antetul și subsolul. Continuați să proiectați pagina principală și nu uitați să includeți efecte de animație pentru a o face și mai atractivă din punct de vedere vizual. Acum, creează șablonul proiectului și pagina principală de portofoliu. Și dă un impuls secțiunilor „Despre” și „Contact”. A! Nu uita să optimizezi imaginile site-ului tău web, astfel încât să fie ușoare și să se încarce rapid. Și nu uita să însoțești aceste imagini cu text care contribuie la, contextualizează și umanizează munca ta. În cele din urmă, lucrează și la designul secțiunilor secundare ale site-ului tău web, cum ar fi pagina cu politica de confidențialitate, pagina de eroare 404 și pagina de întreținere. Testare și lansare Aproape ai terminat! E timpul să-ți testezi site-ul web în diferite browsere și dispozitive, deoarece uneori un site web se afișează ușor diferit pe unele dintre ele. Notează toate detaliile care nu funcționează sau nu se afișează așa cum te așteptai și remediază-le mai târziu în Elementor. După ce ați rezolvat totul, site-ul dvs. web este gata pentru ca întreaga lume să-l vadă! După ce îl lansați, nu uitați să îl mențineți actualizat. A! Și nu uitați să faceți o copie de rezervă înainte de fiecare actualizare. E timpul să împărtășești proiectul tău final cu comunitatea, dând clic pe „Creează-ți proiectul”. Nu uita să distribui linkul pentru a vedea site-ul web pe care l-ai conceput și, de asemenea, să ne spui despre întregul proces creativ care a dus la el. Dacă ți-ai pus vreodată site-ul web în modul de întreținere, te rugăm să îl dezactivezi pentru a-l putea vedea în întregime. Sunt sigur că va fi minunat :). Aștept cu nerăbdare să văd proiectul și să vă ofer feedback. Deși vă rog să aveți răbdare, voi încerca să accesez forumul cât mai des posibil și în măsura în care proiectele mele profesionale îmi permit. În cele din urmă, vreau să vă invit să participați activ la forum, nu doar împărtășind progresul vostru, ci și oferind sfaturi și încercând să ajutați restul comunității. Ne vedem pe forum! ”

Transcriere parțială a videoclipului

“Acum a sosit momentul tău. voi trece în revistă cu tine câțiva pași esențiali pentru a-ți crea propria pagină web. Adevărul este că a fost o mulțime de informații noi. așa că simte-te super mândru că ai ajuns până aici și ai depășit frica de design web. Amintește-ți întotdeauna să începi prin a aduna câteva referințe vizuale care să te inspire. Le poți păstra într-un dosar sau să creezi un mood board cu Apoi. desenează o hartă a site-ului tău. incluzând toate secțiunile dorite. Amintește-ți că nu există de secțiuni și nici secțiuni obligatorii. Include doar cele care se potrivesc cel mai bi...”

Această transcriere este generată automat, deci poate conține greșeli.

Rezumatul cursului pentru: Design web fără cod cu Elementor și WordPress

• Nivel: Începător
• 99% recenzii pozitive ( 274 )
• 1 elev
• 1 unitate
• 1 lecție ( 1 oră 1 metru )
• 1 descărcare

• Categorie

  Design web și aplicații

• Zone

  Design de aplicații, Design web, Dezvoltarea portofoliului, Proiectarea produselor digitale