Mappatura di una immagine Con HTML. Introduzione Tramite HTML si possono creare zone di immagini cliccabili che poi linkano altri file Si può anche creare.

Slides:



Advertisements
Presentazioni simili
Come pubblicare news su Scintilena Guida on line per publisher speleo.
Advertisements

Richieste – procedure - verifiche
HYPER TEXT MARK-UP LANGUAGE
ITIS “E. Divini” corso di formazione sul concept mapping
Che cosè? Che cosè? Che cosè? Che cosè? Come creare una pagina… Come creare una pagina… Come creare una pagina… Come creare una pagina… inserire testi,immagini,tabelle…
Storie multimediali In questo spazio inserire limmagine: Inserisci, Immagine, da file; *.jpg Di fianco posizionare, se vuoi, il simbolo della musica: Inserisci,
1 Minicorso sull HTML A cura di Leo Izzo H T M L Tempo richiesto 4 ore.
Sviluppo servizi su rete, banche datiCorso di formazioneDicembre Strumenti via WEB per la gestione dinamica dei siti.
1 Scoprire e capire HTML Creare semplici pagine WEB Maria Laura Alessandroni.
COME SALVARE LE IMMAGINI
Come creare e gestire siti web con Kompozer, editor HTML
TUTORIAL: Trasparenze e animazioni con Gimp
1 Personalizzazione ed utilizzo avanzato dei servizi 4^ giornata di corso.
Georeferenziazione di immagini
Google Docs Versione italiana (Google Documenti)
Progettare siti con ASP.net
Sommario Allineamento ( ) Immagini ( ) Link ( ). Allineamenti Oltre a posso usare per allineare testo ed immagini un altro tag: align = center o left.
Gestione sito Dario Zucchini 29/02/2012.
Classe 5 A Pr1 Il Sito Web Internet è la rete mondiale grazie alla quale possiamo comunicare via computer con ogni parte del globo. Di Internet fa parte.
MAPPA IMMAGINE Imparare a realizzare una mappa immagine e a creare/gestire i livelli.
Inutile provare dunque a inserire un file ".psd" (formato nativo di Photoshop) all'interno della vostra pagina HTML: con grande probabilità il browser.
Progettazione multimediale
WORD PROCESSOR Redatto dal Prof. Fabio Rodomonte
La biblioteca organizza il Web parte II: OpenCMS per gestire siti Nuove tecnologie per le biblioteche digitali.
PowerPoint 2007.
Costruire pagine per il WEB
2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO.
CORSO AVANZATO INFORMATICA
Informatica Avanzata Trattamento di Foto e Immagini Digitali
Introduzione a PowerPoint
Realizzato da Veronica Costanza Pozzi. Dalla recensione tratta dal sito : Piq è un semplice editor per creare.
HTML Lezione 8 I collegamenti ipertestuali (link).
Il linguaggio HTML Le pagine web sono file di testo scritte utilizzando il linguaggio HTML. I documenti HTML vanno racchiusi dentro una coppia di TAG.
- Modulo AM3 - Corso Avanzato Word
Word 2007Word 2007 GRAFICA Realizzazione: Marta Nanni.
Realizzazione: Marta Nanni
Internet Explorer I preferiti Stampa di pagine web Salvataggio di pagine web Copia di elementi di pagine web in altri applicativi.
Inserire un immagine in MS Word ISTITUTO COMPRENSIVO N.7 - VIA VIVALDI - IMOLA Via Vivaldi, Imola (BOLOGNA) Corso Informatica di Base Modulo.
V.1 Progettazione Multimediale – 1 Progettazione multimediale I collegamenti.
Tutte le immagini che si trovano nel computer sono digitali. Possiamo crearle con programmi di grafica o acquisirle con scanner, macchine fotografiche.
Il Linguaggio HTML “Profe, ma io a casa l’HTML non ce l’ho!“
Il linguaggio HTML Antonella Schiavon – settembre 2008 rev. 1 – aprile 2011.
Prof. Reale Nicola Studentessa Parcesepe Federica
Progettare corsi con Moodle
HTML Gli elementi principali di una pagina Web. Titolo: 2  Attribuisce un titolo alla pagina  Il titolo è visibile nella “barra del titolo” del browser.
HTML I tag HTML (parte 1). I tag HTML  I comandi che il browser interpreta  Etichette per marcare l’inizio e la fine di un elemento HTML  Formato e.
Creazione di pagine per Internet Brevi note a cura di Emanuele Lana
Clicca e vai..buona navigazione. Conoscere Mind Manager Per iniziare La barra della mappa La barra della formattazione Mappa della formattazione avanzata.
I collegamenti ipertestuali. I collegamenti ipertestuali si creano associando l'indirizzo (percorso/nome file) del nodo di destinazione ad un elemento.
Internet e HTML Diffusione di informazioni mediante la rete Internet.
HTML 4.01 Apogeo. I tag di base Capitolo 1 I tag SintassiEsempi:
Tag IMG Per inserire un'immagine in una pagina HTML basta inserire il tag: ; questo tag non ha bisogno di chiusura. Affinché l'immagine venga visualizzata.
Come gestire autonomamente il nuovo sito Manuale d’uso WORLDPRESS 07/11/2010 Antonio Oliva.
WWW Introduzione ad HTML seconda parte Fabio Vitali.
Creazione di pagine per Internet Brevi note a cura di Emanuele Lana
Sviluppo servizi su rete, banche datiCorso di formazione Strumenti via WEB per la gestione dinamica dei siti.
Utilizzo base di Altervista. AlterVista AlterVista è una piattaforma web dove è possibile aprire gratuitamente un sito web, un blog Per aprire gratuitamente.
JoomlaDay Italia Roma Novembre 2009 Alessandro Zaffi
Qualche osservazione sui siti a cura di Emanuele Lana
Anim8or Ciao, per questa lezione useremo un software gratuito molto “leggero” ma abbastanza potente: Anim8or, che puoi facilmente scaricare da questo.
Sss Tutorial Reader 2D Tutorial. sss Tutorial Con Reader 2D è possibile creare un percorso di lettura di un’immagine personalizzato. Vediamo come….
Un sito con Wordpress Includere Digital-mente – Corso livello 4 docente: prof.ssa MANUELA MARSILI.
Il linguaggio HTML Introduzione Formattazione Multimedialità.
Antonio Todaro “ Il Sito Web del docente ” Seconda parte Insegnare digitale: la didattica flipped e gli strumenti digitali a supporto della didattica capovolta.
HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica.
Argomenti Lezione 05/03/2016 Ripasso inserimento articolo Utilizzo funzione editor “Leggi tutto” Ripasso inserimento link a contenuti interni al sito Gestione.
Microsoft Word Idoneità Informatica. Inserire simboli Clic su Inserisci, nella Barra dei menu. Clic su Simbolo. Nella finestra Simbolo, vengono visualizzati.
Presentazione SIWA Sito web realizzato con Prestashop Mario Farace - Dario Utzeri.

