Aggiungere Favicon al tuo sito web


Favicon, il tuo logo sulla barra degli URL

Molti chiedono come inserire la propria favicon, la piccola icona che viene inserita nella barra degli indirizzi web, all’ interno del proprio sito web.

Ad esempio, se avete salvato Teutra nei vostri preferiti con ctrl-D, dovreste vedere il logo di teutra, nella barra degli indirizzi, prima dell’ url vero e proprio.

Inserire la  favicon html, è un’ operazione abbastanza semplice. Per prima cosa, apriamo il nostro programma di foto ritocco preferito e creiamo un nuovo documento in formato 16×16 pixel.

In realtà moltissimi utilizzano il logo della loro azienda o attività  e cambiamo dimensione per questa occorrenza. Salvate il file rinominandolo favicon.ico

Adesso tutto quello che dovete fare è copiare la vostra favicon sul server che ospita il vostro sito web. L’operazione varia a secondo dei casi ma, il più delle volte, il tutto si può risolvere utilizzando un client FTP. Io uso Filezilla che è un ottimo programma gratuito che puoi scaricare da qui.

Per chi non sapesse cos’è e a cosa serve un programma FTP, posso dire che è un programma che permette il trasferimento, di massa o singolarmente, di files da un certo indirizzo in rete al proprio PC e viceversa. faviconDi solito lo si usa per il trasferimento di massa essendo più’ comodo l’automatismo. Fatto questo e cioè’, dopo aver creato la favicon html e dopo aver copiato il file nel nostro spazio web, non ci resta che inserire nella nostra pagina web, il codice per fare riconoscere questa piccola icona al browser.

Apriamo il nostro editor HTML preferito, io uso Notepad ++, strumento gratuito che puoi scaricare a questo indirizzo e inserire il seguente codice nella home page del nostro sito

<link Rel=”icon” type=”image/ico” href=”http://www.tuosito.it/favicon.ico”>

avendo cura di inserire il codice prima della chiusura della testata, e cioè, prima del tag </head> e di sostituire il vostro URL al posto di tuosito.it.

A questo punto non ci resta che copiare online la home page appena modificata, digitare l’url http://www.tuosito.it/ per vedere comparire la nostra favicon.

Spero di esservi stato utile e arrivederci alla prossima :-)

 

Agenzia web e garanzia di professionalità



Se stai cercando di capire se sia meglio affidare il tuo progetto web ad un’agenzia web o di tentare la soluzione fai da te, la lettura di questo articolo può esserti utile. Nello sviluppo di un progetto complesso come la progettazione e la realizzazione di siti web è necessario l’intervento di persone competenti e con esperienza e che conoscono il mondo del web e le sue dinamiche.

Non per portare l’acqua al mio mulino ma secondo me questo tipo di lavoro, racchiude diversi aspetti che devono essere necessariamente affrontati e sviluppati da persone competenti.

La realizzazione di un sito web, infatti, non comprende solo l’insieme grafico-strutturale del sito stesso. La parte più importante infatti, è quella dell’ottimizzazione del sito, del suo posizionamento sui motori di ricerca, e della strategia di marketing.

Nella realizzazione di un sito web si parte dalla ricerca di grafica, colori, font e stili, per selezionare quelli più adatti al tipo di attività dell’azienda committente. Solo una volta ottenute queste informazioni è possibile realizzare un prodotto che rispecchi in pieno l’identità dell’azienda stessa.

Il sito web ha lo scopo di attirare nuovi clienti, e di infondere a queste persone la fiducia nello scegliere la nostra azienda piuttosto che le altre. Questa emozionalità è possibile solo attraverso uno studio e una progettazione accurata.

Una volta ottenuto il risultato desiderato arriva il momento di far funzionare il sito. Per fare questo è necessario effettuare uno studio sui competitors e sul mercato relativo al cliente. Dopo di che si pianifica una campagna marketing completa di ottimizzazione SEO per il posizionamento sui motori di ricerca.

Tutto questo, se fatto da una agenzia web seria e professionale garantisce dei risultati, che altrimenti sarebbero impossibili. Al giorno d’oggi chiunque è in grado di realizzare 2 o 3 pagine web, ma questo non vuol dire realizzare un sito web funzionale e utile allo scopo.

WordPress e HTML5, evoluzione del Web


Con la veloce affermazione di WordPress come CMS di riferimento,  si conferma ancora di più il crescente successo di HTML5, nuovo standard per i siti Web. WordPress infatti è uno degli strumenti più utilizzati per la creazione e la gestione di contenuti, e con quest’ultima versione si consolida la compatibilità con i nuovi tag e i nuovi script di programmazione di HTML5.

