Introducere

Uită de tot ce credeai că ai nevoie pentru a construi un site web. Ceea ce odinioară necesita un cod complex este acum în mâinile tale - intuitiv, vizual și disponibil tuturor. Cufundă-te în libertatea creativă a instrumentelor fără cod și descoperă cum designul, strategia și povestirea se combină pentru a modela experiențe digitale semnificative de la zero.

2 min

Influențe | Juan Mora

Aici veți găsi designerii care mi-au influențat munca și voi explica de ce și cum au făcut-o.

2 min

Influențe | Filip Felbar

Acum, aș vrea să vorbesc despre cele mai mari influențe ale mele și despre cum m-au afectat acestea ca artist.

7 min

Influențe | Jan Losert

Vreau să te interesezi de cinci persoane care mi-au modelat stilul sau m-au motivat la locul de muncă. Și îți voi spune de ce îmi place munca lor.

11 min

Influențe | Mónica Durán

În această lecție, vreau să vă prezint câțiva dintre designerii web specializați în Squarespace pe care îi urmăresc îndeaproape. De asemenea, vă voi arăta câteva cărți și bloguri despre design și design web în general, care mi-au fost de mare ajutor în procesul de formare și pe care continui să le consult frecvent.

10 min

Influențe | Isa Macías

Este incredibil de important pentru mine să am inspirații creative în fiecare zi și să învăț constant. În această lecție, vă voi arăta studiourile și designerii de care sunt cel mai entuziasmat în acest moment.

2 min

Tipuri de pagini de destinație

În această lecție, veți învăța despre diferite tipuri de pagini de destinație și vă voi învăța cum să identificați care este cea mai potrivită pentru proiectul dumneavoastră.

7 min

Ce este o pagină de destinație bună?

Acum vă voi explica cu câteva exemple cum să identificați elementele care alcătuiesc un site web eficient.

8 min

Ce este ierarhia în conținut?

În această lecție, vă voi spune cum să prioritizați conținutul și importanța acestuia în relatarea pe pagina de destinație.

5 min

Contrast, echilibru vizual și regula celor 3 secunde

În cele din urmă, vom analiza rolul pe care îl joacă contrastul și echilibrul în navigarea pe pagina de destinație. Vom vedea, de asemenea, cum putem folosi regula celor 3 secunde în avantajul nostru.

4 min

Rezumatul și cum să cercetezi

Brief-ul este documentul pe care îl folosim pentru a înțelege nevoile clientului. În această lecție, vă voi învăța cum să efectuați o cercetare bazată pe interpretarea unui brief.

11 min

Structura conținutului pentru o pagină de destinație

Acum te voi învăța cum să-ți organizezi conținutul pentru a spune o poveste bazată pe cercetările tale anterioare.

4 min

Cum să creezi un mood board

În această lecție, vom analiza cum să creăm un mood board ca instrument de analiză, inspirație și depanare.

6 min

Tipografia potrivită

În final, vă voi vorbi despre importanța tipografiei și vă voi explica cum să o selectați corespunzător, astfel încât să se potrivească cât mai bine proiectului la care lucrați.

4 min

Crearea istoriei

În această lecție, veți învăța cum să luați în considerare comportamentul oamenilor atunci când interacționează cu un produs, sistem sau serviciu. De asemenea, veți învăța cum să utilizați aceste informații ca bază pentru organizarea poveștii dvs., împreună cu structura prezentată în planificarea dvs.

7 min

Pune tot materialul pe pânză!

E timpul să plasezi pe pânză toate elementele pe care le-ai colectat de-a lungul cursului pentru a începe să-ți proiectezi pagina de destinație. În această lecție, voi explica cum să faci asta.

11 min

Creați resursele de care aveți nevoie pentru pagina dvs. de destinație

În cele din urmă, vă voi spune cum să vă creați propriile resurse din materialele pe care le găsiți online. De asemenea, vă voi recomanda unde să le căutați.

10 min

