Una mappa html è una immagine con zone “intelligenti” sensibili al passaggio del mouse e collegate a links verso altre pagine web o files, un cartina geografica è l’applicazione più diffusa del tag <map>Creare una mappa a partire di un’immagine è estremamente facile se utilizziamo uno strumento gratuito e open source come “The Gimp”. Invece di una cartina disegneremo un intero sito web con menù di navigazione grafico. Ho utilizzato questa tecnica per la home page introduttiva del mio sito: softisteria.org
Disegnamo l’header
Lanciamo Gimp e creiamo un’immagine con fondo trasparente di dimensioni 800×200 px
Procuriamoci una bella texture visitando il magnifico sito cgtextures , per esempio del legname dipinto per l’header che ritaglieremo con un altezza di 200 px, quindi creiamo il layer header di 800×200 px (Maius+Ctrl+N) e incolliamo qui la texture, per il titolo scelgo un font molto grande (60px) applico un’ombra con uno spostamento x e y di 8 e un raggio di sfocatura pari a 3 e trasparente al punto giusto, quindi cancello il titolo e mi resta l’ombra che produce un effetto come di una scritta sbiadita sul legno, posso inoltre ruotare il layer che contiene l’ombra.
[...]Read More