Inoltre è sempre più in crescita il numero dei temi gratuiti e a pagamento (una lista di siti che offrono temi wordpress gratuiti e a pagamento) e di plugin (i 10 migliori plugin per ottimizzare wordpress) che sfruttano le potenzialità di HTML5. Grazie a questo standard, e alla compatibilità di WordPress con i vari browser, le web agency che utilizzano questo CMS, hanno la possibilità di utilizzare funzionalità extra, per creare siti altamente performanti e di qualità.

Con HTML5 vengono introdotte diverse novità per la strutturazione del testo e per il controllo dei menu di navigazione. Inoltre vengono introdotti elementi specifici per il controllo dei contenuti multimediali con i tag <video> e <audio>, e vengono eliminati alcuni elementi con scarso utilizzo effettivo.

Con questo nuovo standard è supportato pienamente Canvas, che permette di utilizzare JavaScript per creare animazioni e grafica bitmap, e viene implementata la geolocalizzazione. Questa, con l’introduzione della grafica responsive, per la creazione di siti Web adattabili a qualsiasi schermo e risoluzione, si era resa necessaria a causa della forte e continua espansione di sistemi operativi mobile come Android e iOS e di dispositivi come tablet e smartphone.

Secondo il nostro parere, grazie all’integrazione tra WordPress e HTML5, questo CMS acquista qualcosa in più, confermandosi anche per il prossimo futuro uno degli strumenti migliori per la realizzazione siti web. Naturalmente lo sviluppo di WordPress per raggiungere la piena compatibilità con le novità introdotte dal nuovo standard è continuo. Il World Wide Web Consortium ha annunciato che la versione definitiva di HTML5 sarà pronta per fine 2014 e la versione .1 nel 2016. Noi siamo sicuri che WordPress starà al passo e seguirà questa evoluzione del Web da vicino.

Responsive Design, l’anno del boom

Il sorpasso dei dispositivi mobile sui PC

Responsive design. Nel 2012, per la prima volta dal 2001, a livello mondiale, le vendite di desktop sono state inferiori a quelle dell’anno precedente. Questo nonostante la tecnologia riesca bene o male, a cavalcare la crisi. La spiegazione è semplice: la vendita di Tablet ha raggiunto i 100 milioni di unita’ e gli smartphone stanno, a poco a poco, sostituendo i classici cellulari.

Può sembrare un fatto banale o scontato ma, per tutti quelli che, come noi, costruiscono siti web e servizi, questo fatto porta a considerazioni ben precise e cioè’ che cambia e si diversifica il modo di navigare sul web. Ai ‘classici’ personal computer (navigare da seduto) si affiancano altri modi di navigare: sugli smartphone (navigare in piedi) e tablet (navigare sdraiato). Ormai non si può’ più’ non tener conto di questo fatto quando si progetta un sito web.

mini iPadE’ sgradevole e poco professionale vedere una pagina web che non si adatta allo strumento su cui viene visualizzata. Gli stessi clienti sono ormai sensibili al problema e chiedono informazioni sull’adattabilità’ del loro futuro sito web rispetto ai dispositivi di nuova generazione.

Responsive design per i nuovi siti web

La soluzione al problema è quella di progettare siti web che rispondono, reagiscono in base alla dimensione del dispositivo in uso: il responsive design. La cosa è già nota da tempo, molti siti negli ultimi anni, sono stati creati con un occhio al responsive design, questo per ciò’ che riguarda la risoluzione grafica dei PC.

Data la grande diffusione di Tablet e Smartphone, il 2013 è l’anno del responsive design che offre, agli editori, la possibilità di diffondere le loro pubblicazioni su ogni tipo di schermo e, per gli utenti, la certezza della qualità sempre e dovunque, a prescindere dal dispositivo usato.

Sia che usiate Html e Css, sia che usiate un cms per i vostri siti, tenete conto di questo considerazioni se state per disegnare un nuovo sito web.

Temi WordPress per la scuola

Temi WordPress: Pasw2013

Una novita’ nel settore dei temi wordpress per la scuola. In questi giorni è stato rilasciato il tema WordPress  Pasw2013 per la costruzione di siti scolastici, è ancora una beta ma il team WordPress  assicura la versione definitiva di questo nuovo tema wordpress per i primi giorni di Settembre, giusto in tempo per l’inizio delle lezioni !! (altro…)