Definiția designului

În această lecție, vă voi învăța cum să creați un ghid de stil pentru a vă modela pagina de destinație. Va trebui să definim elemente grafice și tipografice pentru a oferi designului consistență și unitate.

10 min

Perfecționarea designului: feedback

E timpul să cerem feedback cu privire la ceea ce am făcut până acum. În acest fel, putem rafina detaliile necesare pentru a realiza designul final al proiectului cursului.

5 min

Prezentare client

În această lecție, vă voi arăta cum să prezentați proiectul clientului și ce ar trebui să aveți în vedere atunci când explicați deciziile pe care le-ați luat și arătați ce ați făcut.

4 min

Introducere în sistemele de proiectare

În această lecție, voi prezenta o scurtă prezentare generală a sistemelor de proiectare și a modului în care sunt utilizate de obicei. De asemenea, voi detalia cum funcționează procesul meu exact și de ce a fost benefic pentru mine.

6 min

Cum vă pot ajuta sistemele de design să accelerați fluxul de lucru

În continuare, vă voi oferi câteva exemple rapide despre cum sistemele de proiectare vă pot ajuta să vă creșteți eficiența, trecând în revistă modul în care stilurile și componentele globale sunt utile.

8 min

Introducere în proiect și abordare

Haideți acum să trecem în revistă proiectul la care vom lucra! Voi face o descriere generală a ceea ce ne trebuie pentru a avea un început de drum cu succes.

6 min

Configurarea fișierului Figma și începerea primelor explorări 1

Mai întâi, voi trece în revistă modul în care pot fi create sisteme de design în Figma. Apoi, voi începe primele explorări și voi colecta câteva componente inițiale.

18 min

Configurarea fișierului Figma și începerea primelor explorări 2

Cu aceste explorări inițiale de design, putem explora orice idei care ne vin în minte. Haideți să vedem mai multe!

16 min

Extinderea Sistemului de Explorări și Design 1

Voi continua să-mi extind designurile și machetele, precum și sistemul de design în sine. Veți vedea cum utilizez componentele și machetele automate, astfel încât să vă faceți o idee despre cum funcționează.

19 min

Extinderea Sistemului de Explorări și Design 2

Odată ce avem o idee mai clară despre direcția în care preferăm să îndreptăm proiectul, revizuim unele dintre alegerile inițiale și actualizăm stilurile globale în toate machetele. Să vedem cum evoluează proiectul meu!

20 min

Organizarea sistemului de design Pagini 1

În această lecție, voi trece în revistă componentele și stilurile pe care le-am creat și voi începe să le plasez pe pagini dedicate pentru a avea o idee inițială despre structură.

14 min

Organizarea Sistemului de Design Pagini 2

Voi continua să rafinez fișierele sistemului meu de proiectare. Rețineți că posibilitatea de a rafina o bibliotecă de sisteme de proiectare în aceste etape inițiale poate reduce timpul necesar la sfârșitul proiectului, când pregătim totul pentru predarea finală.

11 min

Explorarea variantelor la crearea componentelor

În această lecție, vom aprofunda puțin componentele; veți înțelege cum putem folosi variante pentru a ne dezvolta și mai mult setul de instrumente. De asemenea, veți avea o idee mai bună despre cum intră în joc convențiile de denumire în Figma și unde puteți explora pentru a vedea ce caracteristici doriți să evidențiați și la care aveți acces ușor.

14 min

Rafinarea sistemului de design cu o pagină asamblată 1

În această lecție, vom trece în revistă un design mai dezvoltat. Acum, în această etapă, am trecut prin câteva iterații în explorările mele și am ajuns într-o direcție de care sunt destul de mulțumit. De aici, vom analiza mai în detaliu crearea componentelor și a machetelor automate. De asemenea, vom analiza cum combinarea acestor instrumente ne poate ajuta să creăm fluxuri și machete mai dinamice.

20 min

Rafinarea sistemului de design cu o pagină 2 asamblată

