In questa breve guida vi illustro alcuni passaggi per creare un sito web con Wix.
Spesso non tutti hanno le conoscenze professionali adeguate per realizzare un sito web utilizzando HTML, CSS, JavaScript, framework e librerie varie, ma possono avere l’esigenza di creare un sito web.
Ci si può rivolgere ad un professionista che farà un lavoro molto accurato e professionale anche dal punto di vista SEO oppure si può scegliere di utilizzare uno dei servizi disponibili come ad esempio Wix.
In alternativa è sempre possibile studiare per diventare Front End Developer attraverso corsi dedicati come questo: Front End Developer.
Wix è una piattaforma che permette di creare siti web in maniera molto semplice e senza alcuna esperienza di programmazione.
E’ una piattaforma gratuita ma ha delle sezioni Premium che consentono di togliere la pubblicità ed aggiungere sezioni extra.
Creare un sito web con Wix – primi passi
Innanzitutto occorre registrarsi sulla piattaforma Wix.
Andiamo nell’home page: https://it.wix.com e selezioniamo il pulsante Inizia Ora.
Possiamo procedere alla registrazione tramite l’accesso diretto con la mail di Google o con l’account di Facebook oppure inserire email e password.
Dopo aver concluso la registrazione arriverà la conferma tramite email ed è possibile iniziare a creare il vostro sito web professionale.
Scegliere il template adatto per il tuo sito web con Wix
Dopo avere concluso la registrazione, possiamo scegliere il tema idoneo per il nostro sito web.
Dopo, scegliere la categoria tra quelle indicate sotto:
Nel passaggio successivo ci viene chiesto il nome da dare al sito web, io ad esempio ho scelto coding4all.
Dopo aver scelto il nome del sito web possiamo inserire delle sezioni che caratterizzano il nostro sito web con Wix.
Si può inserire ad esempio un blog, una chat, una sezione portfolio, un sistema per gestire gli eventi, ecc.
Come creare un sito web con Wix – scelta del tema
Dopo questi passaggi ci viene data la possibilità di iniziare un template già costruito da alcuni designer.
Si aprirà una pagina che ci mette a disposizione una serie di template. Scegliamo uno di nostro gradimento, ricordando che può essere cambiato anche in un secondo momento.
Personalizziamo il lavoro aggiungendo elementi, sezioni, pagine, menù e tanto altro.
Possiamo vedere l’anteprima, salvare le modifiche appena effettuate ed una volta pronto possiamo pubblicarlo dal pulsante in alto a destra:
Questo breve tutorial su come creare un sito web con Wix termina qui, divertitevi a creare il vostro sito web.
In questa guida su come imparare a programmare, darò alcuni consigli su come addentrarsi nel mondo della programmazione.
Esistono infatti diversi linguaggi di programmazione, da quelli a basso livello a quelli di alto livello.
Ogni linguaggio di programmazione ha una propria sintassi, con delle regole ben precise. Ma sappiate che il difficile non è imparare la sintassi di ciascun programma, ma imparare a ragionare!
Eh si! Imparare a ragionare! In effetti sappiamo farlo tutti, ma occorre allenare la mente al pensiero logico ed acquisire il metodo giusto per riuscire a trovare la soluzione ai vari problemi più o meno complessi che ci vengono sottoposti. Una volta acquisito il metodo, si scopre che poi così difficile non è!
Dunque quali sono i consigli utili da seguire in questi casi?
1. Come imparare a programmare – Non avere fretta
La prima importante cosa da dire è proprio questa: non avere fretta. Occorre procedere sempre a piccoli passi e quando si ha ben compreso l’argomento, passare a quello successivo.
2. Come imparare a programmare – tanti esempi ed esercizi
Per ciascun argomento affrontare tanti esercizi con varianti diverse. Non andare oltre se almeno non si sono svolti 5 – 8 esercizi per ogni argomento.
3. Come imparare a programmare – sperimentare soluzioni diverse
Per ogni esercizio trovare soluzioni diverse, in questo modo si riesce a riflettere su quale soluzione può essere la migliore, su quale costrutto utilizzare, su quale ragionamento è più efficiente.
4. Come imparare a programmare – divertirsi
Di sicuro non può e non deve mancare il divertimento nello scrivere codice. Quindi la scelta migliore sicuramente è quella di imparare attraverso lo sviluppo di piccoli semplici giochi, qualsiasi sia il linguaggio scelto.
Detto ciò il mio consiglio è quello innanzitutto di esercitare il pensiero logico. Questo si può fare attraverso lo sviluppo di algoritmi utilizzando i diagrammi a blocchi, anche aiutandosi con qualche programma, come ad esempio Algobuild. Poi si può passare allo studio dei vari linguaggi di programmazione. La scelta dipende sicuramente da ciò che dovete andare a sviluppare in quanto ogni linguaggio ha un ambito di utilizzo.
Di seguito ecco alcuni link ai tutorial che possono essere utili per iniziare il fantastico mondo della programmazione.
Questi tutorial non vogliono sostituirsi a nessun buon libro di testo, ma semplicemente essere fonte di ispirazione per chi vuole iniziare a programmare!
Come scegliere il dominio per il tuo sito web? Come registrare il tuo dominio web? Scegliere un nome di dominio adeguato per il tuo sito web non è cosa semplice! Molti domini sono già stati scelti e occorre adeguarsi ai nomi di dominio rimasti.
Che cos’è il dominio?
Il dominio è il nome univoco che avrà il tuo sito web. Il dominio è composto dal nome e dall’estensione. Ad esempio un ipotetico nome di dominio può essere www.miosito.it.
Nell’esempio precedente il nome è miosito mentre l’estensione è .it
Estensioni
Il sito può avere varie estensioni, ne elenco alcune sotto:
com (aperta a qualsiasi persona o entità, in genere è utilizzato per un sito web commerciale)
it (permessa a privati, aziende e organizzazioni con residenza in uno stato dell’Unione europea, previo invio di richiesta ad un Registrar accreditato dal Registro.it)
net (è permessa la registrazione, senza vincoli politici o commerciali, in genere è consigliabile quando il .com non è disponibile)
org (in genere è consigliato ad organizzazioni non a scopo di lucro, siti personali, progetti open source)
biz (è indicato per siti web commerciali quando il .com e il .net non sono più disponibili)
info (per siti web di informazione e news ma può essere utilizzato anche per siti web personali o aziendali)
name (per siti web personali)
eu (è tenuto dall’EURid. Gli individui, le aziende o le organizzazioni che vogliono registrare questa tipologia di dominio devono risiedere o avere sede nell’UE)
us (è un dominio di primo livello nazionale assegnato agli Stati Uniti d’America)
fr (dominio di primo livello nazionale assegnato alla Francia)
Quindi come scegliere l’estensione del dominio del tuo sito web?
Il mio consiglio è scegliere, ove possibile, un’estensione di dominio .com o .it per il tuo sito web o magari registrarle entrambe. In genere, un ipotetico visitatore ricorda il nome del dominio, ma dà quasi per scontato che l’estensione sia .com oppure .it. Ecco perchè ad esempio io ho registrato codingcreativo.it e anche codingcreativo.com.
Quindi, come scegliere il dominio per il tuo sito web?
La scelta del nome di dominio va fatta con molta cura e deve essere in grado di far capire di cosa parla il sito. Quindi se, ad esempio, parli di cucina devi cercare un dominio che contenga magari la parola cucina o una che ne renda l’idea.
Ricordati inoltre che il nome deve essere facile da scrivere e non troppo lungo.
I motori di ricerca infatti prendono molto in considerazione il nome del dominio, oltre ad un insieme di altri parametri di cui parlerò in un mio prossimo articolo.
Bisogna chiedersi: Come mi cercheranno i miei potenziali visitatori? Quali parole chiave userebbero su Google?
Verifica se il dominio che hai scelto è libero
Come verificare se il nome di dominio che hai scelto è libero?
Uno dei modi per verificare la disponibilità di un dominio web è andare su un sito di web-hosting. Ad esempio andiamo su SiteGround.
Inserisci nella casella di ricerca il nome del tuo dominio e nella casella accanto l’estensione che hai scelto. Dopo fai clic su cerca.
Il sistema ti dirà se il dominio è libero oppure no, ed in tal caso ti darà dei suggerimenti su quale nome scegliere.
Registra il tuo dominio
Una volta che hai scelto il nome è possibile passare alla registrazione.
Meglio affrettarsi perché i domini registrati ogni giorno sono tantissimi e potresti rischiare di vedertelo scappare.
Quale hosting scegliere per registrare il tuo dominio?
Allora su quale sito andare? Quale hosting scegliere per registrare il tuo nome a dominio? Conviene diffidare, in linea generale, dai siti che danno un servizio di hosting gratuito, in quanto molte volte sono estremamente lenti e non potete scegliere il nome di dominio se non con un prefisso davanti.
Sarebbe meglio scegliere un webhosting veloce e sicuro!
Site Ground ad esempio dà un servizio di hosting veloce e sicuro oltre ad una semplice gestione del sito.
Come procedere alla registrazione del dominio?
Per procedere alla registrazione del dominio puoi cliccare il banner sotto:
Una volta dentro la piattaforma puoi scegliere il piano che preferisci.
Scelta del piano
Per cominciare puoi optare per il servizio StartUp per il momento in super offerta.
Con soli 3,95€ al mese puoi gestire in tutta tranquillità il tuo dominio.
Fai clic su Acquista, ti comparirà una pagina che ti chiede di inserire il dominio che hai scelto.
Nell’esempio ho inserito il sito codingcreativo.it che non è libero come vi dice nell’avviso. Inserisci il nome di dominio che hai scelto per il tuo sito web.
Appena cliccate su procedi vi apparirà la pagina dove puoi inserire le informazioni account, informazioni cliente, informazioni pagamento e informazioni acquisto.
Nelle sezione informazioni password scrivi la mail e la password per accedere al pannello di controllo del sito.
Nella parte che riguarda le informazioni cliente inserisci i tuoi dati personali.
Nell’area informazione pagamento inserisci il metodo di pagamento scelto.
Nelle informazioni di acquisto inserisci il periodo, ovvero un anno, due anni oppure tre anni.
Sarebbe opportuno fare la registrazione del sito per almeno tre anni. Infatti Google e i motori di ricerca in generale sanno per quanto tempo il tuo dominio è registrato. Se lo acquisti solo per un anno dai l’impressione che la tua attività non durerà a lungo e quindi non dai un’immagine autorevole del tuo sito.
Facendo clic su paga subito procedi al pagamento del dominio del tuo sito web e attenderai una mail che arriverà dopo brevissimo tempo che ti confermerà l’acquisto e come procedere all’accesso del dominio.
In questo articolo spiegherò dove è possibile trovare immagini per il sito web o blog.
Dove trovare le giuste immagini per il sito web?
Dopo aver visto quali font e quali colori utilizzare per la costruzione del tuo sito web, vediamo adesso dove trovare le immagini adatte per ogni esigenza.
Ci sono tanti siti internet dove trovare immagini da poter utilizzare. Alcuni siti mettono a disposizione delle immagini gratuite, chiedendo magari una piccola offerta non obbligatoria; altri siti internet invece mettono a disposizione delle immagini a pagamento a seconda della risoluzione che si desidera.
Lista dei siti che offrono immagini gratuite
Attenzione! È possibile che i siti che sto citando nel frattempo abbiano cambiato le loro politiche sul copyright. Dunque, al momento del download, occorre fare un ulteriore controllo sulle condizioni di utilizzo delle immagini che sono espressamente indicate nei siti in questione.
Su questo sito si trovano tante immagini gratuite e pure ad alta risoluzione che puoi utilizzare per il tuo sito internet. Inoltre le immagini sono suddivise per vettoriali, foto e illustrazioni in modo tale da affinare la ricerca.
Il sito mette a disposizione una serie di immagini organizzate per categorie. Inoltre, la cosa interessante è che si può scegliere anche per palette di colori.
Il sito mette a disposizione centinaia di immagini. Inoltre è possibile filtrare per immagini preferite, per quelle con maggiori download, per quelle più alla moda o per le più recenti.
Ogni settimana si possono ottenere dieci nuove foto di altissima qualità. Le immagini possono essere utilizzate anche per scopi commerciali ma è vietata la distribuzione.
Quale font scegliere per il tuo sito web? In quest’articolo su quale font scegliere per il tuo sito web, dopo aver appreso le nozioni su come scegliere il colore per il tuo sito web (vedi il link precedente), vedremo quale e quanti font sono indicati per un progetto web.
Terzo passo
Quale font scegliere per il tuo sito web?
La scelta del font è importantissima per la fruibilità nella lettura degli articoli del tuo sito web.
Le famiglie dei font
Font senza grazie (sans serif)
I font senza grazie (sans serif) sono quei caratteri che non hanno le rifiniture ornamentali.
Sono font da preferire sul web perché più lineare e leggibili. Inoltre danno un’impronta moderna e attuale al sito web.
I font senza grazie più utilizzati in passato sono stati il Verdana, seguito dall’Helvetica. Oggi si predilige usare i Google Fonts tra cui Monserrat, Raleway, Roboto, Open Sans.
I font Google sono gratuiti e quindi possono essere utilizzati da chiunque sia a scopi privati, sia a scopi commerciali.
Questi font possono essere anche modificati ed è possibile collaborare con chi li ha creati.
Font con grazie (serif)
I font con le grazie sono invece quei font che presentano le decorazioni, basti guardare ad esempio la S e la f della figura, salta subito all’occhio la differenza.
I font con grazie sono molto utilizzati nei giornali o nelle riviste perchè sono considerati più leggibili, in quanto le grazie nell’alta qualità della stampa aiutano meglio la distinzione dei caratteri.
I caratteri serif sono utilizzati per esprime creatività sul web e quando il contenuto da leggere non è troppo lungo. Alcuni esempi di Google Font sono Lora, Roboto Slab, Josefin Slab, Bitter.
Font decorativi
Questi tipi di font sono molto particolari. Presentano delle decorazioni talvolta per ogni carattere. Sono utilizzati solo per qualche titolo o sottotitolo o per lanciare un messaggio d’effetto in qualche banner.
Attenzione a non abusarne!
Font monospace
I font monospace sono caratterizzati dall’avere una larghezza fissa, indipendentemente dalla reale dimensione delle lettere.
Sono font poco utilizzati nel web, poco accattivanti. Magari sono da utilizzare in piccole parti per comunicare un breve messaggio.
Font calligrafici
Sono quei font che come dice il nome simulano la scrittura a mano. Sono molto eleganti da utilizzare e si trovano spesso nei siti di weddings (matrimoni). Possono essere molto originale se utilizzati come logo o nelle testate dei siti web.
Attenzione perché sono poco leggibili, quindi non bisogna abusarne l’uso.
Ecco alcuni consigli – Font per il sito web
Attenzione a non utilizzare troppi tipi di font in un testo, si potrebbe creare confusione, in genere due – tre font sono sufficienti. Anche perché troppi font hanno la funzione di rallentare il tuo sito web.
Ricordati che lo scopo principale di un font è quello di essere letto, quindi ok a font leggibili e leggeri.
Usa la dimensione giusta, font troppo piccoli risultano illeggibili. Una dimensione di 16 px è l’ideale, tutto però dipende anche dal tipo di font che scegli.
Detto ciò, qualunque sia il tipo di font che preferisci, oggi si prediligono molto i Google Fonts, sia perché non ci sono limiti nell’utilizzo sia perché sono molto più moderni.
Come utilizzare i Google Fonts per il tuo sito web?
Andando sul link Google Fonts si apre la pagina con tutti i font a disposizione come quella della figura sotto.
Vengono elencati tutti i fonti per default più trending, ma nella colonna a destra è possibile affinare la ricerca in base alle proprie esigenze.
Affinando la ricerca e scegliendo ad esempio Popular hai una lista dei font più utilizzati. In alternativa puoi scegliere Date Added per visualizzare i più recenti oppure Trending per scegliere quelli più di tendenza.
Inserire Google Fonts nel tuo sito web
Puoi seguire due metodi per inserire i Google Fonts nel tuo sito.
Il primo riguarda l’inserimento manuale tramite codice, il secondo invece l’utilizzo di un plugin di wordpress.
Primo metodo – inserimento manuale dei Google Fonts
Una volta scelto il font che più ci piace, clicchiamo sul più che compare a lato del carattere, si apre una finestra come quella della figura sotto.
Se clicchiamo su customize abbiamo a disposizione una serie di opzioni, che possiamo personalizzare a piacimento. Possiamo anche tralasciare questo passaggio se non abbiamo esigenze particolari.
Sulla scheda embed invece è spiegato come collegare il font al tuo sito web. Possiamo scegliere Standard, che è l’inserimento che ti consiglio di utilizzare, oppure Import. Sono due modi diversi per inserire il font nel tuo sito web, ma i motori di ricerca prediligono il metodo standard.
Una volta scelta la modalità standard si provvede ad inserire il collegamento suggerito nel codice html del tuo sito internet, esattamente dentro il tag <head></head>.
Non basta ciò, occorre anche andare nel foglio di stile ed inserire dove si preferisce:
font-family: ‘Roboto’, sans-serif;
Non ti resta che provare il nuovo font installato, ricordando che puoi ripetere lo stesso passaggio per l’installazione di altri font.
Secondo Metodo – Inserimento dei Google Fonts tramite plugin di Worpress
Utilizzando WordPress è possibile inserire i Google Fonts nel tuo sito web.
Ci sono tanti plugin a disposizione. Basta andare nella sezione plugin, cliccare su aggiungi nuovo plugin e cercare Google Fonts.
Comparirà una finestra di questo tipo dove puoi scegliere il plugin che preferite.
Mi sento di consigliarti per mia esperienza personale il plugin gratuito Easy Google Fonts, in quanto molto semplice da utilizzare.
Clicca su installa ora a lato e poi attiva.
Una volta attivato vai nella sezione in alto personalizza e da qui selezionare alcuni parametri.
Comparirà una barra laterale sinistra, seleziona la voce Typography e cambia come preferisci lo stile del paragrafo e dei vari titoli.
Nella scheda Appearance puoi anche cambiare colore e dimensione del font. Nella scheda Positioning puoi sistemare i margini, il padding, i bordi, ecc. Non hai che da provare. Buon lavoro!
Adesso ci chiediamo quali colori scegliere per il sito web?
Per creare un sito web, sembrerà banale, ma scegliere i colori giusti è fondamentale per ciò che vuoi trasmettere. Infatti c’è una psicologia del colore anche nel web, quindi in base alle emozioni che si vogliono trasmettere si deve scegliere il colore più opportuno.
Prima di pensarci ti spiego cosa ciascun colore trasmette.
Rosso
Il rosso è un colore molto intenso e caldo. È un colore decisamente forte che deve essere utilizzato con cautela. Ad esempio utilizzare il rosso in un sito che parla di medicina non è assolutamente appropriato perché ricorda il colore del sangue! Invece si al rosso nei siti che riguardano il settore della ristorazione perché serve a stimolare l’appetito; non a caso ad esempio molte pizzerie all’interno hanno molti accessori rossi!
Il rosso infine è anche il colore della passione, quindi via libera per il rosso anche nei siti che trattano queste tematiche!
Verde
È un colore molto rilassante e molto positivo. Ad esempio si può utilizzare, nelle sfumature meno vivaci, per creare un sito di un’erboristeria, di un negozio che vende prodotti naturali o anche di un ristorante vegetariano. Attenzione però a saperlo bilanciare bene, esagerare nell’uso all’interno del tuo sito potrebbe provocare un effetto troppo smorto.
Puoi accoppiarlo bene con colori come il marrone, l’arancio e il giallo.
Blu
Il blu è il colore che più di tutti trasmette professionalità. È un colore molto versatile che si adatta facilmente a molti progetti. Dà fiducia e positività perciò è scelto da molte aziende. Nel settore finanziario ad esempio è quello più utilizzato.
Dunque se devi convincere qualcuno della tua serietà e professionalità non esitare ad utilizzare il blu.
Il blu si adatta facilmente con molti colori come l’arancione, il grigio, il giallo. Quindi scegli questi colori per il tuo sito web se il messaggio che vuoi trasmettere è quello di fiducia e professionalità.
Attenzione però se volete focalizzare l’attenzione del visitatore su un qualcosa di particolare non è molto indicato, meglio andare su un colore caldo come il rosso o l’arancione.
Giallo
È un colore caldo, solare, indicato per esprimere creatività. Usato con moderazione dà un tocco originale al tuo sito web.
Può essere combinato con il grigio e il nero e può essere utilizzato per mettere in evidenza qualcosa. Di sicuro l’attenzione del visitatore cadrà sul riquadro giallo che avere creato appositamente.
Grigio
È un colore molto versatile che può essere abbinato con molti altri. Non c’è sito web che non abbia un pò di grigio.
Si può fare predominare in quei siti che vogliono esprimere eleganza e professionalità, ma anche che vogliono dare un tocco vintage.
Alcuni studi evidenziano che la scritta nera su uno sfondo giallo è la soluzione cromatica migliore per far ricordare un messaggio più facilmente.
Arancione
È un colore caldo, vivace e accogliente. Si può combinare molto bene con il blu, il grigio e il nero. Come il giallo esprime creatività e quindi si può utilizzare in quei siti dove si vuole ottenere originalità. È molto utilizzato nei siti che ad esempio offrono servizi per bambini perché è un colore molto allegro.
Viola
Il viola è un colore che viene usato con molta cautela nel web.
La scelta del viola è legata al mistero. Si utilizza quando si vuole ad esempio promuovere un sito di una cartomante o per siti di magia.
Rosa
Il rosa è un colore molto delicato e femminile. Può essere utilizzato, soprattutto nelle tonalità pastello, nei siti per l’infanzia.
Ma un rosa acceso invece può essere utilizzato anche nelle agenzie di comunicazione grafica, per dare un tocco di personalità al sito internet.
Marrone
Il marrone è meno usato come colore principale. È un colore caldo e spesso viene combinato al color oro per dare un tocco glamour al sito.
Si può utilizzare ad esempio per dare un’ambientazione rustica al progetto online, come ad esempio per i siti di agriturismo, combinato magari con il verde scuro.
Bianco
Il bianco è il colore della purezza perciò va utilizzato ad esempio nei siti che promuovono abiti o accessori per la sposa. Viene molto utilizzato anche per indicare uno stile minimal e dove si vuole dare maggiore risalto al testo.
Non dimenticate di utilizzare spazi bianchi nel vostro sito web, questi facilitano la lettura e aiutano a mantenere la giusta armonia tra un testo e l’altro.
Nero
Il nero è un colore molto forte, aggressivo e misterioso. Abbinalo con colori caldi come il giallo o l’arancione e sicuramente otterrai un effetto di eleganza e professionalità nel tuo sito web.
Il nero può indicare anche un sito di prodotti di lusso. Basti pensare che un abito nero è utilizzato nelle cerimonie eleganti.
Ricordati però che il nero è un colore molto cupo e che se non saputo dosare opportunamente può generare nel nostro cervello ricordi spiacevoli.
Quindi quali colori scegliere per il tuo sito web?
Dopo queste premesse scegli con cura il colore per creare il tuo sito web, sicuramente in questo modo sarai in grado di comunicare meglio quello che vorrai!
Dopo aver letto il seguente articolo su quali colori scegliere per il sito web, segui la seconda parte del tutorial:
