Web design no-code con Elementor e Wordpress

Web design no-code con Elementor e Wordpress

“ Ora esamineremo le fasi chiave dello sviluppo del tuo sito web in modo che tu possa presentare il tuo progetto alla Comunità Domestika. Vorrei che spiegassi brevemente cosa hai fatto in ognuno e accompagnassi la spiegazione con una o più immagini. Concetto e riferimenti Inizia sviluppando l'intero concetto del tuo sito web. Per fare ciò, prima raccogli i riferimenti visivi che ti ispirano e salvali in una cartella o nei segnalibri. OH! E non dimenticare che puoi essere ispirato da qualsiasi cosa, non solo dalle pagine web, ma da qualsiasi oggetto intorno a te, dalla musica, dalla tua città, da un paesaggio... Qualunque cosa!

Mappa del tuo sito web In secondo luogo, disegna una mappa del sito Web in cui definisci le pagine che comporranno la navigazione del tuo sito e come l'utente si muoverà attraverso di esse. Guida allo stile Quindi, raccogli tutti gli elementi e gli stili generali che desideri per il tuo sito Web: logo, set di caratteri, tavolozza dei colori e, facoltativamente, elementi grafici. Crea una guida di stile con tutto questo. Proposta progettuale Ora lavorerai sulla proposta di design, che è una delle parti più entusiasmanti dell'intero processo. Per questo puoi lavorare con il programma di progettazione che desideri. Utilizzando tutti gli elementi della tua guida di stile, progetta ciascuna delle sezioni che compongono il tuo sito Web e che hai precedentemente definito nella mappa del sito. Ricorda che se non sai quali contenuti o strutture utilizzare in ciascuna di queste sezioni, puoi sempre dare un'occhiata ai riferimenti visivi per trovare ispirazione. La cosa più importante della proposta di design è che ti aiuta a visualizzare come apparirà il tuo sito quando in seguito lavorerai con Elementor. Progettazione in WordPress ed Elementor Installa e configura gli strumenti con cui lavorerai in questo corso per creare il tuo intero sito. Per fare questo, prima di tutto, assicurati di avere un hosting e un dominio dove poter installare WordPress. Una volta installato, configuralo e crea le pagine e i menu di navigazione del tuo sito web. Il prossimo passo sarà installare il plug-in Elementor e il tema che utilizzerai come base: "Hello Theme". Ora tutto ciò che devi fare è scaricare e installare Elementor Pro, che include incredibili funzionalità per costruire l'intero design del tuo sito web. È tempo di trasferire l'intera proposta di web design su un sito reale e funzionale al 100%, per questo lavorerai con Elementor, il kit predefinito, il suo generatore di temi e le opzioni del modello. Ricorda che a questo punto devi tenere sempre a mente la proposta di web design che hai preparato in precedenza. Inizia creando l'intestazione e il piè di pagina. Continua a progettare la home page e non dimenticare di includere effetti di animazione per renderla molto più visiva e attraente. Ora crea il modello di progetto e la home page del portfolio. E premi anche le sezioni "Informazioni" e "Contatti". OH! Non dimenticare di ottimizzare le immagini sul tuo sito web in modo che non pesino troppo e si carichino velocemente, e ricorda di accompagnare queste immagini con testi che contribuiscano, contestualizzino e umanizzino il tuo lavoro. Infine, lavora anche sul design delle sezioni secondarie del tuo sito web, come la pagina della privacy policy, la pagina "Errore 404" e la pagina di manutenzione. Test e rilascio Ti resta ben poco da finire! È il turno di testare il web in diversi browser e dispositivi, poiché a volte un web appare leggermente diverso in alcuni di essi. Annota tutti i dettagli che non funzionano o non vengono visualizzati come previsto e correggili successivamente in Elementor. Quando hai corretto tutto, tutto è pronto affinché il tuo sito web sia visto da tutto il mondo! Una volta avviato, non dimenticare di tenerlo aggiornato Ah! E ricorda di fare un backup prima di ogni aggiornamento. È giunto il momento per te di condividere il tuo progetto finale con la community cliccando su "Crea il tuo progetto". Ricordati di condividere il link per vedere il sito web che hai progettato e raccontaci anche tutto il processo creativo che ti ha portato a realizzarlo. Se in qualsiasi momento hai messo il sito web in modalità di manutenzione, ti preghiamo di disattivarlo in modo che possiamo vedere il tuo sito web nella sua interezza. Sicuramente è incredibile :). Non vedo l'ora di vedere il tuo progetto e darti un feedback. Anche se chiedo la tua pazienza, cercherò di accedere al forum il più possibile e ciò che i miei progetti professionali mi consentono. Infine, voglio invitarti a partecipare attivamente al forum, non solo condividendo i tuoi progressi, ma anche dando consigli e cercando di aiutare il resto della comunità. Ci vediamo nel forum! ”

Trascrizione parziale del video

“Adesso è giunto il tuo momento. rivedremo insieme alcuni passaggi fondamentali per costruire il tuo sito La verità è che c'era una quantità notevole di nuove informazioni. quindi sii fiero di essere arrivato fin qui e di aver superato la paura del design web. Ricorda di iniziare sempre raccogliendo dati. alcune referenze visive che ti ispirino. Puoi salvarle in una cartella o fare un mood board. Poi. disegna una mappa del tuo sito includendo tutte le sezioni che desideri. Ricorda che non c'è limite di sezioni né sezioni obbligatorie. Includi solo quelle che meglio si adattano al tuo progett...”

Questa trascrizione è stata generata con sistemi automatici, quindi può contenere errori.

Riepilogo del corso: Web design no-code con Elementor e Wordpress

• Livello: Principiante
• 98% valutazioni positive (248)
• 13758 allievi
• 4 unità didattiche
• 20 lezioni (3h 28m)
• 5 download

• Categoria

  Web & App Design

• Aree

  Design di prodotti digitali, Gestione di un portfolio, Progettazione di applicazioni, Web design