Voi continua să rafinez sistemul de design. Când lucrez cu site-uri web care au mult conținut repetitiv, indexuri de conținut sau arhive în general, consider extrem de util să imbricam mai multe machete automate, componente și instanțe unele în altele.

19 min

Rafinarea sistemului de design cu o pagină 3 asamblată

Dacă acorzi puțin mai mult timp construirii unui singur layout cu componente și layout automat, vei vedea cum pot funcționa diferite formate de conținut în instanțe diferite. În cazul în care ne dăm seama, după câteva modificări, că respectivul conținut nu este în concordanță cu viziunea noastră inițială, putem modifica simultan mai multe instanțe ale diferitelor elemente de conținut, pentru a înțelege mai bine cum poate fi utilizat conceptul nostru într-un mediu real. Să vedem cum vor fi structurate acest sistem de design și acest site web.

15 min

Configurarea paginilor noi cu sistemul complet de design 1

Acum voi extinde designul web cu câteva pagini noi: o arhivă de blog, o pagină de contact și o galerie de produse. Următorul pas va fi să testez sistemul de design și să văd ce elemente funcționează, ce trebuie schimbat și ce ar trebui adăugat.

19 min

Configurarea paginilor noi cu sistemul complet de design 2

După ce voi crea o arhivă de blog și o postare pe blog, vă voi arăta cum să construiți o pagină de contact. Acest lucru ne permite să vedem cum sistemul de design pe care l-am creat ne poate ajuta să creăm rapid aceste elemente noi.

20 min

Configurarea paginilor noi cu sistemul complet de design 3

Aici veți vedea cum creez pagina suplimentară finală, care este pagina magazinului sau galeria de produse.

20 min

Cum să abordezi crearea documentației pentru sistemul de proiectare

În această lecție, voi trece în revistă două exemple de creare a documentației pentru un sistem de proiectare, folosind Notion și zeroheight.

9 min

Curățarea și utilizarea unui aspect automat

În aceste etape finale, vom aloca puțin timp pentru a analiza site-ul web și sistemul de design și pentru a ne asigura că totul este configurat corect și folosește notele noastre standard.

12 min

Utilizarea designului pe alte elemente de brand

Sistemul nostru de design nu trebuie să se oprească la un site web. În această lecție, vă voi arăta câteva exemple de utilizare a sistemului de design pe care l-am construit ca punct de plecare în crearea de elemente suplimentare de brand, cum ar fi postări pe rețelele sociale și materiale de papetărie.

13 min

Gânduri finale

Și asta e tot! În această lecție, voi trece în revistă câteva gânduri suplimentare despre întregul proces.

2 min

Introducere în No-Code

În această lecție, voi discuta despre cum sunt create site-urile web și veți explora Webflow și biblioteca de resurse de pe Webflow University.

10 min

Caracteristici principale Webflow

Hai să explorăm toate panourile și funcțiile oferite de Webflow și să creăm un proiect gol pentru a începe călătoria creativă a acestui curs.

17 min

Proiecta

Vom analiza designul și vom discuta ce este esențial să ne concentrăm înainte de începerea proiectului. Apoi, voi explica de unde puteți obține imagini fără drepturi de autor pentru proiectul dumneavoastră.

7 min

Ghid de stil

În această lecție, voi discuta de ce este important să se configureze o bază la începutul fiecărui proiect și să se adauge fonturi la proiectul gol.

11 min

Crearea Ghidului de Stil 1

În această lecție, începem să creăm! Mai întâi, vom configura toate elementele inițiale, cum ar fi butoanele și tipografia.

18 min

Crearea Ghidului de Stil 2

Acum vom continua să explorăm câteva butoane și clase combinate.

16 min

Secțiunea Eroilor

Să începem prin a crea secțiunea superioară a site-ului nostru web cu un telefon și un rând de imagini.

18 min

Navigare

În această lecție, vă voi explica cum să construiți meniul de navigare pentru site-ul web și cum să îl faceți responsiv. Vom stiliza componenta numită Navbar.

