I tooltips nel web design: a cosa servono e come si utilizzano
|
|
- Gilda Serafini
- 6 anni fa
- Visualizzazioni
Transcript
1 I tooltips nel web design: a cosa servono e come si utilizzano Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un immagine o su un testo. Letteralmente, i tooltip o hint o infotip, sono degli elementi grafici che si azionano nel momento in cui posizioniamo il mouse in un particolare punto (mousehover). Quando l utente passa il mouse in un determinato punto, senza cliccarci sopra, appare automaticamente un tooltip, cioè un piccolo box o finestra con informazioni aggiuntive. I tooltips non possono essere azionati sui dispositivi mobili e tablet perché su questi dispositivi non c è il cursore. Rappresentano una soluzione ottimale nel momento in cui dobbiamo inserire delle informazioni aggiuntive rispetto a quelle già inserite. Grazie ai nuovi standard, le tecniche per realizzare i tooltips sono migliorate e sono realizzati semplicemente con il codice html5 + css3. In particolare si utilizzano i pseudo elementi ::after e ::before per realizzare il particolare della freccia del tooltip. A cosa servono? A dare un anteprima di quello che vedremo in maniera più dettagliata cliccando poi sull immagine. Sono molto utilizzati all interno di mappe o di siti universitari o alberghi. Questa tecnica è utilizzata anche dai siti web che vendono le immagini o i video dando la possibilità all utente di avere un idea rapida e veloce della miniatura che viene ingrandita al mousehover con il tooltip. Vediamo prima di tutto alcuni esempi pratici molto ben riusciti. Università di Coimbra 1 / 5
2 Questo è il sito dell università di Coimbra che per mostrare gli uffici più importanti del suo edificio ha adottato la tecnica del tooltip. Con l azione del mousehover sulle iconcine gialle, elemento grafico che indica la presenza di informazioni aggiuntive, è possibile avere un particolare degli uffici con foto e descrizione. Cliccandoci ( mouseclick) possiamo poi andare a visitare direttamente la pagina di quell ufficio. FOTOLIA 2 / 5
3 Fotolia e tutti i siti che vendono immagini e video, utilizzano questa tecnica per mostrare l anteprima delle immagini in miniatura, dando la possibilità di visualizzarle in formato maggiore al mousehover. Tecnica è molto utile anche per i siti portfolio, se si presentano i propri lavori con una galleria di immagini in miniatura tipo formato 100X100px: al mousehover sarà possibile aggiungere ulteriori informazioni sui progetti, come per esempio la descrizione. Tutorial Oltre alla possibilità di creare i tooltips in css3 e visualizzarli al mousehover ci sono tantissime librerie jquery che permettono di realizzare questo effetto in maniera veloce e semplice. Su google puoi facilmente trovarle inserendo la parola chiave best tooltips library. Io ho usato per alcuni miei progetti una piccola libreria che si chiama ddimgtooltips.js e mi sono trovata molto bene. Vediamo in questo tutorial come realizzare dei tooltips su una mappa per mostrare i diversi appartamenti disponibili per la vendita sulla cartina di Milano. 3 / 5
4 DEMO #1 - STEP Come prima azione indispensabile dobbiamo scaricare la libreria ddimgtooltips.js sul sito del produttore e una versione aggiornata della libreria jquery.mins.js, per poi posizionarle tra il tag head della nostra pagina html. #2 - STEP Realizziamo la struttura della nostra pagina creando due box, uno per l immagine della mappa e l altro realizzato con una lista non ordinata che conterrà al nostro interno le voci di elenco con le nostre iconcine arancioni e l anchor tag al quale daremo l attributo rel che conterrà il riferimento della libreria javascript sui tooltips che realizzeremo. Ecco il codice della struttura: 4 / 5
5 Powered by TCPDF ( Your Inspiration Web #3 STEP Adesso è necessario modificare e personalizzare il file ddimgtooltip.js con i tooltip che vogliamo realizzare e quindi inserire le immagini e la descrizione e anche lo stile. L elemento tooltips [0], [1] ecc... rappresenta una sorta di identificativo e deve corrispondere all attributo rel inserito nella struttura della pagina. Come puoi notare abbiamo inserito: il percorso dell immagine la descrizione un po' di stile È possibile modificare ulteriormente lo stile e la posizione del box del tooltip tramite css utilizzando la classe.ddimgtooltip. Inoltre ho creato la freccetta bianca a sinistra del tooltip che è una delle sue caratteristiche principali semplicemente sfruttando il pseudo elemento ::before. Infine possiamo anche modificare lo stile della descrizione del tooltips in questo punto della libreria che contiene la classe.ddimgtooltip : Qui possiamo modificare l allineamento del testo, il padding, il margine, il font e così via. La demo può essere visualizzata qui e il pacchetto del codice completo qui. Conclusioni Utilizzando questa tecnica, otteniamo un bel risultato che migliora l usabilità del sito web, fornendo ai nostri utenti delle informazioni aggiuntive in maniera più rapida e dando la possibilità al nostro utente di decidere se queste informazioni sono importanti ed eventualmente poi approfondirle cliccando sul tooltip. Oltre all usabilità migliorano il design e l estetica della pagina. Cosa ne pensi di questa tecnica? L hai già utilizzata? Scrivilo nei commenti. 5 / 5
jquery Mobile: La gestione delle liste
jquery Mobile: La gestione delle liste Nel precedente articolo ci eravamo lasciati con una semplice struttura di pagine. Nella pagina interna si sarebbe dovuta trovare una rubrica. In questo tutorial riprenderemo
DettagliWordPress: predisporre la sidebar per l'uso di widget
WordPress: predisporre la sidebar per l'uso di widget Dopo la pausa estiva riprendiamo il nostro corso dedicato alla realizzazione di un tema per WordPress: nello specifico oggi vedremo come creare una
DettagliSpunti su come ottimizzare un sito web per dispositivi mobili
Spunti su come ottimizzare un sito web per dispositivi mobili L enorme sviluppo nell ambito dei dispositivi mobili ci impone di prestare la massima attenzione a questa sempre più importante fetta di mercato
DettagliLinguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A CSS
Linguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A. 2009-2010 Alessandro Longheu http://www.diit.unict.it/users/alongheu alessandro.longheu@diit.unict.it Esercitazione CSS 1 CSS - Esercizio 1 Redigere
DettagliMAGENTO: I template della pagina shop con la lista dei prodotti
MAGENTO: I template della pagina shop con la lista dei prodotti Questo articolo è il terzo di una serie volta alla realizzazione di un template personalizzato per Magento; invito quindi coloro che non
DettagliCome Realizzare un Template per Magento da Zero
Come Realizzare un Template per Magento da Zero Iniziare un nuovo progetto è sempre un avventura entusiasmante, un esperienza che ci permette di prendere consapevolezza deii nostri limiti e di superarli
DettagliZoom è una Pagina web multimedia che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Zoom (figura 1).
Zoom è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Zoom (figura ). Figura È una pagina che permette all'utente di esplorare un immagine tramite uno zoom. Per questa
DettagliUn layout semplice e professionale? Disegniamolo insieme in pochi semplici step
Un layout semplice e professionale? Disegniamolo insieme in pochi semplici step In questo articolo abbiamo visto alcuni siti veramente accattivanti accumunati tra di loro da uno stile semplice, pulito
DettagliImpaginare con InDesign: le tabelle
Impaginare con InDesign: le tabelle Perchè scrivere un articolo solo per parlare delle tabelle in InDesign? Se hai letto l articolo dedicato ai paragrafi lo puoi immaginare: trattiamo un eccezione alla
DettagliMetti in mostra la tua professionalità con le testimonianze del clienti
Metti in mostra la tua professionalità con le testimonianze del clienti Se non hai ancora pensato di realizzare una sezione o una pagina del tuo sito dedicata alle testimonianze dei clienti, ti spiego
DettagliCome aumentare le performance del mio sito? - CSS Sprites
Come aumentare le performance del mio sito? - CSS Sprites Hai creato un sito, magari seguendo la nostra guida "Come creare un sito web dalla A alla Z", ma noti che spesso i tempi di caricamento sono lunghissimi.
DettagliManuale d uso per la gestione del sito di Molelandia
Manuale d uso per la gestione del sito di Molelandia - Andare sul sito di Molelandia e premere su LOGIN nell ultima voce del menù - Si aprirà una pagina nella quale dovrete premere la scritta EFFETTUA
DettagliI POI. Possiamo scaricarli da siti web dedicati, utilizzare quelli inseriti nelle nostre mappe o aggiungerne di personali.
I POI I POI ( Point Of Interest ) sono dei punti che indicano dei luoghi di interesse particolare ( Alberghi, Musei, Passi Alpini ecc. ) o di utilità per la navigazione ( Autovelox, Semafori ecc. ). Possiamo
DettagliCorso sul PACCHETTO OFFICE. Modulo Access
Corso sul PACCHETTO OFFICE Modulo Access Docente: dott. Marco Cardani Lezione 2 Come creare un database 1 2 Come creare un database Impareremo ora come creare un nuovo database in modo da raggiungere un
DettagliCome trasformare Nivo Slider in un widget per Wordpress?
Come trasformare Nivo Slider in un widget per Wordpress? In questo tutorial andremo a vedere come integrare Nivo Slider in un sito WordPress, trasformandolo in un widget. Potremo gestire tutte le funzionalità
DettagliMicrosoft Front Page 2000
Microsoft Front Page 2000 Lezione 2 La gestione dei moduli web avviene attraverso il menù 'Inserisci/Modulo'. Sarà possibile inserire ogni elemento del modulo, dal form al button e attraverso le finestre
DettagliCORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. ARGOMENTI BASE DEL CORSO
CORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. Grazie al corso di HTML e CSS IkonArt Academy potrai gestire gli elementi che regolano l'impaginazione dei contenuti (HTML) e l'aspetto
DettagliAttività interattiva Ordinare frasi
Tutti gli esercizi interattivi propongono quattro schede per le impostazioni di funzionamento: Attività - Opzioni di esecuzione - Sito web - Scorm. Mentre la scheda Attività è ogni volta diversa ed è oggetto
DettagliAppare una finestra con il gestore di immagini (Image Manager) di JCE.
JCE ha numerose icone che aiutano nella redazione dell articolo e nella formattazione del testo. È possibile, ad esempio, copiare testo già formattato direttamente da MS Word. In ogni caso posizionando
DettagliCome usare Doyouall. Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web.
Come usare Doyouall Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web. 1. Accedi ai template gratuiti, scegli il template che
DettagliWord 2003 Elementi Grafici
Word 2003 Elementi Grafici Aggiungere contenuti grafici al documento 1 Elementi grafici Word 2003 offre molti strumenti per trasformare un semplice documento testuale in una composizione visiva ricca di
DettagliYITH Woocommerce Zoom Magnifier plugin, zoomare per vendere
YITH Woocommerce Zoom Magnifier plugin, zoomare per vendere Immagina di avere un e-commerce (con WordPress) e di vendere capi d abbigliamento. Nell'ultima riunione con l ufficio acquisti hai deciso di
DettagliJoomla: come inserire una galleria di immagini nel nostro sito?
Joomla: come inserire una galleria di immagini nel nostro sito? Oggi andremo alla scoperta di uno dei componenti più utilizzati per gestire le gallerie di immagini nel nostro sito realizzato con il CMS
Dettaglijquery - Creazione di form con label animate
jquery - Creazione di form con label animate Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria
DettagliVISUALIZZAZIONE IMPIANTI SU MAPPE
VISUALIZZAZIONE IMPIANTI SU MAPPE Dalla versione 0.93.2130 è possibile utilizzare anche la funzione di visualizzazione impianti come mappe. Per selezionare la funzione cliccare sull apposito radio button
DettagliOpzioni contenitore Prodotti
Opzioni contenitore Prodotti Clicca il pulsante destro del mouse sul contenitore prodotti per accedere alle opzioni. Clicca il pulsante OPZIONI del menù che appare. Adesso puoi accedere a tutte le opzioni
DettagliCORSO PON. PROGETTI MULTIMEDIALI Creiamo una narrazione con video e testi animati Prof. Giuseppe D Amelio. ITCS Erasmo da Rotterdam Bollate
CORSO PON PROGETTI MULTIMEDIALI Creiamo una narrazione con video e testi animati Prof. Giuseppe D Amelio ITCS Erasmo da Rotterdam Bollate Obiettivo dell esercitazione Creare una narrazione - Inserimento
DettagliUn sito con Wordpress
Un sito con Wordpress Includere Digital-mente Corso livello 4 Alcune domande, alcune risposte Hai deciso quali Contenuti pubblicare nel tuo sito? Hai fatto una lista di Categorie per organizzare i tuoi
DettagliLa lista dei risultati
La lista dei risultati La risposta dell'opac ad una stringa di ricerca inserita dall'utente genera una Lista dei risultati che contiene tanti record quanti ve ne sono nel Catalogo che corrispondono alla
DettagliMANUALE D USO. Presentazione dell'interfaccia Grafica
MANUALE D USO Avvertenze: E' vivamente consigliato di utilizzare Internet Explorer per una visualizzazione ottimale del sito. Altri browser potrebbero non essere in grado di riprodurre tutte le funzionalità
Dettagli4 jquery tricks che non potete non conoscere
4 tricks che non potete non conoscere. Un framework javascript talmente potente e popolare che equivale praticamente a Zend per il PHP. Sempre più siti web lo utilizzano per la sua capacità di essere sintetico
DettagliPresentazione con PowerPoint
Presentazione con PowerPoint L applicazione PowerPoint permette di creare documenti da mostrare su diapositive per presentazioni. Sarai facilitato nell utilizzo di PowerPoint perché molti pulsanti e molte
DettagliFlickrPhotogallery : un plugin wordpress che sfrutta le API di Flickr
FlickrPhotogallery : un plugin wordpress che sfrutta le API di Flickr Qualche settimana fa ho mostrato come recuperare le foto da Flickr e come realizzare un semplice slideshow utilizzando il flusso RSS
DettagliL AMBIENTE DI MICROSOFT WORD 2003
, 2011 L AMBIENTE DI MICROSOFT WORD 2003 Questo è ciò che vediamo quando eseguiamo Microsoft Word 2003 sul nostro computer: Riga del titolo Barre degli strumenti: per scegliere i comandi in modo rapido
DettagliWooCommerce 2.6: configurare le zone e i metodi di spedizione
WooCommerce 2.6: configurare le zone e i metodi di spedizione Ben ritrovato nella nostra guida alla corretta installazione e configurazione di WooCommerce. In seguito all'aggiornamento 2.6 del suddetto
DettagliPanthea - Tema WooCommerce Minimal e Responsive
Panthea - Tema WooCommerce Minimal e Responsive Se avete in progetto di realizzare il vostro sito e-commerce ma non avete il tempo necessario per svilupparlo, disegnarlo e progettarlo, siamo qui per aiutarvi.
DettagliINSERIRE I DATI NEL DATABASE
13-Cap10_DWCS3.qxd 18-11-2009 11:43 Pagina 201 CAPITOLO10 INSERIRE I DATI NEL DATABASE In questo capitolo In questo capitolo imparerai a interagire con i contenuti del database gestiti nel sito. In particolare
DettagliOperazioni con scadenze - Appoggio del foglio e presentazione RIBA (rel )
Operazioni con scadenze - Appoggio del foglio e presentazione RIBA (rel. 3.2.0.) Dalla 3.2.0. l appoggio in banca e la creazione delle Riba elettroniche vengono fatte dallo stesso programma. Dobbiamo andare
DettagliUsare i forum. Il forum: la struttura del forum Rispondere a un messaggio e aggiungere un nuovo argomento di discussione Sottoscrivere un forum
Usare i forum Il forum: la struttura del forum Rispondere a un messaggio e aggiungere un nuovo argomento di discussione Sottoscrivere un forum Il forum: la struttura del forum I forum sono il principale
DettagliWooCommerce: come configurare le categorie e i tag dei prodotti
WooCommerce: come configurare le categorie e i tag dei prodotti Ciao e ben ritrovato in questo nuovo capitolo della guida all'installazione e alla configurazione di WooCommerce. Nell'ultimo articolo abbiamo
DettagliLe Apps di Google a scuola
Le Apps di Google a scuola 5. Google My Maps Guide sintetiche Passo passo su Google Apps a cura della prof.ssa Virginia Ruggeri Perché Google My Maps Mediante l applicazione My Maps si possono elaborare
DettagliBlog Blogging Blogger. Blogsfera
Blog Blogging Blogger Blogsfera Blog è un luogo dove si può (virtualmente) stare insieme agli altri e dove in genere si può esprimere liberamente la propria opinione È un sito (web), gestito in modo autonomo
DettagliPagina web multimedia Galleria di immagini
Galleria di immagini Galleria di immagini è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Galleria di immagini (figura ). Figura È una pagina che mostra una serie di
DettagliWooCommerce: Configurare le aliquote di imposta Standard
WooCommerce: Configurare le aliquote di imposta Standard Benvenuto nella seconda lezione di questa guida per WooCommerce dedicata alla configurazione delle tasse. Le tasse che andremo a inserire nel nostro
DettagliCloud GDrive, Dropbox
Cloud GDrive, Dropbox Lezione 2 Lavorare con Gdrive Video GDrive permette, oltre all'archiviazione di file in rete, di lavorare direttamente all'interno del servizio sul web in quanto fornisce tutti gli
DettagliWooCommerce: come creare un prodotto di tipo semplice sul tuo store
WooCommerce: come creare un prodotto di tipo semplice sul tuo store Ciao e ben ritrovato nella nostra guida alla corretta installazione e configurazione di WooCommerce. Finalmente siamo arrivati a inserire
Dettaglijquery Mobile: La gestione dei form
jquery Mobile: La gestione dei form In questo articolo vedremo come jquery Mobile sia in grado di fornire un ottimo supporto nello sviluppo di form. Nel dettaglio andremo a vedere come, seguendo delle
DettagliCome convertire un file audio in testo
Come convertire un file audio in testo Autore : Giovanni Garro Data: 15/02/2017 Se abbiamo una registrazione audio fatta con lo smartphone o qualsiasi altro dispositivo, possiamo convertirla in un documento
DettagliFar "pagare" i download dal nostro sito con un Tweet
Far "pagare" i download dal nostro sito con un Tweet Qualunque sito presente in rete ha come primo obbligo quello di offrire valore ai suoi utenti e quindi contenuti utili ed unici. Questo non basta ed
DettagliLa sintassi di un link esterno è molto semplice e si presenta così:
HTML: il tag Il tag HTML definisce un ancora: possiamo dunque utilizzarlo sia per creare dei link a documenti o pagine esterne (attraverso l attributo href) che per inserire uno o più collegamenti all
DettagliTUTORIAL ABACONDOMINIO
TUTORIAL ABACONDOMINIO PANNELLO DI CONTROLLO CREARE UN SITO BACHECA WORDPRESS o ARTICOLI o MEDIA o PAGINE o LOG OUT o OPZIONI SITO PANNELLO DI CONTROLLO Il pannello di controllo del sito Abacondominio
DettagliAudio e Video in Ardora
Nei diversi tipi di contenuti creati con Ardora si possono includere file multimediali di audio come pure di video. AUDIO: per fare un esempio, nelle svariate attività interattive, insieme ai messaggi
DettagliPresentazione con PowerPoint
Presentazione con PowerPoint L applicazione PowerPoint permette di creare documenti da mostrare su diapositive per presentazioni. Sarai facilitato nell utilizzo di PowerPoint perché molti pulsanti e molte
DettagliWord Formattazione del testo. Samuele Mazzolini
Word Formattazione del testo Samuele Mazzolini Imposta pagina Potrebbe essere utile per certi documenti impostare la pagina in orizzontale invece che in verticale. Questo è possibile con il comando Imposta
DettagliCome utilizzare i filtri CSS3 per creare immagini accattivanti
Come utilizzare i filtri CSS3 per creare immagini accattivanti I filtri css3 sono potenti strumenti che permettono di modificare le immagini direttamente sul browser, creando effetti di transizione e animazione
DettagliWordpress: Come creare uno shortcode personalizzato
Wordpress: Come creare uno shortcode personalizzato Nell articolo di oggi vediamo come creare degli shortcodes personalizzati per Wordpress. Uno shortcode è un piccolo codice testuale nella forma [shortcode]
DettagliVisualizzazione ed elaborazione dei risultati in ALOORA
Visualizzazione ed elaborazione dei risultati in ALOORA AGROLAB GROUP 05-2018 1 / 15 Sommario Capitolo 1: le due finestre di visualizzazione di risultati... 3 Risultati per ordine... 3 Risultati per campione...
DettagliGrafici a due barre e a due colori
Grafici a due barre e a due colori Author : andrea Categories : Excel, Report, Tools, Trucchi Date : 3 febbraio 2014 Le funzioni grafiche di Excel sono migliorate molto da Excel 2003 a Excel 2007 sopratutto
DettagliWooCommerce: come aggiungere attributi per i prodotti
WooCommerce: come aggiungere attributi per i prodotti Ben tornato nella nostra guida alla corretta installazione e configurazione di WooCommerce. Nello scorso capitolo abbiamo visto come configurare e
DettagliCome trasferire il vostro sito in Joomla da locale in remoto?
Come trasferire il vostro sito in Joomla da locale in remoto? Per sviluppare al meglio un sito web è buona abitudine crearne sempre una copia in locale sul proprio PC, questa mini-guida ti seguirà passo
DettagliPagine gestite da tabs
Pagine gestite da tabs è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Pagine gestite da tabs (figura ). Figura Questo strumento multimediale crea una pagina principale
DettagliPer creare un nuovo sito Vai a Siti >> Crea un nuovo sito. In questo modo puoi creare più siti.
Le istruzioni che seguono sono state tradotte in italiano dal sito mobirise.com: https://mobirise.com/help/easy-website-builder-mobirise-beginner-guide-163.html mobirise.com è consigliato da https://dominioweb.org
DettagliAttività interattiva Tabelle
Tutti gli esercizi interattivi propongono quattro schede per le impostazioni di funzionamento: Attività - Opzioni di esecuzione - Sito web - Scorm. Mentre la scheda Attività è ogni volta diversa ed è oggetto
DettagliCome installare l applicazione Giunti T.V.P. su ipad
Come installare l applicazione Giunti T.V.P. su ipad L applicazione Scuola Digitale Giunti T.V.P. è disponibile gratuitamente su App Store. Per scaricare l applicazione è necessario entrare in App Store
DettagliCome creare un Menu animato in CSS3 senza Javascript
Come creare un Menu animato in CSS3 senza Javascript Esistono molti web designer che conoscono in modo impeccabile HTML e CSS, ma hanno carenze per quanto riguarda Javascript. Per questo cercano delle
DettagliOlìmpo: il template xhtml/css per il tuo portfolio online
Olìmpo: il template xhtml/css per il tuo portfolio online In quest'estate cosi afosa che ci siamo lasciati alle spalle (ma anche no!), per passare il tempo in un modo diverso dal solito (ah ah, bella questa!)
DettagliGestione SentieriWeb
Contratto per l acquisizione di servizi di Assistenza specialistica per la gestione e l evoluzione del patrimonio software della Regione Basilicata. Repertorio n. 11016 del 25/09/2009 Gestione SentieriWeb
DettagliGestione del testo. Dreamweaver e il testo. Richiamare la pagina
Gestione del testo 04 In questo capitolo In questo capitolo imparerai a utilizzare gli strumenti di formattazione del testo. Imparerai come impostare uno stile a un testo per un titolo o un paragrafo.
DettagliPagina web multimedia Lettore File audio
Lettore File audio è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Lettore > File audio (figura ). Figura Lettore File audio è un lettore di tracce audio in formato MP
DettagliIstruzioni per la modifica del template di profilo personale
Istruzioni per la modifica del template di profilo personale per qualsiasi informazione: elisa.pecoraro@di.unito.it Breve presentazione del progetto Il template fornito per la nuova proposta di profilo
DettagliEdilim Realizzare libri multimediali interattivi. Ivana Sacchi
Edilim Realizzare libri multimediali interattivi Configurazione del libro EdiLIM Preparare una cartella che conterrà le risorse che utilizzeremo per realizzare il libronell'esempio l'ho chiamata Cappuccetto
DettagliI Quaderni di LAPSUS n 3 f. CmapTools PASSO A PASSO: aggiungere risorse
PROGETTO LAPSUS LAboratorio per la Promozione nelle Scuole dell Uso consapevole del Software I Quaderni di LAPSUS n 3 f CmapTools PASSO A PASSO: aggiungere risorse A cura di Matilde Fiameni Marzo 2006
DettagliCome creare un'etichetta
Come creare un'etichetta Pagina 17 Pagina 18 Strumento testo Lo strumento testo a sinistra dello schermo Personalizza si apre quando si clicca su una casella di testo o quando si clicca sull icona del
DettagliCome creare un modulo per Joomla?
Come creare un modulo per Joomla? Dopo aver trattato a fondo il tema della realizzazione di template per Joomla, torniamo a parlare di questo CMS per mostrarti il procedimento da seguire per la creazione
DettagliGuida all uso della piattorma elearning QUICKPLACE
Guida all uso della piattorma elearning QUICKPLACE La piattaforma elearning QuickPlace permette la creazione di corsi on-line altamente personalizzabili sia nella struttura che nella grafica. Creare un
DettagliCome progettare un layout web responsive con le media queries?
Come progettare un layout web responsive con le media queries? Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe
DettagliPROCEDURA GUIDATA CONDIVISIONE SU FACEBOOK DELLE NEWS INSERITE SU WORDPRESS
WEBBAG.it PROCEDURA GUIDATA CONDIVISIONE SU FACEBOOK DELLE NEWS INSERITE SU WORDPRESS 1 Fare il LOGIN del proprio account. Basterà inserire sulla parte finale del Url della pagina /wp-admin per visualizzare
DettagliDigitiamo il codice base di una pagina secondo lo standard HTML5 e inseriamo un titolo <h1> con il testo Benvenuti sulla mia homepage
Brackets Editor per la creazione e la modifica di fogli di stile CSS Brackets è un editor open source per i linguaggi HTML, CSS e Javascript, distribuito con licenza MIT. Installare il file brackets-sprint-24-win.msi
DettagliCome realizzare delle select concatenate con PHP e jquery?
Come realizzare delle select concatenate con PHP e jquery? In questo articolo tratteremo del concatenamento di select detto anche select a cascata. Si tratta di un procedura che possiamo trovare spesso
DettagliTutorial Prezi
Prima di iniziare col mio piccolo contributo vi segnalo questa guida all uso di Prezi veramente valida, dettagliata e chiarissima. Peccato che non sia scaricabile se non si è iscritti. Consiglio comunque
DettagliImpaginare con InDesign: gestire le pagine
Impaginare con InDesign: gestire le pagine Riprendiamo, con questo articolo, la nostra guida per impaginare con InDesign. La prima parte è servita per capire InDesign: oggi vedremo come preparare il nostro
DettagliTutorial Raindrop. Complex Learning con i social networks IIS G. Marconi, Civitavecchia
Tutorial Raindrop Complex Learning con i social networks IIS G. Marconi, Civitavecchia Oggi impariamo a utilizzare Raindrop per creare e ordinare le nostre raccolte sul web. Che cos è? Raindrop è un pratico
DettagliCreare VideoFoto con Audio usando Windows Movie Maker
Procedura da seguire Creare VideoFoto con Audio usando Windows Movie Maker Ho avuto la necessità di creare un Video di sole Foto con Audio, come solito metto la mia esperienza a disposizione di tutti.
DettagliCome creare grafici in Illustrator?
Come creare grafici in Illustrator? Nell articolo Fireworks: come creare un infografica?, Giovanna ci ha mostrato come realizzare alcuni tipi di grafico per esporre i dati all interno del nostro lavoro.
DettagliDocumenti, Fogli e Presentazioni Google: Con divisione e collaborazione
Documenti, Fogli e Presentazioni Google: Con divisione e collaborazione Una volta creato un documento, puoi condividerlo con gli altri. I collaboratori possono modificare contemporaneamente lo stesso documento
Dettagliasp.net mvc facile facile. Introduzione - parte 1
asp.net mvc facile facile. Introduzione - parte 1 Categories : Programmazione Date : nb. Se deciderete di lavorare con questa tecnologia, ogni volta che avete un dubbio o la necessità di un approfondimento,
DettagliMANUALE PER L UTILIZZO DELLA FUNZIONE CATALOGHI Rel.1.2 del 12 gennaio 2004
MANUALE PER L UTILIZZO DELLA FUNZIONE CATALOGHI Rel.1.2 del 12 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del
DettagliCentro Ausili Tecnologici TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
Centro Ausili Tecnologici Viale Cittadini 33, 52100 Arezzo - Tel 0575/254357 Email: cat@usl8.toscana.it Sito web: www.cat-arezzo.org TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
DettagliCREARE UN GRAFICO CON EXCEL 2007
CREARE UN GRAFICO CON EXCEL 2007 Ecco come creare un grafico velocemente. Crea la seguente tabella: Seleziona, col tasto sinistro del mouse premuto, dalla casella B3 alla C7; nella Barra dei Menù, sotto
DettagliConsulta la mappa di tuo interesse cliccando sull immagine relativa.
MAPPE TEMATICHE Consulta la mappa di tuo interesse cliccando sull immagine relativa. Se nella pagina non vedi il tematismo che desideri, cercalo inserendo qui parte del nome Altre pagine contenenti tematismi
DettagliFondamenti di Informatica A. A. 2017/18
Fondamenti di Informatica Prof. Marco Lombardi A. A. 2017/18 : OUTLINE Caratteristiche Come si presenta Primo diagramma di flusso ed utilizzo del blocco di output Esempio Utilizzo dei blocchi di input/output
Dettagliweb 2.0 è una Pagina web multimedia che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Web 2.0 (figura 1).
web.0 è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Web.0 (figura ). Figura Web.0 offre un modo molto semplice per incorporare in un file di Ardora il codice embed
DettagliLA RICERCA NON È MAI STATA COSÌ FACILE! Guida rapida al Nuovo Sistema Leggi d Italia Enti locali
LA RICERCA NON È MAI STATA COSÌ FACILE! Guida rapida al Nuovo Sistema Leggi d Italia Enti locali Cos è il nuovo Sistema Il Sistema Leggi d Italia per gli Enti Locali è la nuova soluzione on line integrata
DettagliQual è l editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner
Qual è l editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner Uno degli strumenti più importanti per un web designer è senza dubbio l editor (IDE - Integrated
DettagliPagina web multimedia Lettore File video
Lettore File video è una che si crea accedendo al seguente menù: File > Nuova pagina web multimedia > Lettore > File video (figura ). Figura Lettore File video è un lettore di tracce video in formato MP4
DettagliGM EPC - Novità. Navigazione grafica. Navigazione comune per tutti i veicoli
GM EPC - Novità La versione Next Gen dell EPC di GM presenta numerose nuove funzionalità, studiate per facilitare e semplificare la ricerca della parte necessaria. Per le istruzioni complete sull utilizzo
DettagliInstallare Apache, PHP, MySQL sul Raspberry PI Zero
Installare Apache, PHP, MySQL sul Raspberry PI Zero In questo articolo vedremo come installare sul Raspberry PI Zero i principali programmi che vengono usati nei progetti domotici e non solo. Ecco la lista
DettagliAccordion: creiamolo usando CSS3
Accordion: creiamolo usando CSS3 Partiamo subito da una premessa: esistono plugin creati apposta per realizzare accordion. Javascript la fa da padrona in questo senso e, nel caso più specifico, Jquery
Dettagli1. Introduzione 3 / 27
BACKOFFICE CONSOLE 1. Introduzione... 3 2. Creazione di uno Schema... 4 2.1 Struttura dello Schema... 5 2.2 Caratteristiche dei campi... 6 2.3 Traduzioni... 8 2.4 Ricerca degli schema... 9 2.5 Gestione
Dettagli