Play Video

Introduzione all’Editor di Wix

Creare il tuo sito è facile ed intuitivo con l’Editor HTML5, nel quale puoi trascinare e rilasciare gli elementi.
Guarda questo video dettagliato su come utilizzare l’Editor di Wix ed iniziare a creare il tuo sito web. Tutti i template sono completamente personalizzabili: puoi selezionare qualsiasi elemento come immagini, testo, layout e altro ancora, e modificarli. Non ci sono limiti alla creatività. Nessuna conoscenza di programmazione richiesta.

benvenuti a tutti mi chiamo arianna e lavoro però x.com oggi vi farò spiegandovi come costruire il vostro sito web gratuito in poche ore prima però qualche parola su hicks weeks è stata fondata nel 2006 nei fratelli a vision e non dava e brafa mi ed agorà caplan nel 2008 weeks ha lanciato il suo primo editor che permetteva a tutti coloro che avevano una connessione internet di costruire un sito web gratuitamente questa interfaccia drag
and drop facile da utilizzare ha reso possibile a chiunque la creazione di un sito web senza alcuna conoscenza di programmazione nel marzo 2012 weeks ha lanciato il suo editor html 5 che è stato rapidamente adottato da moltissimi utenti in tutto il mondo e ha contribuito a far crescere l’azienda ancora più velocemente di prima l’app market che offre up esterne è stato lanciato nell’ottobre del 2012 consentendo ai programmatori di creare ed
esporre le proprie app per il web a milioni di utenti weeks e di aumentare ancora di più la funzionalità dei siti weeks weeks si basa su modello freemium il che significa che chiunque può costruire un bellissimo sito web gratuitamente se gli utenti vogliono dare al prestito un aspetto più professionale con un dominio personalizzato e privo del marchio weeks possono fare l’upgrade del proprio sito a premio al costo di qualche euro al mese il
quartier generale di weeks si trova a tel aviv israele con succursale new york a san francisco lituania e ucraina oggi weeks a più di 650 dipendenti che lavorano nello sviluppo design marketing gestione prodotti e assistenza clienti nel novembre del 2013 weeks è stata quotata sul mercato azionario nasdaq nella prossimo retta vi spiegherò come funziona weeks e vi mostrerò come facile costruire il vostro sito web gratuito vi insegnerò a usare
l’editor weeks dandovi le basi per iniziare a lavorare con weeks tenete presente che più lavorate con l’editor weeks più prendete la mano mentre imparate ad utilizzare l’editor vedrete che prestissimo riuscirete a tradurre la vostra visione le vostre idee in un sito web professionale in grado di aiutare voi e la vostra attività iniziamo tutto quello che vi serve per iniziare con weeks è un indirizzo email una password è una connessione
internet quando vi registrate su yoox.com vi verrà data l’opzione di scegliere il vostro ramo di attività in base a questo weeks vi presenterà i template creati dal team di grafici professionisti di weeks potete sfogliare i template finché non troverete quello più adatto a voi o alla vostra attività weeks offre centinaia i template per tutti i tipi di attività anche se di chiamiamo il template sono in realtà indicazione di design pensati
per darvi idee per il vostro sito web i template weeks sono completamente flessibili e ogni template può essere utilizzato per qualsiasi tipo di sito web quale iniziate a modificare un template potete modificare qualsiasi elemento compresi layout pagine immagini colori e font potete anche scegliere di iniziare da un template vuoto e progettare il proprio sito web da zero dipende da voi la pagina di template e divise in categorie basate su
diversi tipi di attività che siate musicisti avvocati fotografi o laureati in qualsiasi altro campo è probabile che troverete un template che contiene tutti gli elementi che vi servono per il vostro sito tenete presente che potete scegliere un template e da qualsiasi categoria dato che i template sono completamente flessibili potete modificarli per adattarli alla vostra attività prendetevi il tempo di dare un’occhiata e template di varie
categorie finché non troverete quello giusto per voi ogni template a un tasto vedi che permette di verificarne l’aspetto su uno schermo intero con colori e fonte predefiniti una volta scelto il template su cui lavorare dovrete semplicemente cliccare su modifica questo sito e iniziare a lavorare in pochissimo tempo potrete personalizzare il template e far funzionare il vostro nuovo sito web si sta caricando l’editor per creare un sito web su
hicks non è necessario sky che alcun software cosa che vi permette di lavorare sul vostro sito in qualsiasi momento e da qualsiasi computer con una connessione internet come potete vedere tutti gli elementi sul sito possono essere spostati potete trascinare e rilasciare rimuovere o aggiunge qualsiasi cosa sulla pagina come immagini testi e tasti a differenza di altri creatori per sito web i template e di weeks non hanno alcun limite per
insegnarvi ad utilizzarle i tordi weeks vorrei iniziare mostrandovi il menu superiore sullo schermo editor iniziando qui a sinistra troverete il selettore di pagina qui potete decidere la pagina del sito su cui volete lavorare come tutto ciò che si trova sul template il menù del sito che gli utenti utilizzeranno navigando c è interamente modificabile per questo motivo mentre lavorate nell’editor weeks non potete utilizzare meno regolare per
navigare attraverso le pagine del vostro sito a destra dottore di pagina ci sono i tasti a nulla ripeti seguiti dai tasti copia incolla subito dopo c’è il tasto linee griglia notate come le righe punteggiate settimane disattivano quando faccio clic su questo tasto le linee griglia superiori di inferiori indicheranno cosa sarà visibile nell’intestazione enel piè di pagina su ogni pagina del vostro sito le linee griglie laterali serve ad
assicurare che chiunque possa visualizzare il vostro sito qualunque sia la dimensione dello schermo il vostro sito verrà visualizzato su vari computer e dispositivi con varie risoluzioni per essere sicuri che tutti possono visualizzare il vostro sito interamente opportuno mantenere i contenuti del vostro sito all’interno dei margini di queste linee griglia tutto ciò che si trova all’interno delle linee verrà visualizzato su qualsiasi schermo
il tasto successivo si chiama linea agli oggetti serve per aiutarvi ad allineare gli oggetti nel sito quando questo tasto è attivato estate spostando un oggetto come una foto una casella di testo apparirà una linea viola per aiutarvi ad allineare l’oggetto con altri oggetti sul vostro sito il tasto righelli vi consente di posizionare con precisione elementi sullo schermo in modo che il vostro sito web si è allineato e simmetrico ora imposterò
e righelli in modo tale da aiutare a mantenere il layout di questo sito mentre apportiamo le modifiche l’opzione anteprima è un ottimo funzionalità offerte da weeks utile mentre progettati il vostro sito cliccateci sopra in qualsiasi momento prevede l’aspetto e le prestazioni del vostro sito una volta che sarà online potete verificare il vostro lavoro utilizzando questo tasto per controllare come i visitatori visualizzeranno il vostro sito il
tasto salva vi permette di salvare il lavoro svolto finora anche se lo scopo di questo tasso sembra ovvio realtà serve a tre scopi la prima volta che sul tasto salva vi si chiederà di dare un nome al sito il nome che scegliete diventerà parte il vostro url o l’indirizzo del sito la seconda cosa che fa il tasso salva è ovvia salva il vostro lavoro non dimenticate di salvare regolarmente mente create il vostro sito il terzo scopo del tasto
salva è creare una versione salvata del vostro sito web in qualsiasi momento mentre state creando il sito potrete tornare ad una versione precedente ogni volta che selezionata e salva verrà creata è salvata nella cronologia una nuova versione nuova potrete accedere a queste versione alla pagina i miei siti gli ultimi due tasse sono pubblica e upgrade ne parlerò più avanti nella lezione ora guardiamo il menù che si trova a sinistra
nell’editor weeks qui trovate gli strumenti che vi servono per creare il vostro sito vi illustrerò gli elementi di questo menu e anche se non vi farò vedere tutte le opzioni voglio mostrarvi gli strumenti più importanti per aiutarvi a prendere la mano con l’editor weeks di far scoprire il resto una volta che avrete iniziato a lavorare sul editor iniziamo con il tasto del menù pagine il tasto pagine vi permette di ordinare le pagine il vostro
sito e creare menu a tendina quando clicco su una pagina la trascino posso modificare la posizione in cui visualizzarla sul sito il menù si aggiornerà automaticamente se andiamo nella modalità anteprima possiamo vedere le modifiche appena realizzate ritorno al menù da qui possiamo aggiungere nuove pagine al template potete aggiungere una pagina scegliendo tra uno di questi layout per definiti o potete uscire una pagina vuota dipende da voi
spesso utilizzavano del layout predefiniti vi permette di risparmiare tempo non dovendo creare una pagina da zero prestate attenzione all’opzione transizione di pagina qui potete scegliere come volete che apparirà transizione quando gli utenti navigano da una pagina all’altra del vostro sito accanto a ciascuna pagina vedrete un icona delle impostazioni cliccando su questa icona si aprirà un’altra finestra dove potete scegliere di cancellare o
duplicare una pagina o anche modificarne le impostazioni seo seo è l’acronimo di search engine optimization ottimizzazione per i motori di ricerca che aiuta il vostro sito a salire nei risultati di ricerca dei motori di ricerca qui potete personalizzare le impostazioni della pagina come nome indirizzo la visibilità o meno del menu principale altro ancora potete anche scegliere di impostare qualsiasi pagina come home page creare pagine protette
da password o nascondere qualsiasi pagina dal menu creerò qualche nuova pagina che useremo presto eliminerò anche alcune delle pagine presenti su questo template perché non ci serviranno il tasso successivo nel menu è un pennello il menù del design qui potete trovare tutto ciò che è legato al design potete utilizzare questo menù per cambiare sfondo colori e fonta sul vostro sito per esempio potete sostituire lo sfondo del template con uno
degli sfondi predefiniti lee weeks oppure potete caricare un’immagine personalizzata dal vostro computer qui il successivo è il menu colori immaginate di voler cambiare lo schema dei colori per tutto il vostro sito web con weeks non dovete modificare ogni elemento su ogni pagina uno alla volta l’editor new xv permette di impostare subito la palette di colori per tutto il vostro sito potete cambiare l’aspetto del vostro sito scegliendo una delle
palette colore predefinite create dai designer nello studio di weeks come vedete quando seleziono diverse palette di colori i colori cambiano per tutto il sito web se non trovate niente che vi piace potete anche creare la vostra palette personalizzata se preferite potete anche modificare il colore di elementi specifici sul vostro sito web senza conseguenze sullo schema di colori del sito il menu font funziona pratica nello stesso modo del menu
colori potete usarlo per cambiare i font per tutto il sito come per i colori potete scegliere uno dei pacchetti di font predefiniti per cambiare tutti i fonte del sito creare il vostro pacchetto di fonte personalizzato avete visto come ho cambiato il font solo nel menu passiamo una modalità anteprima così possiamo vedere come diverso il nostro sito web del template da cui siamo partiti di nuovo anche se è possibile cambiare manualmente
ciascuna casella di testo sul sito risparmierete tantissimo tempo impostando primo i font per tutto il sito l’elemento successivo nel menu laterale è il tasto aggiungere che ha l’aspetto di un più il meno aggiunge a moltissime opzioni potete utilizzarlo per aggiungere ogni tipo di funzionalità e nuovi elementi al tuo sito in questa lezione mi concentrerò su alcune di quelle essenziali ma potete scoprire ed esplorarne molte altre opzioni per
conto vostro inizierò a svuotando lampeggio così posso mostrarvi come utilizzare questo menu nel menu aggiungere possiamo aggiungere una casella di testo un titolo o un paragrafo dopo aver raggiunto la casella di testo potete fare doppio clic sul testo per aprire l’editor di testo da questo meno attendibili posso facilmente selezionare i font e lo stile da usare per questo testo poi posso posizionare la casella di testo dove desidero o
duplicarla per creare altre titoli potete anche aggiungere immagini dal menu aggiungere per aggiungere un’immagine potete caricarla cliccando sul tasto arancione potete anche scegliere tra una delle centinaia di immagini offerte gratuitamente da weeks o caricare un’immagine dei vostri account sui social network quando caricate un’immagine potete anche accedere ad altre opzioni cliccando sul tasto impostazioni anche aggiunge clipart è facile dal
mio aggiunge selezionate le opzioni clipart e sceglietene una dalla vasta scelta di immagini di weeks naturalmente potete sempre caricarne una vostra l’elemento successivo nel menu è la galleria weeks offre un’ampia varietà di gallerie che vi permettono di presentare le immagini in vari modi vi mostro un esempio aggiungerò la pagina galleria slideshow 3d e poi passano le modalità anteprima così vedrete come risulta cambia il immagini in una
galleria è semplice bisogna solo cliccare sulla galleria una volta e scegliere organizza immagini quando abbiamo aggiunto questa galleria il titolo è scomparso per farlo riapparire posso utilizzare questo tasto per spostare indietro la galleria in modo tale che il titolo sia nuovamente visibile quando si aggiunge un elemento nuovo al sito potrebbe essere necessario spostarlo indietro o in avanti per assicurarsi che tutto ciò che sulla pagina
sia visibile potete provare molte delle opzioni relative alle gallerie mentre esplorate l’editor di weeks per esempio potete impostare una galleria sull’auto play e scegliere per quanto tempo far apparire un’immagine sullo schermo potete anche decidere cosa succede quando un visitatore del sito clicca su un’immagine tocca a voi scegliere ritorniamo all’editor voglio perdermi un minuto per organizzare la pagina chi siamo per mostrarvi come
aggiunge un video al sito elemento successivo del menu aggiunge e multimedia potete utilizzare questo tasto per aggiungere elementi multimediali come video da youtube vimeo al sito i musicisti possono anche collegare il sito ad itunes usando questo menù per raggiungere un video dovete sul incollarne e il link cliccare aggiorna aggiungerò che un documento al nostro sito per farlo aggiungerà un tasto su cui i visitatori possono cliccare per
scarica i menu del forno se guardate la pagina su cui sta lavorando vedrete che la sua lunghezza corrisponde al suo contenuto aggiungete le menti e la pagina o spostando quelli che ci sono già la lunghezza della pagina cambierà potete dare alla pagina lunghezza che desiderate questa è una buona occasione per salvare quello che abbiamo fatto finora potete utilizzare il menu aggiungere anche per aggiungere riquadri forme e linee tasti e menu al
vostro sito provate questi elementi per personalizzare ancora di più il design del vostro sito se fate un errore o aggiungete un elemento che non vi piace non preoccupatevi potete sempre rimuovere qualsiasi cosa cliccando su a nulla l’elemento successivo del menu aggiunge è tasche e menu qui oltre ad aggiungere i tasti e menu al vostro sito potete aggiungere tasti specifici per paypal itunes e tasti immagine potete anche mettere un ancora nel
sito per permettere ai visitatori di spostarsi direttamente in un punto specifico della pagina l’elemento successivo del menu vi permette di aggiungere un blog al sito come ogni elemento weeks il blog può essere personalizzato a piacere grazie ad una varietà di opzioni una volta giunto il blog al mio sito posso gestire i post e altre impostazioni a questo menu o cliccando sul blog va l’editor di weeks da questo menu potete aggiungere un negozio
online al vostro sito con un solo click se volete vendere prodotti attraverso il vostro sito iniziate con questo tasto ho aggiunto una pagina vuota il sito e ora aggiungerò gli elementi che mi servono per creare un negozio online guardate cosa succede quando aggiungo una galleria prodotti alla mia pagina dal menu del negozio online qui posso aggiungere una galleria prodotti in seguito posso organizzare gli elementi che voglio vendere in questa
galleria cliccando su gestire negozio vedrete che l’opzione ecommerce di weeks vi consente di gestire facilmente in un unico posto tutti gli elementi del vostro negozio online dagli ordini e l’inventario a pagamento e valuta buoni spedizioni e tasse potete anche aggiungere foto e video per mettere in evidenza prodotti specifici potete personalizzare il vostro negozio del menu del negozio online facilitate i vostri clienti la navigazione del
vostro sito aggiungendo un tasto carrello vedi carrello aggiunge al carrello continuando ad esplorare il menu aggiungere troviamo le opzioni sociale qui potete aggiungere al vostro sito il link ai social networks feed e icone così i vostri visitatori potranno condividere il vostro sito su vari social network dovete solo cambiare l’indirizzo web di default con il vostro questo è un ottimo modo per richiamare nuovi visitatori ed esporre il posto
al sito ad un nuovo pubblico spostandoci nel menu aggiunge troviamo il tasto caps potete usare questo tasto per aggiunge vari utili funzionalità il vostro sito come un modulo di contatto ho un modulo d’iscrizione il menu ax contiene anche una google map interattiva grazie alla quale potrete mostrare la posizione della vostra attività un tasto paypal per connettersi al vostro account paypal personale un flipper foto feed e altro ancora qui
potete inserire anche qualsiasi codice html nel sito questo è un utilissimo strumento con molte funzionalità potete aggiungere per esempio moduli di registrazione e prenotazione o uno strumento per le previsioni del meteo l’elemento successivo del menu aggiunge è il creatore di liste questa è una funzionalità fantastica che vi permette di creare liste personalizzate per il vostro sito il creatore di liste è molto versatile e può essere
utilizzato per creare liste di prodotti impiegati eventi in arrivo meno e altro ancora rende semplice aggiornare sezioni del vostro sito e spostare elementi su una pagina senza dover riformattare ogni volta in questo sito potete utilizzarlo per raggiungere il menù della panetteria con il creatore di liste semplice mantenere le nostre liste organizzate e aggiornate l’elemento successivo che voglio mostrarvi è l’app market di weeks queste app
sono state create da programmatori esterni o dal team di weeks ma sono state tutte testate da weeks weeks ha selezionato con cura up che crediamo possano rispondere alle esigenze di medie e piccole imprese potete utilizzare l’app market di weeks per integrare funzionalità popolari nel vostro sito come i social media di fitz creatori di moduli menu e servizi prenotazione on line tutte le app anno versioni gratuite disponibili ma molte offrono
servizi premium e funzionalità avanzate ad un costo aggiuntivo mi raccomando esplorare con calma l’app market per trovare le app più adatti a voi e alla vostra attività questa è anche una possibilità per tutti i programmatori all’ascolto di creare un’app per i più di 50 milioni di utenti di weeks le app market si divide in cinque categorie sociali moduli gallerie e commerce e strumenti di marketing aggiungiamo qualche app al sito della
nostra panetteria dato che la mia panetterie anche una caffetteria dove ci si può sedere voglio permettere ai visitatori di prenotare un tavolo online troviamo un app adatta a questo immaginiamo che voglia dare i miei clienti la possibilità di parlare con un rappresentante del forno c’è anche un app per questo l’ultimo elemento del menu laterale è lì con ingranaggio il tasto impostazioni qui potete vedere l’url all indirizzo web del vostro
nuovo sito potete anche promuovere il vostro sito sui motori di ricerca utilizzando il tasto seo sotto il tasto impostazioni sociali potete scegliere anche la miniatura che si vedrà quando il vostro sito viene condiviso sui social network le ultime due opzioni del menu impostazioni sono disponibili sono per gli utenti premium di weeks il tasto statistiche vi permette di connettere il sito a google analytics per ottenere dati su chi visita il
vostro sito e quanto spesso gli utenti premium possono scegliere anche una favicon quella piccola icona che si vede a sinistra di un url nella scheda del browser ora che ho finito di modificare il template salveranno lavoro e poi cliccherà su pubblicare ecco fatto il mio nuovo sito online è visibile in tutto il mondo andando a questo indirizzo potrete vedere il sito online ora prendo un minuto per spiegare le differenze tra un sito weeks
gratuito è un sito premium utilizzando la versione gratuita di weeks il dominio o url sarà sempre nome utente ui x.com slash il nome dato al sito facendo l’upgrade ad uno dei pacchetti premium di weeks potete collegare il vostro sito a qualsiasi nome di dominio possediate l’upgrade ad un pacchetto premium rimuove anche tutti i marchi weeks dal sito i marchi vengono visualizzati solo sui siti gratuiti e weeks non mette mai altre pubblicità sul
sito se non a piè di pagina e in alto a destra sulla pagina un’altra caratteristica positiva di weeks è che anche se si smette di pagare un pacchetto premium il sito resterà sempre funzionante weeks non eliminerà mai il vostro sito né lo rimuoverà da internet spero di avervi mostrato in questa lezione quanto sia facile utilizzare weeks l’editor di weeks è progettato per essere semplice e intuitivo scoprirete che più si utilizza è più
facile diventerà trasformare le proprie idee in realtà ricordatevi le cose fondamentali e il resto verrà man mano che si acquisisce familiarità qx tutto ciò che è relativo al design si trova nel menu design qualsiasi elemento con gli atti aggiungere al vostro sito si trova nel menu aggiungere e ogni elemento della vostra pagina può essere modificato cliccandoci sopra prima di finire torniamo brevemente all’editor di weeks per vedere
l’editor mobile di weeks con l’editor mobile potete creare facilmente una versione mobile del vostro sito senza costi aggiuntivi weeks guiderà automaticamente i visitatori alla versione mobile del vostro sito se stanno utilizzando uno smartphone per accedere all’editor mobile cliccate sull’icona di uno smartphone in alto a sinistra sullo schermo qui potete spostare gli elementi sul vostro sito ritoccarne design per ottenere una funzionalità
ideale su un dispositivo cellulare l’editor mobile funziona nello stesso modo dell’editor regolare prima di tutto potete trascinare e rilasciare gli elementi per posizionarli dove volete che appaiono sui dispositivi mobili secondo potete scegliere di nascondere elementi specifici dalla visualizzazione mobile pensate di cambiare idea non preoccupatevi gli elementi che nascondete saranno aggiunti a quella lista in seguito potete sempre decidere di
renderli visibili anche l’editor umobile editor a una modalità anteprima prevede le aspetto del sito sul dispositivo cellulare ricordatevi che se volete apportare dei cambiamenti al testo del sito dovete farlo dall’editor principale ora che vi ho insegnato a creare un sito weeks voglio mostrarvi uno degli elementi più importanti weeks la pagina i miei siti per accedervi andate su rics punto com e fate clic su i miei siti dal menù principale
qui troverete un elenco di tutti i siti che avete creato e un pannello per controllare molti dietro le quinte dei vostri siti a differenza dell’editor weeks non potete modificare il design con le funzionalità del vostro sito da questa pagina dalla pagina i miei siti potete configurare un indirizzo email e personalizzato gestire la fatturazione pagamenti accedere a buoni o voucher o collegare il vostro sito ad un nuovo dominio con weeks non c’è
limite al numero di siti gratuiti o premio che potrete creare e non c’è limite di tempo alla loro permanenza online potete fare l’upgrade del sito qui cliccando su upgrade scegliete uno dei pacchetti premium e decidete se volete pagare annualmente o mensilmente sotto ad ogni pacchetto potete vedere funzionalità che offre dovreste essere pronti a cominciare ma non preoccupatevi se vi doveste trovare bloccati mentre create il sito durante il
processo potreste avere domande o aver bisogno di aiuto weeks ha investito molto nell’assistenza ai suoi utenti attraverso vari canali l’assistenza di weeks offre istruzioni complete per utilizza i prodotti weeks e tutte le funzionalità principali sono spiegati nei video tutorial il forum weeks è un forum di assistenza dinamico costruito da weeks qui potete trovare esposte veloci a molte domande potete anche postare le vostre domande e ricevere
risposte da altri utenti weeks o da un membro della tim weeks infine potete anche trovare aiuto ispirazione seguendo weeks su facebook twitter youtube e google plus seguite il blog di weeks per avere consigli su come creare un fantastico sito web tutto adesso siete pronti a creare il vostro sito html5 professionale con un’ottima visibilità sui motori di ricerca è una versione mobile personalizzata