20 min

Secțiunile 1 ale studiului de caz

Acum, vom crea fișe cu imagini care să reprezinte studii de caz ale studioului și secțiuni cu statistici ale unei afaceri.

16 min

Secțiunile 2 ale studiului de caz

Vom continua să adăugăm elemente la blocul de studii de caz.

20 min

Secțiunea 1 a colajului

În această lecție, te voi învăța cum să creezi o secțiune de colaj cu imagini și mărturii.

11 min

Secțiunea 2 a colajului

Vom reutiliza secțiunea cu trei coloane pentru a crea un bloc cu valorile principale ale afacerii.

10 min

Secțiunea Clienți și Formular Simplu de Newsletter

Această lecție va analiza crearea unei secțiuni de clienți de tipul „am lucrat cu”.

14 min

Subsol

E timpul să construim ultima secțiune a site-ului – subsolul.

20 min

Vizualizare tabletă

În această lecție, vom pregăti site-ul pentru ferestre de vizualizare mai mici, începând cu vizualizarea pe tabletă. De asemenea, voi împărtăși câteva sfaturi pentru a vă ușura viața utilizând reguli mai stricte pentru lățimea containerului nostru și a clasei wrap.

20 min

Vizualizare mobilă peisagistică și portret

Vom face totul și mai restrâns și ne vom asigura că site-ul arată grozav atât pe mobil, cât și în format portret, cât și peisaj.

13 min

Formulare de testare

Vom explora formularele și mai mult și vom stiliza stările de succes și de eroare. Apoi, vă voi arăta unde puteți găsi formularele trimise și ce puteți face cu ele.

7 min

Interacțiuni

În cele din urmă, haideți să facem site-ul mai jucăuș prin adăugarea de interacțiuni subtile pentru secțiunea principală. Apoi, voi acoperi diferența dintre interacțiunile „Încărcare pagină” și „Derulare în vizualizare”.

13 min

Optimizare SEO și Găzduire

În această lecție, vom analiza setarea favicon-ului pentru etichetele SEO și apoi lansarea site-ului nostru online cu un plan de găzduire Webflow.

10 min

Întreținere, Editor și Panou de resurse

Hai să vorbim despre întreținere. Îți voi arăta cum să pregătești șantierul dacă vrei să lucrezi cu mai mulți oameni în viitor și să-ți menții proiectul ordonat și organizat.

9 min

Explorează CMS-ul

Îți voi arăta cum funcționează CMS-ul în setul de instrumente Webflow într-un articol simplu de pe blog. Apoi, voi discuta despre cum să construiești colecții și să utilizezi datele dinamice pe pagini statice față de șabloanele de colecții.

12 min

Definirea obiectivului și structurii site-ului nostru web P1

Pentru a proiecta un site web funcțional (și atractiv), este important să fim foarte clari în ceea ce privește obiectivul pe care dorim să ne ajute să îl atingem, deoarece vom organiza structura site-ului web și a fiecărei pagini a acestuia pe baza acestui obiectiv.

12 min

Definirea obiectivului și structurii site-ului nostru web P2

În această lecție, vom analiza exemple despre cum aceste obiective corespund deciziilor de design din cadrul site-ului web și elementele pe care am decis să le includem în designul nostru (care și cum).

10 min

Stilul general al site-ului nostru

Acum, că am creat structura site-ului web, haideți să definim în linii mari stilul vizual pe care dorim să îl aibă. Vom analiza foarte simplu cum să combinăm fonturile și culorile și vă voi oferi exemple despre cum le puteți utiliza pentru a crea un stil vizual pentru site-ul dvs. web. De asemenea, vă voi oferi câteva resurse de unde puteți găsi inspirație.

14 min

Crearea, organizarea și pregătirea fișierelor grafice