המים בגוף האדם. מגישות:קרישטל אירית אנגיל עירית.
Transcript della presentazione:

Mappatura di una immagine Con HTML

Introduzione Tramite HTML si possono creare zone di immagini cliccabili che poi linkano altri file Si può anche creare un link dove la hot word non è una parola ma una immagine come il seguente esempio La mappatura dell’immagine è ben diversa

Mappatura La difficoltà della mappatura di una immagine è individuare i pixel e quindi, le coordinate Per mappare una immagine es, java.png, occorre inserire il seguente codice: Nell’immagine sono state individuate 3 aree, due di forma rettangolare, e una circolare. La mappatura però può essere fatta tramite file particolari, oppure tramite siti online come gli esempi successivi

Mappatura online

Caricare l’immagine

Mappatura online Scegliere le aree e la forma e il noe del file da linkare o percorso

Mappatura online Per aggiunge o togliere aree

Codice

codice ciao <map id="java" name="java"><area shape="rect" alt="" title="" coords="149,85,239,149" href="java.ppsx" target="" /> <area shape="circle" alt="" title="" coords="140,285,22" href="index.html" target="" /><area shape="poly" alt="" title="" coords="329,272,409,260,403,191,465,184,388,113,388,113,388,113,388,113,337,88,336,88,336,88,33 4,97, 334,97,348,122,366,122,366,122" href="" target="" /><!-- Created by Online Image Map Editor ( --> Codice da inserire