HTML 3. I link (collegamenti) L URL. Il tag <A> LINK (àncora) Come collegare documenti
|
|
- Camilla Grassi
- 4 anni fa
- Visualizzazioni
Transcript
1 HTML 3 LINK (àncora) Come collegare documenti I link (collegamenti) Semplicemente "cliccando" su una parola, un disegno, un'immagine, si può accedere ad un'altra pagina Web Questo effetto si ottiene con la cosiddetta àncora. Un'ancora non è altro che un riferimento all'indirizzo di una pagina WWW Per creare un ancora si usa il tag: <A HREF="URL">... </A> HREF sta per Hypertext Reference Tecnologie di Sviluppo per il WEB 2 L URL Relativa img/pippo.gif../img/pippo.gif Assoluta Può fare riferimento ad una parte del documento Il tag <A> Tutto ciò che si trova fra <A> e </A> diventa "cliccabile" Il browser automaticamente provvederà ad evidenziare le ancore, contornando le immagini e con sottolineature e/o colori diversi per il testo Se col cursore si passa sopra un'ancora, esso diventerà una manina, a sottolineare il fatto che quello è un collegamento Tecnologie di Sviluppo per il WEB 3 Tecnologie di Sviluppo per il WEB 4
2 Importante Come link si può far riferimento direttamente ad una directory il server restituisce il file index.html o altri file di default per cui è stato settato Se un URL fa riferimento ad una directory conviene terminare l URL con / altrimenti il client eseguirà due richieste HTTP una per l altra per <BODY> Se clicchi <A HREF= alla homepage di VIRGILIO. </BODY> Tecnologie di Sviluppo per il WEB 5 Tecnologie di Sviluppo per il WEB 6 Accesso a documenti locali <A HREF= path_del_documento > link </A> Si vuole creare un link a doc.html che si trova nella stessa directory del documento corrente <A HREF= doc.html > clicca qui </A> Si vuole creare un link a doc2.html che si trova nella directory test/final <A HREF= test/final/doc2.html > clicca qui </A> Segnalibro 1(named anchor) Serve a creare un collegamento a parti specifiche di un documento Con l attributo ID, si crea un segnalibro al punto in cui il link deve fare riferimento <A ID= NomeUnico > TestoAncora</A> NomeUnico deve essere un nome unico all interno del documento TestoAncora è opzionale </A> è opzionale Tecnologie di Sviluppo per il WEB 7 Tecnologie di Sviluppo per il WEB 8
3 Segnalibro 2 Per creare un link ad un segnalibro nello stesso documento si usa: Vai alla <A HREF= #fine_doc > fine </A> del documento Si può far riferimento a sezioni specifiche di documenti differenti: Vai alla <A HREF= cap1.html#fine_doc > fine </A> del capitolo 1 Tecnologie di Sviluppo per il WEB 9 di segnalibri <BODY> Info su <A HREF= #Arg1 > Argomento 1</A>. <BR> Info su <A HREF= #Arg2 > Argomento 2</A>. <BR> Info su <A HREF= #Arg3 > Argomento 3</A>. <BR> <HR> [ altro...] <A ID= Arg1 ><H2> Argomento 1</H2></A> Testo relativo all argomento 1. [ altro...] <A ID= Arg2 ><H2> Argomento 2</H2></A> Testo relativo all argomento 2. [ altro...] <A ID= Arg3 ><H2> Argomento 3</H2></A> Testo relativo all argomento 3. </BODY> Tecnologie di Sviluppo per il WEB 10 Link a documenti non HTML Le ancore possono anche collegare immagini, suoni, animazioni, <A HREF= immagine.gif"> <A HREF= suono.wav"> <A HREF= video.mov"> A seguito del click su un riferimento del genere, il browser caricherà il file e lo manderà in esecuzione Link ed immagini Un immagine può essere un link, basta inserire il tag IMG all interno di A <A HREF="home.html"> <IMG SRC= house.gif"></a> <A HREF="home.html"> <IMG SRC= house.gif BORDER=0></A> Tecnologie di Sviluppo per il WEB 11 Tecnologie di Sviluppo per il WEB 12
4 Spedire con un link Si può creare un'ancora che permette di inviare una . Si usa: <A HREF="mailto:indirizzo_ "> link </A> Con il click su link si attiva il vostro programma di gestione della posta predefinito con cui comporre ed inviare l Attributi di <A> TARGET= nome Serve per indicare in quale finestra (frame) dovrà essere caricato l'oggetto collegato a quell'ancora E.g., TARGET= _BLANK carica il documento in una nuova finestra TITLE= nome Titolo del documento a cui l ancora fa riferimento Usato con mailto fornisce l oggetto (subject) della Tecnologie di Sviluppo per il WEB 13 Tecnologie di Sviluppo per il WEB 14 Attributo ACCESSKEY di <A> Invece attivare un link con la pressione di un tasto del mouse, è possibile attivarlo con la pressione combinata del tasto ALT e di un carattere specificato dall attributo ACCESSKEY Il carattere indicato da ACCESSKEY dovrebbe comparire nel link, in tal caso il browser potrebbe mostrare (IE e N non lo fanno) il carattere in maniera differente Per caricare la pagina specificata dal link Netscape ALT+carattere Internet Explorer ALT+carattere e poi premere invio Attributo TABINDEX di <A> Il valore dell attributo è un intero maggiore di zero Serve a specificare la sequenza in cui il browser passerà il focus 1 ai link attraverso il tasto tab I browser evidenziano il link che ha il focus con un rettangolo tratteggiato 1 Elemento attivo in un dato momento Tecnologie di Sviluppo per il WEB 15 Tecnologie di Sviluppo per il WEB 16
5 <a href="home1.html" accesskey="e" tabindex=3> Esami</a><BR> <a href="home2.html" accesskey="r" tabindex=1> Risultati</a><BR> <a href="home3.html" accesskey="o" tabindex=2> Orali</a> Il tag <BASE> Serve per indicare la base di partenza per i collegamenti nel documento Utilizzato per fornire un riferimento e risolvere l indirizzamento relativo Deve essere specificato nella sezione HEAD Tecnologie di Sviluppo per il WEB 17 Tecnologie di Sviluppo per il WEB 18 Se nel documento c è il seguente comando <BASE HREF= > Allora, il seguente collegamento <A HREF= indice.html > Indice </A> fa riferimento al documento: Mappe (link+immagine) Una mappa è un immagine divisa in regioni chiamate zone-calde (hotzone) Una hotzone è una regione cliccabile associata ad un link Le mappe offrono un modo alternativo per aggiungere link ad una pagina web Esistono mappe lato server e mappe lato client Tecnologie di Sviluppo per il WEB 19 Tecnologie di Sviluppo per il WEB 20
6 Mappe lato client Per realizzare mappe lato client è necessario indicare la mappa da usare specificandola con l attributo USEMAP del tag IMG Usare i tag MAP ed AREA per indicare le hotzone (possono comparire in qualsiasi parte del documento HTML) <img border=0 src="mappa.gif" width="200" height="200" usemap="#menumap"> <map name="menumap"> <area shape="rect" coords="2,2,90,90 " href="no.html"> <area shape="rect" coords="100,2,190,90" href="ne.html"> <area shape="rect" coords="2,100,90,190" href="so.html"> <area shape="rect" coords="100,100,190,190" href="se.html"> </map> Tecnologie di Sviluppo per il WEB 21 Tecnologie di Sviluppo per il WEB 22 Risultato USEMAP Il suo valore è l URL di un segmento MAP in un documento HTML che contiene le coordinate della mappa ed i relativi link Vale lo stesso discorso fatto per i segnalibri Il segmento MAP avrà un nome a cui si farà riferimento tramite USEMAP con #nome esempio Tecnologie di Sviluppo per il WEB 23 Tecnologie di Sviluppo per il WEB 24
7 Importante Bisogna sempre dare la dimensione dell immagine associata ad una mappa nel tag IMG In questo modo la mappa avrà sempre la stessa grandezza a prescindere dalla dimensione del browser Le coordinate rappresentanti le varie regioni individueranno sempre delle porzioni della mappa Come individuare le coordinate Nella barra di stato del browser sono indicate le coordinate dove si trova il cursore relativamente alla mappa <a href= rr > <img border=0 src="mappa.gif" width="200" height="200" ISMAP> </a> Tecnologie di Sviluppo per il WEB 25 Tecnologie di Sviluppo per il WEB 26 Il tag MAP Identifica le hotzone di una mappa Contiene una serie di tag AREA che servono per dividere l immagine collegata al tag MAP in regioni sensibili (link) I suoi attributi sono: CLASS, DIR, ID, LANG, NAME, STYLE, TITLE NAME serve a collegare la mappa all immagine (USEMAP=#nome) Tecnologie di Sviluppo per il WEB 27 Tecnologie di Sviluppo per il WEB 28
8 Attributi di AREA SHAPE Individua la forma che deve avere la regione sensibile al mouse (hotzone) Valori: CIRCLE (CIRC), POLYGON (POLY) e RECTANGLE (RECT) COORDS Definisce le coordinate di una hotzone Il modo di indicare le coordinate dipende dal tipo di forma assunta dalla hotzone SHAPE e COORDS 1 CIRC COORDS= x, y, r (x,y) centro del cerchio r raggio del cerchio RECT COORDS = x 1, y 1, x 2, y 2 (x 1, y 1 ) il vertice in alto a sinistra (x 2, y 2 ) il vertice in basso a destra Tecnologie di Sviluppo per il WEB 29 Tecnologie di Sviluppo per il WEB 30 SHAPE e COORDS 2 POLY COORDS = x 1, y 1, x 2, y 2, x 3, y 3 (x 1, y 1 ) primo vertice del poligono (x 2, y 2 ) secondo vertice del poligono (x 3, y 3 ) terzo vertice del poligono. Sono necessari almeno tre vertici Il poligono è chiuso automaticamente (non è necessario ripetere il primo vertice) Coordinate di un immagine (0,0) (70,0) x (0,120) (70,120) y Tecnologie di Sviluppo per il WEB 31 Tecnologie di Sviluppo per il WEB 32
9 Ulteriori attributi di AREA HREF Riferimento ad una risorsa Stesse regole del tag A NOHREF Definisce una hotzone per cui non è eseguita un azione anche se l utente la seleziona Nel tag AREA può essere presente uno solo dei due attributi precedenti TARGET, TITLE, ACCESSKEY, TABINDEX Significato come per il tag A Nota Si possono definire delle regioni che si sovrappongono Il primo tag AREA all interno di MAP ha la priorità Il browser ignora le coordinate che si estendono oltre i limiti dell immagine Tecnologie di Sviluppo per il WEB 33 Tecnologie di Sviluppo per il WEB 34
HTML 3. I link (collegamenti) L URL. Accesso a documenti locali. Link Mappe Tabelle. <A HREF= path_del_documento > link </A>
Link Mappe Tabelle HTML 3 I link (collegamenti)! Semplicemente "cliccando" su una parola o su un'immagine si può accedere ad un'altra pagina Web! Questo effetto si ottiene con la cosiddetta ancora. Un'ancora
DettagliCSS: HTML: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli. Le immagini mappate
CSS: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli HTML: Le immagini mappate 1 Le principali proprietà che permettono di manipolare le immagini agiscono sul box mode
DettagliHTML Lezione2 Le Immagini e i link. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione2 Le Immagini e i link Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le immagini I formati supportati dal websono diversi e variano a seconda del browser adoperato.i
DettagliIl linguaggio HTML - Parte 5
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra
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
DettagliHTML. I tag HTML (parte 1)
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 possono essere tag di apertura: tag di chiusura:
DettagliHTML 5 e CSS 3 I LINK. Prof.ssa Cristina Gena
HTML 5 e CSS 3 I LINK Prof.ssa Cristina Gena I link In questa lezione impareremo a inserire i link interni ed esterni e le ancore; infine vedremo come formattare i link con CSS. Come abbiamo detto in precedenza
DettagliTag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
DettagliIl tag MAP e i suoi attributi
C.S.F. En.A.I.P. Cuneo Corso: I O.S.P.A. Laboratorio: Elementi di grafica per il web N scheda 5 Titolo Esercitazione / Argomento trattato Il tag IMG e i suoi attributi Il tag MAP e i suoi attributi h previste:
DettagliBASI di HTML e CSS (primo incontro)
CoderDojo Firenze BASI di HTML e CSS (primo incontro) HTML Concetto di tag Il tag è una parola chiave che indica al browser come interpretare e rappresentare il testo a cui è riferito. È composto da una
DettagliIMMAGINI INTRODUZIONE
IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer
DettagliHTML Sesta lezione. 29 Marzo di Ivano Stranieri
HTML 4.01 Sesta lezione 29 Marzo 2004 di Ivano Stranieri 0 Lezione precedente Costruire una tabella Raggruppare righe (e colonne) Unire righe e colonne Attributi di e Come utilizzare
DettagliHTML 3. Liste puntate ed ordinate Immagini
HTML 3 Liste puntate ed ordinate Immagini Creazione di elenchi Elenchi puntati (elenchi non ordinati) Elenchi numerati (elenchi ordinati) Elenchi annidati Elenchi menu Elenchi glossario Tecnologie di Sviluppo
DettagliLaboratorio di Informatica (Chimica)
Laboratorio di Informatica (Chimica) HTML: Elementi Avanzati. Walter Cazzola Dipartimento di Informatica e Comunicazione Università à degli Studi di Milano. e-mail: cazzola@dico.unimi.it Walter Cazzola
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliSilvia Likavec. Lezione 2
Silvia Likavec Lezione 2 ! ELEMENTO ! LINK: " Sintassi e tipi " Link esterni " Ancore " Link accessibili ! Elemento contiene metadata su documento e può contenere i seguenti elementi: "
DettagliGiselda De Vita
Giselda De Vita - 2015 1 In informatica, un collegamento ipertestuale (in inglese hyperlink, spesso abbreviato in link, usato anche in italiano) è un rinvio da un'unità informativa su supporto digitale
DettagliCorso di HTML. Prerequisiti. Modulo L2. B5-I frame. Percentuali Fattore di scala. M. Malatesta B5-I frame-07 09/01/ /01/2014
Corso di HTML Modulo L2 B5-I frame 1 Prerequisiti Percentuali Fattore di scala 2 1 Introduzione In questa Unità illustriamo la possibilità di dividere la pagina in aree indipendenti chiamate frame. I frame
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliTutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi Appendice A Riepilogo dei tag HTML A.1 Struttura del documento
DettagliLe liste non ordinate
Le liste non ordinate Semplici elenchi preceduti da un pallino: segnala l inizio della lista precede ogni voce Attributi: disc(standard), square(quadrato pieno), circle(quadrato
DettagliTipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4
Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi
DettagliFrames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice
Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare
DettagliHTML Terza lezione. Bruno Di Caprio
HTML 4.01 Terza lezione Bruno Di Caprio 0 Lezione precedente FORMATTAZIONE DEL TESTO: ELENCHI: Puntati Numerati Voci di elenco
DettagliLinguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML
Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
DettagliCosa vuol dire HTML? Hyper Text Markup Language
IMPARIAMO Cosa vuol dire HTML? Hyper Text Markup Language PROGRAMMIAMO IN HTML? NO! L'HTML è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout)
DettagliIl linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.
Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. . I tag devono essere racchiusi dentro parentesi acute Il tag di chiusura
DettagliPolitecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione
CSS in pratica Politecnico Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola CSS & HTML 1/4 Quattro modi
DettagliHTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file.
Con la sigla HTML si intende: HYPER TEXT MARKUP LANGUAGE HTML Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Iper testo Un documento o pagina puo essere collegato ad
DettagliManuale d uso della Posta TBS. Oracle Collaboration Suite
Manuale d uso della Posta TBS. Oracle Collaboration Suite Indice 1 Introduzione...3 2 Prerequisiti:...3 3 Accesso WEB...3 3.1 Come cambiare la propria password...8 4 Quota spazio su disco del mail server...9
DettagliINTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML
DettagliHTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliWEBGIS 1.0. Guida per l utente
WEBGIS 1.0 Guida per l utente Sommario 1 INTRODUZIONE... 3 2 FUNZIONALITA... 4 2.1 Strumenti WebGIS... 4 2.1.1 Mappa... 5 2.1.2 Inquadramento mappa... 6 2.1.3 Toolbar... 6 2.1.4 Scala... 7 2.1.5 Legenda...
DettagliL'head Pubblicato su (
Indice Il tag Il tag Il tag Il tag Il tag Il tag Il tag Il tag Il tag IE commenti condizionali Il tag Il tag rappresenta
DettagliHTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliCorso di HTML. Prerequisiti. Modulo L2 B2-I link. Navigazione in rete Uso di indirizzi Internet. M. Malatesta B2-I link-10 09/01/ /01/2014
Corso di HTML Modulo L2 B2-I link 1 Prerequisiti Navigazione in rete Uso di indirizzi Internet 2 1 Introduzione In questa Unità forniamo gli elementi per la gestione dei collegamenti ipertestuali, i cosiddetti
DettagliTutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 5 Frame 5.1 Cosa sono i Frame e come si specificano icano
DettagliCorso di HTML. Prerequisiti. Modulo L2 B3-Immagini. Creazione di pagine web Visualizzazione pagine web. M. Malatesta B3-Immagini-05 09/01/2014
Corso di HTML Modulo L2 B3-Immagini 1 Prerequisiti Creazione di pagine web Visualizzazione pagine web 2 1 Introduzione In questa Unità diamo un approfondimento dell utilizzo del tag del linguaggio HTML
DettagliGuida a WordPress. 1. Iscrizione a Wordpress
Guida a WordPress 1. Iscrizione a Wordpress Digitare il seguente indirizzo: https://it.wordpress.com/ Cliccare su Crea sito web Scegliere un tema, ovvero la struttura principale che assumeranno le pagine
DettagliMaster SIT settembre Corso Web & GIS. Chiara Renso. ISTI- CNR
MAPSERVER Corso ISTI- CNR c.renso@isti.cnr.it Mapserver è un software opensource fornito dall Università del Minnesota http://www.mapserver.org/ e fornisce un ambiente per la pubblicazione sul web di mappe.
DettagliCSS 3. Pseudoclassi 2. Pseudoclassi 1. Pseudoclassi e pseudoelementi
CSS 3 Pseudoclassi e pseudoelementi Pseudoclassi e pseudoelementi In CSS2 lo stile normalmente è collegato ad un elemento in base alla sua posizione nell albero del documento (document tree) In alcuni
DettagliUniversità di Bergamo Facoltà di Ingegneria. Applicazioni Internet B. Paolo Salvaneschi B3_2 V1.22. HTML Parte B
Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B Paolo Salvaneschi B3_2 V1.22 HTML Parte B Il contenuto del documento è liberamente utilizzabile dagli studenti, per studio personale
DettagliFormattazione di liste
Formattazione di liste Con HTML si possono costruire liste puntate o numerate: Occorre definire l inizio e la fine della lista e poi definire ogni singolo elemento della lista. Le liste numerate si costruiscono
DettagliIntroduzione all HTML, parte seconda
Introduzione all HTML, parte seconda Università di Pisa pievatolo@dsp.unipi.it 27 marzo 2014 Sommario Un po di teoria 1 Un po di teoria Doctype Formattazione del testo Al di là del testo: l arte del linking
DettagliNavigazione web e utilizzo di internet. Coordinatore scientifico: Prof. Avv. Giuseppe Russo
Navigazione web e utilizzo di internet Coordinatore scientifico: Prof. Avv. Giuseppe Russo Iniziamo a navigare Per navigare nella rete devi utilizzare un browser, cioè l apposito programma utilizzato per
DettagliL applicativo cartografico Web è ottimizzato per la consultazione tramite il browser MS Internet Explorer 7.
L applicativo cartografico Web è ottimizzato per la consultazione tramite il browser MS Internet Explorer 7. Dal menù è possibile accedere direttamente alle cartografie relative alle tematiche di acqua,
DettagliGUIDA ALL UTILIZZO DEL VISUALIZZATORE CARTOGRAFICO DEL GEOPORTALE DI REGIONE PIEMONTE
GUIDA ALL UTILIZZO DEL DEL GEOPORTALE DI REGIONE PIEMONTE FUNZIONI ED APPLICAZIONI PRATICHE Il visualizzatore cartografico è un applicazione weg GIS (Geographic Information System) di facile utilizzo che
DettagliHTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L HTML non è un linguaggio di programmazione
DettagliHTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Presentazione HTML by Maria Grazia Maffucci is licensed under a Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 3.0 Unported License. Cos è
DettagliGUIDA SOCIAL2WEB. Manuale d'uso piattaforma Social2Web
GUIDA SOCIAL2WEB Vai su http://admin.social2web.it/ Accesso Pannello Admin Accedi con il tuo Nome Utente (indirizzo e mail) e la Password. Se non ricordi l' indirizzo e mail con il quale ti sei iscritto,
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliPRG OL. Comune di Este. Manuale operativo. Padova 13 luglio 2009
Comune di Este PRG OL Manuale operativo Padova 13 luglio 2009 1 Introduzione Il servizio PRG OL permette di consultare la normativa del Piano Regolatore e le mappe cartografiche ad esso relative. Per accedere
DettagliInformatica di Base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di Base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 Che cos è l HTML? Hyper Text Markup Language Definisce le caratteristiche stilistiche di un documento, non è programmazione!
DettagliIntroduzione all HTML
prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione
DettagliHTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
DettagliIntroduzione ad HTML seconda parte WWW. Fabio Vitali
Introduzione ad HTML seconda parte Fabio Vitali Introduzione Oggi esaminiamo in breve, in HTML: u Il tag HEAD u Oggetti e mappe u Form u Frame A seguire: I tag di H EAD 2/26 I tag di H EAD HEAD contiene
DettagliL INTERFACCI DELL APPLICAZIONE
1 MANUALE UTENTE L INTERFACCI DELL APPLICAZIONE Di seguito è riprodotta la pagina con il webgis che permette la visualizzazione delle mappe. 2 3 1 5 6 4 2 7 1. Mappa La mappa viene visualizzata nella parte
DettagliCentro Cartografico Regione Calabria. WebGis Regione Calabria Manuale Utente
Centro Cartografico Regione Calabria WebGis Regione Calabria Manuale Utente 1. Legenda e selezione delle Cartografie... 2 1.1. Area della Mappa... 3 1.2. Barra degli Strumenti... 4 1.3. Selezione Rapida
DettagliIl linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
DettagliHTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
DettagliBrowser cartografico
Browser cartografico Guida all'uso Questa applicazione consente di consultare in modalità interattiva la cartografia comunale, consultando i dati ad essa collegati, disponibili al momento dell'accesso,
DettagliScrivere in Html Tag e loro attributi
Scrivere in Html Tag e loro attributi + Esercizi Prof.ssa Daniela Zangirolami Tutti i diritti sono riservati. Qualsiasi riproduzione, anche parziale, senza autorizzazione scritta è vietata. Legge 633 del
Dettagli3.4 Inserimento di immagini
Ripristina per riportare ai valore iniziali la scheda in uso (la finestra di dialogo resta aperta). 3.4 Inserimento di immagini Per inserire un'immagine all'interno del documento: posizionare il cursore
DettagliElementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,
HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere
DettagliJavascript. - Corso Web Design - Media Dream Academy. Stefano Gaborin
Javascript - Corso Web Design - Media Dream Academy Stefano Gaborin stefano.gaborin@above.company www.above.company Cos è Javascript? JavaScript è un linguaggio di programmazione interpretato. Utilizzato
DettagliDISPENSA ACCESS (OFFICE 2010 BETA)
DISPENSA ACCESS (OFFICE 2010 BETA) 2. LE RELAZIONI. Una relazione può essere definita come un legame tra due tabelle basato sul valore di uno o più campi di ciascuna delle due tabelle. Di solito i campi
DettagliL INTERFACCIA GRAFICA DI EXCEL
Dopo l avvio del foglio elettronico apparirà un interfaccia grafica nella quale verrà aperta una nuova cartella di lavoro alla quale il PC assegnerà automaticamente il nome provvisorio di Cartel1. La cartella
DettagliUtilizzo collegamento remoto
Utilizzo collegamento remoto Introduzione Il collegamento VPN (virtual private network) consente a PC collegati ad internet ma fisicamente fuori dalla rete interna regionale, di accedere, con le credenziali
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
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
DettagliWorld Wide Web. Angelo Di Iorio. ALMA MATER STUDIORUM UNIVERSITA DI BOLOGNA
World Wide Web Angelo Di Iorio angelo.diiorio@unibo.it Cosa è il World Wide Web? Il World Wide Web è un sistema ipertestuale per la presentazione a schermo di documenti multimediali, e per l utilizzo di
DettagliA tal fine il presente documento si compone di tre distinte sezioni:
Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali
DettagliQuizFaber. Impostazioni per IE, Chrome, Firefox
QuizFaber Impostazioni per IE, Chrome, Firefox 1 QuizFaber è un software per la creazione di quiz in formato HTML. Attualmente quasi tutte le pagine web contengono JavaScript, un linguaggio di scripting
DettagliIl tag MARQUEE. L opzione ALIGN
Il tag MARQUEE 1 Internet Explorrer offre ai creatori Web un modo facile per inserire una sezione di testo animato in una pagina. In particolare sarà possibile visualizzare una parola o una frase che si
DettagliProgrammazione lato client. JavaScript. Applicazioni di Rete M. Ribaudo - DISI. JavaScript
Programmazione lato client Netscape: Microsoft: JScript ECMAScript (ECMA-262) (European Computer Manufactures Association) 1 Linguaggio di script interpretato con alcune caratteristiche Object Oriented
DettagliCMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
DettagliLinguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML
Reti Il Linguaggio HTML Linguaggio HTML HTML = Hypertext Markup Language Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
DettagliCORSO DI FORMAZIONE DOCENTI DELLE SCUOLE PUBBLICHE A GESTIONE PRIVATA ECDL, LA PATENTE EUROPEA PER L USO DEL COMPUTER GUIDA SINTETICA
M ECDL ECDL, LA PATENTE EUROPEA PER L USO DEL COMPUTER LA POSTA ELETTRONICA Parte Generale GUIDA SINTETICA 1 - Primi passi Aprire il programma di posta elettronica Outlook Express Aprire la cassetta delle
DettagliScelta del Browser. Accesso Area Redazione
Scelta del Browser Si consiglia l utilizzo dei più comuni browser: Internet Explorer Safari Opera Mozilla Firefox Google Chrome Accesso Area Redazione Per poter accedere all area redazione bisogna: 1.
DettagliProgrammazione lato client. JavaScript (3) Applicazioni di Rete M. Ribaudo - DISI. Document Object Model (DOM)
Programmazione lato client JavaScript (3) Document Object Model (DOM) Dispone di proprietà che forniscono le informazioni sul documento visualizzato nel browser Molte proprietà sono array che rappresentano
DettagliGUIDA ALL UTILIZZO DEL VISUALIZZATORE CARTOGRAFICO DEL GEOPORTALE DI REGIONE PIEMONTE
GUIDA ALL UTILIZZO DEL DEL GEOPORTALE DI REGIONE PIEMONTE FUNZIONI ED APPLICAZIONI PRATICHE Il visualizzatore cartografico è un applicazione weg GIS (Geographic Information System) di facile utilizzo che
DettagliAlbo ufficiale di ateneo
Albo ufficiale di ateneo Manuale operativo utente Versione wordpress in uso da ottobre 2017 Collegarsi all indirizzo https://alboufficiale.unipi.it/wp-admin nelle settimane precedenti il lancio del nuovo
DettagliSe volete scrivere sulla statusbar del vostro browser basta questo semplice script in Javascript:
Elenco codici e trucci presenti (aggiornato al 4 agosto 2008): Visualizzare una scritta nella barra del browser. Condividere codice tra le pagine; Cambiano le immagini al passaggio del mouse; Come aprire
DettagliGuida all'utilizzo della piattaforma e-learning
PAS Percorso Abilitante Speciale Classe di concorso A050 Guida all'utilizzo della piattaforma e-learning Per utilizzare la piattaforma e-learning del PAS (classe di concorso A050) non è necessaria alcuna
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo Esercitazione con HTML 5 - Video e Grafica Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it
Dettagli"-//W3C//DTD XHTML 1.1//EN
XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:
DettagliJavaScript JavaScript Programmazione lato client JScript JavaScript ECMAScript
Programmazione lato client Netscape: Microsoft: JScript ECMAScript (ECMA-262) (European Computer Manufactures Association) Linguaggio di script interpretato con alcune caratteristiche Object Oriented HTTP
DettagliIstruzioni per l utilizzo di Prode Properties
1 Istruzioni per l utilizzo di Prode Properties Requisiti di sistema Microsoft Windows 2000, XP, Vista o versioni successive compatibili; 100 MB di RAM installata (se usato in unione con Microsoft Excel
DettagliCorso di CSS. Prerequisiti. Modulo L2 1.2-CSS e HTML. Conoscenza di base del linguaggio HTML. M.Malatesta 1.2-CSS-CSS e HTML-05 12/01/2014
Corso di CSS Modulo L2 1.2-CSS e HTML 1 Prerequisiti Conoscenza di base del linguaggio HTML 2 1 Introduzione In questa Unità vediamo come si collegano i fogli di stile con il codice contenuto in una pagina
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
DettagliCSS: stili e layout BOX MODEL. Prof.ssa Cristina Gena
CSS: stili e layout BOX MODEL Prof.ssa Cristina Gena Box model In questa lezione vedremo la differenza tra gli elementi blocco e gli elementi in linea e scopriremo le caratteristiche del box model. In
DettagliCollaboratori 2009 1 Collaboratori 2009 Introduzione Da inizio ottobre è stato messo in produzione un nuovo portale per la ricezione dei materiali digitali prodotti da inviati e collaboratori esterni.
DettagliIntroduzione alle Reti e Linguaggio HTML
Reti Le Reti Introduzione alle Reti e Linguaggio HTML Reti: insieme di calcolatori tra loro connessi Le reti hanno il compito di mettere in comunicazione differenti calcolatori I calcolatori posso essere
Dettagli