Avem deja toate resursele grafice pe care le vom folosi pe site-ul nostru web și o schiță generală a designului pentru fiecare pagină... acum este timpul să pregătim toate fișierele pe care le vom folosi, astfel încât să fie optimizate pentru utilizare pe web și organizate astfel încât să le putem găsi cu ușurință atunci când proiectăm în Squarespace.

7 min

Modificări ale interfeței blocului de conținut Squarespace

În această lecție, voi explica pe scurt câteva modificări recente aduse Squarespace, astfel încât să cunoașteți diferențele dintre ceea ce veți vedea în interfață în lecțiile următoare și interfața pe care o veți vedea pe site-ul dvs. Squarespace atunci când îl construiți.

3 min

Cum să alegi șablonul pentru site-ul tău web

În această lecție, vom analiza diferitele șabloane disponibile în Squarespace atunci când creați un site web nou. Vom vedea caracteristicile lor și ce ar trebui să luați în considerare atunci când alegeți cel potrivit pentru proiectul dvs.

9 min

Setări inițiale în Squarespace

Odată ce contul este creat, vom face un tur al întregului panou de administrare Squarespace, astfel încât să vă puteți familiariza cu diferitele secțiuni: Pagini, Design, Comerț, Marketing, Analiză, Comentarii, Configurare și Ajutor. [textbox type=alert]Notă importantă: După înregistrarea lecțiilor pentru acest curs, Squarespace a lansat o nouă secțiune în panoul de administrare numită Profiluri Această secțiune nu este deosebit de relevantă pentru conținutul cursului, dar merită explorată puțin, deoarece vă permite să vizualizați și să gestionați profiluri pentru: - Clienți: persoane care au achiziționat de pe site-ul dvs. web, dacă aveți un magazin online configurat (ceea ce nu abordăm în curs). - Abonați: Persoanele care se abonează la lista dvs. de corespondență dacă utilizați opțiunea nativă Squarespace. Dacă utilizați un instrument extern de marketing prin e-mail (cum ar fi Mailchimp sau Mailerlite), nu le veți putea gestiona de aici. Puteți găsi mai multe informații despre această nouă secțiune a panoului de administrare Squarespace la acest link.[/textbox]

12 min

Crearea paginilor în Squarespace: Proprietăți și setări

În această lecție, voi explica diferitele tipuri de elemente pe care le avem în Squarespace pentru a crea „arhitectura” site-ului web: Pagini, Colecții (sau Pagini de Colecție), Foldere și Linkuri, deoarece fiecare are funcții și caracteristici diferite.

18 min

Blocuri de conținut în Squarespace

Acum că știi cum funcționează structura generală a unui site web în Squarespace, hai să vedem cum este creată structura fiecărei pagini. Pentru a o explica mai bine, vom crea o pagină la care vom adăuga diferite Blocuri de Conținut, care sunt elementele care alcătuiesc designul oricărei pagini din Squarespace.

8 min

Secțiuni de pagină în Squarespace

Acum că știm blocurile de conținut pe care le avem în Squarespace, haideți să vedem cum să le integrăm cu secțiunile de pagină pentru a crea designul fiecărei pagini a site-ului web.

17 min

Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P1

Folosind schițele pe care le-am realizat în Unitatea 2 și conținutul pe care l-am adăugat în caietul nostru de lucru, vom crea paginile Acasă, Despre mine, Servicii și Contact, cu toate secțiunile, textul și imaginile aferente.

17 min

Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P2

Nu vă faceți griji pentru culori sau fonturi deocamdată, deoarece le vom ajusta mai târziu. Important acum este să creați structura paginii.

16 min

Design și configurare a paginilor Acasă, Servicii, Despre mine și Contact P3

Pe pagina de contact, vă voi arăta cum să adăugați un formular și ce trebuie să faceți pentru a vă asigura că include textul și caseta de selectare necesare pentru a respecta GDPR (Regulamentul general privind protecția datelor).

16 min

Configurarea paginii de portofoliu P1

În această lecție, vom vedea cum să adăugați un portofoliu de proiecte pe site-ul dvs. web. Vă voi arăta diferitele opțiuni de design disponibile pentru pagina principală de portofoliu, cum să adăugați proiecte noi și diversele ajustări pe care le puteți face proiectelor individuale.

12 min

Configurarea paginii de portofoliu P2

16 min

Configurarea blogului P1

Acum vom vedea cum să configurezi un blog pentru site-ul tău web. Îți voi arăta diferitele opțiuni de design disponibile pentru pagina principală a blogului tău, cum să adaugi postări noi și diversele setări generale pe care ar trebui să le faci pentru fiecare postare înainte de a o publica.

16 min

Configurarea blogului P2

18 min

Configurarea blogului P3

11 min

Crearea subsolului și ajustarea navigării principale

În această lecție, te voi învăța cum să configurezi subsolul site-ului tău web, astfel încât să includă tot ceea ce am definit în Unitatea 2. Vei vedea că modificarea subsolului site-ului tău este foarte simplă și foarte flexibilă, acum că ai stăpânit secțiunile și blocurile de conținut din Squarespace.

18 min

Setarea fonturilor și culorilor pentru site-ul P1

În această lecție, vă voi arăta diferitele opțiuni pe care le aveți pentru a defini stilul titlurilor, subtitrărilor și corpului de text al site-ului dvs. Veți învăța cum să schimbați fonturile implicite și să faceți câteva ajustări suplimentare pentru a modifica stiluri în afara celor implicite.

20 min

Setarea fonturilor și culorilor pentru site-ul P2

12 min

Configurarea imaginilor și a altor setări

Cu culorile și fonturile pregătite, haideți să ne concentrăm acum pe ajustarea imaginilor și a altor detalii, cum ar fi animațiile generale ale site-ului, spațierea, butoanele, pictogramele browserului (favicons), imaginile pentru rețelele sociale, stilurile speciale de pagină și multe altele.

13 min

Bonus: Stiluri web în Squarespace 7.0

Această lecție este destinată exclusiv utilizatorilor de Squarespace versiunea 7.0. Aici, vom explica cum se ajustează fonturile, culorile și alte elemente web pe un site proiectat în versiunea mai veche de Squarespace.

10 min

Setări de marketing

Hai să aruncăm o privire la elementele pe care le avem în panoul Squarespace Marketing și îți voi arăta cum să configurezi o bară de anunțuri pentru site-ul web, precum și o fereastră pop-up pe care o poți folosi pentru a promova informații sau a atrage abonați.

13 min

Setări generale de confidențialitate

În această lecție, te voi învăța cum să creezi paginile legale ale site-ului tău și să le incluzi în subsol. De asemenea, îți voi arăta cum să configurezi bannerul pentru cookie-uri și setările pe care trebuie să le faci și îți voi oferi o opțiune alternativă în cazul în care ai nevoie de un banner pentru cookie-uri mai avansat dacă încarci cookie-uri suplimentare pe site-ul tău web.

8 min

Să facem public site-ul P1

În cele din urmă, vom acoperi pașii necesari pentru a face public site-ul tău web: diferitele planuri de plată oferite de Squarespace, caracteristicile acestora și pe care îl recomand pentru un site web precum cel pe care îl vom construi în cadrul cursului.

16 min

Să facem site-ul P2 public

6 min

Urmărirea analizelor site-ului

În cele din urmă, vom explora tabloul de bord Analytics al site-ului: vă voi face un tur al secțiunilor sale și vă voi oferi recomandările mele pentru a profita la maximum de el.

10 min

Referințe vizuale: unde să cauți inspirație

În această lecție, vreau să vă spun cât de important este pentru mine să găsesc referințe vizuale care să servească drept inspirație atunci când dezvolt un proiect de web design. De asemenea, vă voi spune unde găsesc și stochez aceste referințe, astfel încât să le am mereu în minte pe tot parcursul procesului de design al site-ului web.

6 min

Harta site-ului și ghidul de stil

Acum vă voi arăta cum să trasați parcursul utilizatorului odată ce acesta ajunge pe site-ul dvs. web. Acest lucru vă va oferi o idee mai clară despre ce pagini trebuie să proiectați și cum se conectează acestea. De asemenea, vom acoperi cum să creați un scurt ghid de stil pentru a compila elementele și stilurile generale pe care le dorim pentru site-ul web.

6 min

Pregătirea propunerii de design 1

După ce am creat întregul concept vizual pentru site-ul web, vom dezvolta propunerea de design. Aceasta este una dintre cele mai interesante părți ale procesului! Voi începe prin a proiecta antetul, subsolul și pagina mea principală.

16 min

Pregătirea propunerii de design 2

Continui să proiectez secțiunile rămase pe care le-am definit în harta site-ului în Figma. În timpul acestui proces, nu uitați să țineți cont de referințe!

10 min

Noțiuni introductive despre WordPress

În această lecție, vă voi arăta cum să instalați WordPress și funcționarea sa de bază. În acest fel, vă veți familiariza cu întregul potențial al acestui software.

10 min

Instalați Elementor

Acum vom instala Elementor, instrumentul pe care îl vom folosi pentru a construi întregul design web fără a fi nevoie să scriem o singură linie de cod.

9 min

Cunoașterea Elementor 1

Hai să transferăm toate elementele și stilurile generale pe care le-am definit în ghidul de stil în Elementor. Întrucât am analizat și definit deja totul în ghidul nostru, procesul va fi floare la ureche!

8 min

Cunoașterea Elementor 2

Acum voi rezuma pe scurt setările pe care vi le-am arătat în videoclipul anterior. După aceea, vom continua să configurăm și să personalizăm alte opțiuni, cum ar fi setul de fonturi.

17 min

Antet și subsol 1

În această lecție, voi explica ce este constructorul de teme Elementor și de ce sunt un astfel de fan al său. De asemenea, vă voi arăta cum să îl utilizați pentru a proiecta antetul site-ului dvs. web.

19 min

Antet și subsol 2

Acum o să vă arăt cum construiesc subsolul site-ului meu web cu Elementor. Vedeți cât de rapid este să lucrați cu acest program?

10 min

Pagina principală

E timpul să proiectăm prima secțiune a site-ului web. Pagina principală este probabil prima pagină pe care o vor vedea pe site-ul tău, așa că aici îmi place întotdeauna să fiu cel mai creativ și vizual.

10 min

Șablon pentru proiecte 1

În această lecție, vom lucra cu opțiunile de șabloane din Elementor pentru a crea designul paginii individuale a proiectului. Și, dacă tot suntem la asta, voi include și toate proiectele în portofoliul meu.

19 min

Șablon pentru proiecte 2

Acum vă voi arăta cum încep să utilizez versiunea responsivă a șablonului meu de proiect.

10 min

Arhiva proiectului

Următorul lucru pe care vă voi învăța cum să îl proiectați este pagina principală de portofoliu, unde vor fi arhivate toate proiectele pe care le încărcăm pe site.

6 min

„Despre” și „Contact”

În cele din urmă, vom lucra la două secțiuni esențiale ale oricărui site web: pagina „Despre” și pagina „Contact”.

15 min

Pagini secundare: confidențialitate, 404 și întreținere

În această lecție, voi vorbi despre câteva secțiuni secundare ale site-ului dvs. care nu sunt vizibile inițial, dar sunt încă acolo. De asemenea, vă voi arăta cum să puneți site-ul dvs. web în modul de întreținere.

13 min

Testați și lansați site-ul web

Înainte de a lansa site-ul web în lume, îl vom testa pentru a ne asigura că totul funcționează și arată așa cum ne dorim. Vă voi arăta cum!

8 min

Actualizare site

În această ultimă lecție, vreau să vă arăt cât de important este să faceți copii de rezervă înainte de a vă actualiza site-ul web.

3 min