HTML: Altri elementi
|
|
|
- Gioacchino Guidi
- 10 anni fa
- Visualizzazioni
Transcript
1 Laboratorio di Tecnologie Web HTML: Altri elementi Dott. Stefano Burigat
2 Oltre a quelli chhe abbiamo visto in precedenza, l'html5 supporta diversi altri elementi che vengono utilizzati principalmente per inserire all'interno delle pagine web contenuti addizionali come audio, video, script, codice CSS, meta-informazioni, etc. In questo capitolo, ne vedremo alcuni dei più comuni. iframe L'elemento contenitore <iframe> consente di inserire un documento html o un'altra risorsa all'interno di una pagina web. Il risultato viene tipicamente mostrato come una finestra all'interno di una pagina, con delle scrollbar se lo spazio necessario alla risorsa è più lungo dello spazio a disposizione, determinato dalle dimensioni della finestra specificate tramite gli attributi width e height. L'attributo src viene utilizzato per specificare l'indirizzo della risorsa che si vuole visualizzare all'interno della finestra. Se un browser non supporta l'elemento <iframe>, viene visualizzato solo il contenuto presente al suo interno (non la risorsa specificata tramite src). <!DOCTYPE html> <html> <head> <title>uso di iframe</title> </head> <body> <h1>esempio d'uso dell'elemento iframe</h1> <p>questo testo fa parte del documento originale</p> <iframe src="teoria/html5.html" width="320" height="200"> <p>questo testo viene visualizzato se il browser non supporta iframe.</p>
3 </iframe> <p>anche questo testo fa parte del documento originale</p> </body> </html> Al giorno d'oggi, l'elemento <iframe> può essere utilizzato per mantenere separato il contenuto proveniente da sorgenti esterne (ad esempio, pubblicità o widget di terze parti) in modo che non ci sia interferenza con gli script ed il contenuto principale delle pagine. Video e audio Fino ad HTML5, i browser web non avevano alcun meccanismo nativo per gestire video e audio e dovevano affidarsi a plug-in esterni, in particolare a Flash che di fatto ha rappresentato lo standard per la gestione di contenuti multimediali sul web. HTML5 ha introdotto due nuovi elementi, <video> e <audio>, che consentono l'inserimento di contenuti video e audio senza necessità di plug-in. La contemporanea scelta di Apple di non supportare Flash sulle sue piattaforme mobili, di Adobe di non continuare lo sviluppo della versione mobile di Flash e di Microsoft di non supportare il media player Silverlight fanno pensare che il futuro del multimedia su web sia rappresentato da HTML5. Gli elementi <video> e <audio> sono ben supportati dai browser (eccetto IE8 e precedenti, e Opera Mini) ma il supporto dei diversi formati video e audio che possono essere utilizzati non è uniforme. Nella scelta dei formati da utilizzare per il video e l'audio vanno considerati due
4 aspetti, il codec cioè il metodo con cui l'informazione viene codificata/decodificata e il formato contenitore utilizzato per raggruppare i dati multimediali e i metadati che descrivono i dati. Le opzioni di formato più comuni per i video sul web sono le seguenti tre: Contenitore OGG + Codec video Theora + Codec audio Vorbis Contenitore MPEG-4 + Codec video H Codec audio AAC Contenitore WebM + Codec video VP8 + Codec audio Vorbis Non tutti i browser supportano tutte queste combinazioni per cui è necessario creare versioni differenti dei video nei diversi formati. Anche per quanto riguarda l'audio ci sono diverse opzioni: MP3 (è sia codec che contenitore), richiede pagamento di licenza da parte delle aziende software/hardware che vogliono utilizzarlo WAV (è sia codec che contenitore) Contenitore OGG + Codec audio Vorbis (estensione.ogg o.oga) Contenitore MPEG-4 + Codec audio AAC
5 (estensione.m4a) Contenitore WebM + Codec audio Vorbis (estensione.webm) Aggiungere video ad una pagina Se si stanno progettando pagine web per uno specifico browser (quindi sapendo esattamente il formato video supportato) allora è possibile aggiungere un video utilizzando l'elemento <video>, specificando il file video tramite l'attributo src. L'esempio seguente inserisce un video in formato webm. <!DOCTYPE html> <html> <head> <title> Tecnologie web </title> </head> <body> <h1>esempio di video embedded HTML5</h1> <video src="video/bunny.webm" width="640" height="360" poster="imgs/rodents.png" controls autoplay>il browser utilizzato non è in grado di riprodurre questo video.</video> </body> </html>
6 Gli attributi width e height servono a specificare le dimensioni del box in cui verrà inserito il media player per la visualizzazione del video. Il video verrà scalato per adattarsi a tali dimensioni (per cui è preferibile inserire come dimensioni le stesse del video da mostrare). L'attributo poster serve a specificare un'immagine che verrà mostrata al posto del video in fase di caricamento o se il video non è presente. L'attributo controls mostra i controlli per la gestione del video. L'attributo autoplay permette di iniziare automaticamente la riproduzione del video non appena ne è stata scaricata una porzione sufficiente (in generale, è preferibile lasciare che sia l'utente a decidere quando far partire il video). L'attributo loop permette di mettere il video in riproduzione continua. L'attributo muted permette di riprodurre il video senza audio. L'attributo preload lascia decidere al browser quando iniziare lo scaricamento dei dati video (preload= auto ) oppure fa iniziare lo scaricamento nel momento in cui l'utente preme il pulsante play (preload= none ). Poichè browser diversi supportano formati diversi, una soluzione come la precedente non è sufficientemente generale. Per ovviare a tale problema, è possibile utilizzare l'elemento <source> all'interno dell'elemento <video>. Ad esempio, se si vogliono supportare tutti e tre i formati riportati in precedenza, è necessario inserire tre elementi <source>, uno per ogni formato, come nell'esempio seguente. Il browser esaminerà la lista fino a trovare un formato supportato da poter utilizzare. <!DOCTYPE html>
7 <html> <head> <title> Tecnologie web </title> </head> <body> <h1>esempio di video embedded HTML5</h1> <video width="640" height="360" poster="imgs/rodents.png" controls preload="auto"> <source src="video/bunny.mp4" type='video/mp4; codecs="avc1.424e01e, mp4a.40.2"'/> <source src="video/bunny.webm" type='video/webm; codecs="vp8, vorbis"'/> <source src="video/bunny.ogv" type='video/ogg; codecs="theora, vorbis"'/> <div>il browser utilizzato non è compatibile con questo video.</div> </video> </body> </html> L'attributo src dell'elemento <source> specifica la posizione del video da riprodurre mentre l'attributo type serve ad indicare il tipo di file e (opzionalmente) il codec video/audio utilizzato. Notate che il valore dell'attributo type è tra virgolette singole anziché doppie in quanto le doppie virgolette sono necessarie per racchiudere i codec. L'ordine degli elementi <source> non è importante ma per ragioni di compatibilità è preferibile specificare per primo il formato mp4. Se si vuole rendere disponibile un video anche agli utenti il cui browser non supporta HTML5, è necessario includere un player Flash nella pagina oppure utilizzare un servizio come YouTube o Vimeo che consente di pubblicare un video online e renderlo disponibile su una pagina web tramite del codice fornito dal servizio stesso. Il codice
8 seguente aggiunge all'esempio precedente un player Flash e dei link per il download del video, garantendo la massima compatibilità possibile. <!DOCTYPE html> <html> <head> <title> Tecnologie web </title> </head> <body> <h1>esempio di video embedded HTML5 con fallback Flash e link per il download</h1> <video width="640" height="360" poster="imgs/rodents.png" controls preload="auto"> <source src="video/bunny.mp4" type='video/mp4; codecs="avc1.424e01e, mp4a.40.2"'/> <source src="video/bunny.webm" type='video/webm; codecs="vp8, vorbis"'/> <source src="video/bunny.ogv" type='video/ogg; codecs="theora, vorbis"'/> <object type="application/x-shockwave-flash" data="flash/flowplayer swf" width="640" height="360"> <param name="movie" value="flash/flowplayer swf" /> <param name="flashvars" value="config={'playlist': ['imgs/rodents.png', {'url':'video/bunny.mp4','autoplay':false}]}" /> <img alt="big Buck Bunny" src="imgs/rodents.png" width="640" height="360" title="il browser utilizzato non è in grado di riprodurre questo video" /> </object> </video> <p>download del video:</p> <ul> <li><a href="video/bunny.mp4">formato MPEG-4</a></li> <li><a href="video/bunny.ogv">formato Ogg Theora</a></li> </ul> </body> </html>
9 Per inserire un player Flash che permetta di riprodurre video per i browser dotati di plug-in Flash, è necessario utilizzare l'elemento <object>. Tale elemento può essere utilizzato in generale per inserire una risorsa esterna all'interno di una pagina web. L'attributo type serve a specificare il tipo di contenuto e l'attributo data la risorsa che si vuole inserire, nell'esempio precedente un player Flash chiamato flowplayer. Gli attributi width ed height specificano le dimensioni dello spazio dedicato alla visualizzazione della risorsa. All'interno dell'elemento <object>, alcuni elementi <param> specificano i parametri necessari alla visualizzazione della risorsa (che dipendono dal tipo di risorsa e sono inseriti come coppia chiave/valore dove la chiave è rappresentata dall'attributo name ed il valore dall'attributo value ). Nel caso in esame, i parametri servono in particolare a specificare il file video da riprodurre tramite il player Flash. All'interno di <object> è stato inserito anche un elemento <img> che viene visualizzato nel caso in cui nemmeno il player Flash sia in grado di riprodurre il video. Infine, all'esterno dell'elemento <video> sono stati inseriti alcuni link, in formato diverso, al file video in caso nessuna delle soluzioni precedenti abbia successo. Aggiungere audio ad una pagina Per aggiungere audio ad una pagina, si può utilizzare l'elemento <audio> in modo simile a quanto fatto per <video>. Gli attributi utilizzabili sono gli stessi di <video> tranne width, height e poster che non sono presenti.
10 <!DOCTYPE html> <html> <head> <title> Tecnologie web </title> </head> <body> <h1>esempio di audio embedded HTML5 con link per il download</h1> <audio id="soundtrack" controls preload="auto"> <source src="audio/soundtrack.mp3" type="audio/mp3"> <source src="audio/soundtrack.ogg" type="audio/ogg"> <source src="audio/soundtrack.webm" type="audio/webm"> </audio> <p>download della canzone:</p> <ul> <li><a href="audio/soundtrack.mp3">mp3</a></li> <li><a href="audio/soundtrack.ogg">ogg Vorbis</a></li> </ul> </body> </html> Canvas Un componente estremamente interessante di HTML5 è la Canvas API, un insieme di funzioni JavaScript che permettono di disegnare sullo schermo in un'area definita tramite l'elemento <canvas>. Tramite questa API è possibile disegnare in modo dinamico sullo schermo anche in base alle azioni degli utenti, rendendo quindi possibile creare animazioni, giochi o intere applicazioni interattive senza la necessità di plug-in proprietari. Dal punto di vista dell'html, per poter utilizzare la
11 Canvas API è innanzitutto necessario aggiungere ad una pagina web l'elemento contenitore <canvas>, specificando le dimensioni dell'area in cui si vuole disegnare tramite gli attributi width ed height e l'identificatore dell'elemento tramite attributo id. Successivamente, è necessario inserire il codice JavaScript che effettua le operazioni di disegno. Nell'esempio seguente il codice JavaScript viene inserito direttamente all'interno dell'elemento <head> della pagina web tramite l'elemento <script>. L'esempio consiste nel semplice disegno di una riga colorata. Un esame approfondito della Canvas API è al di fuori dello scopo di questo materiale. <!DOCTYPE html> <html> <head> <title> Tecnologie web </title> <script type="text/javascript"> window.addeventlistener('load', eventwindowloaded, false); function eventwindowloaded() { var canvas = document.getelementbyid('prova_canvas'); var context = canvas.getcontext('2d'); context.strokerect(0,0,400,400); context.beginpath(); context.moveto(50, 50); context.lineto(350, 350); context.strokestyle = "red"; context.stroke(); } </script> </head>
12 <body> <h1>esempio di utilizzo della Canvas API</h1> <canvas id="prova_canvas" width="400" height="400"> <p>il browser utilizzato non supporta la Canvas API </canvas> </body> </html> <meta> L'elemento <meta> viene utilizzato per aggiungere ad una pagina web informazioni relative alla pagina stessa (che non vengono visualizzate all'utente). E' uno degli elementi che vengono inseriti all'interno dell'elemento <head> e può essercene più di una istanza contemporaneamente. Viene comunemente utilizzato per chiarire il tipo di informzione presente sulla pagina, la codifica di carattere utilizzata, informazioni sull'autore, etc. Ne abbiamo visto un esempio di utilizzo quando abbiamo trattato i link, per gestire il redirect automatico ad una nuova pagina. <meta http-equiv="refresh" content="10; URL=newpage.html" /> In questo caso sono stati utilizzati gli attributi http-equiv e content che vengono sempre utilizzati in combinazione. L'attributo content può anche specificare il valore di una proprietà definita tramite l'attributo name come nell'esempio seguente. <meta name="author" content="nome Autore" /> I seguenti due esempi definiscono la codifica di carattere
13 utilizzata dal documento (il secondo esempio integra anche informazione sul tipo di documento). La codifica di carattere specifica come il documento deve essere convertito in byte quando viene salvato come file e viceversa. Attualmente, la codifica di carattere più utilizzata è l'utf8 che consente anche di rappresentare caratteri in lingue diverse dall'inglese. Affinchè venga utilizzata la codifica corretta è comunque necessario verificare che l'editor usato per scrivere le pagine web salvi i documenti nel formato desiderato. <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat
Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat www.dimi.uniud.it/burigat File HTML e tag Un file HTML non è nient'altro che un puro file di testo al cui interno sono presenti delle
Adobe Flash CS5.5 e Web Animation. Lezione 7: introduzione ad ActionScript 3.0, livelli guida, realizzazione di un player audio in streaming
Adobe Flash CS5.5 e Web Animation Lezione 7: introduzione ad ActionScript 3.0, livelli guida, realizzazione di un player audio in streaming Cos è ActionScript ActionScript è il linguaggio di programmazione
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
Macromedia Flash. Realizzato da Emanuela Scionti
Macromedia Flash Realizzato da Emanuela Scionti Introduzione Utilizzato per creare applicazioni interattive sofisticate per il Web Utilizzato per creare CD-ROM Mezzo ideale per liberare la propria fantasia
Bookenberg non è un softwere ma una piattaforma online, quindi:
Tutorial le basi Bookenberg non è un softwere ma una piattaforma online, quindi: - non devi installare nulla sul tuo computer - vai sul sito, ti registri e sei operativo Nella sezione LIBRO usa l icona
Esercizi di JavaScript
Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio
Come distribuire in una pagina Web il video ripreso con la telecamera
Come distribuire in una pagina Web il video ripreso con la telecamera Il presente documento contiene informazioni di riferimento per la distribuzione in una pagina Web del video ripreso con la telecamera.
PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1
Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6
Scuola Digitale. Manuale utente. Copyright 2014, Axios Italia
Scuola Digitale Manuale utente Copyright 2014, Axios Italia 1 SOMMARIO SOMMARIO... 2 Accesso al pannello di controllo di Scuola Digitale... 3 Amministrazione trasparente... 4 Premessa... 4 Codice HTML
SCENARIO. Personas. 2010 ALICE Lucchin / BENITO Condemi de Felice. All rights reserved.
SCENARIO Personas SCENARIO È una delle tecniche che aiuta il designer a far emergere le esigente dell utente e il contesto d uso. Gli scenari hanno un ambientazione, attori (personas) con degli obiettivi,
Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo
Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche
Integrare Flash In Joomla
Integrare Flash In Joomla Guida realizzata e rilasciata dallo staff di Joomlaservice.org L'integrazione di flash con Joomla è un argomento molto richiesto e per il quale non sempre si trovano informazioni
I Tag dell html. Parte quarta
I Tag dell html Parte quarta Le Form I moduli, o form, rendono interattive le pagine Web. Per creare un elemento modulo si usa il tag:
Il linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin [email protected] HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
Avvio di Internet ed esplorazione di pagine Web.
Incontro 1: Corso di aggiornamento sull uso di internet Avvio di Internet ed esplorazione di pagine Web. Istituto Alberghiero De Filippi Via Brambilla 15, 21100 Varese www.istitutodefilippi.it Tel: 0332-286367
7.4 Estrazione di materiale dal web
7.4 Estrazione di materiale dal web Salvataggio di file Salvataggio della pagina Una pagina web può essere salvata in locale per poterla consultare anche senza essere collegati alla Rete. Si può scegliere
Regione Toscana. ARPA Fonte Dati. Manuale Amministratore. L. Folchi (TAI) Redatto da
ARPA Fonte Dati Regione Toscana Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.0 Data emissione 06/08/13 Stato DRAFT 1 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 2 Sommario
APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI
dispense APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI Attributo target / destinazione L'attributo target specifica dove deve essere aperta la pagina collegata. _top
Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
Corso di PHP. Prerequisiti. 1 - Introduzione
Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Compilazione, link, esecuzione di programmi Conoscere
I DATABASE Database relazionale
Database relazionale Modello di database che consiste di diversi file separati che sono correlati l'un l'altro attraverso campi chiave. Si può accedere alle informazioni memorizzate in un file attraverso
Creare un sito Multilingua con Joomla 1.6
Creare un sito Multilingua con Joomla 1.6 Istruzioni Vai a: navigazione, ricerca Testo originale: http://docs.joomla.org/language_switcher_tutorial_for_joomla_1.6 Questa guida è valida sia per Joomla 1.6
I MODULI Q.A.T. PANORAMICA. La soluzione modulare di gestione del Sistema Qualità Aziendale
La soluzione modulare di gestione del Sistema Qualità Aziendale I MODULI Q.A.T. - Gestione clienti / fornitori - Gestione strumenti di misura - Gestione verifiche ispettive - Gestione documentazione del
Creare una nuova spedizione personalizzata.
Gestione spedizioni La piattaforma ecommerce compry.it offre una gestione estremamente potente dei costi di spedizione da applicare al cliente che effettua acquisti. Il sistema, oltre al classico calcolo
Capitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
PORTALE CLIENTI Manuale utente
PORTALE CLIENTI Manuale utente Sommario 1. Accesso al portale 2. Home Page e login 3. Area riservata 4. Pagina dettaglio procedura 5. Pagina dettaglio programma 6. Installazione dei programmi Sistema operativo
Laboratorio di Tecnologie Web HTML: Immagini Dott. Stefano Burigat
Laboratorio di Tecnologie Web HTML: Immagini Dott. Stefano Burigat www.dimi.uniud.it/burigat Aggiungere immagini E' possibile inserire immagini all'interno delle pagine web in due modi: come contenuto
Comandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
InfiXor. il programma facile e versatile per preventivi veloci e completi. il software di preventivazione per produttori e rivenditori di infissi
InfiXor il software di preventivazione per produttori e rivenditori di infissi di Paolo Audisio SOFTWARE PROGRAMMAZIONE CONSULENZA INFORMATICA sito internet: www.infixor.it Via Carlo Zucchi 19 40134 BOLOGNA
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA NOZIONI DI INFORMATICA Il PC è composto solitamente di tre parti principali: - Il Case, ovvero il contenitore del cuore del computer, da qui si accende
CMS 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
CONTENT MANAGEMENT SY STEM
CONTENT MANAGEMENT SY STEM I NDI CE I NTRODUZI ONE Accesso al CMS 1) CONTENUTI 1.1 I nserimento, modifica e cancellazione dei contenuti 1.2 Sezioni, categorie e sottocategorie 2) UTENTI 3) UP LOAD FILES
NAVIGAZIONE SU INTERNET
NAVIGAZIONE SU INTERNET COSA SERVE IL BROWSER E COSA FA 1) Il browser traduce il codice HTML in un formato visualizzabile all utente sotto forma di pagine interattive e formattate.
Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali
PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video
Javascript: il browser
Javascript: il browser Un browser è un programma Un browser interpreta il linguaggio HTML e visualizza le pagine sullo schermo Per la visualizzazione delle pagine un browser si appoggia al software di
Il web server Apache Lezione n. 3. Introduzione
Procurarsi ed installare il web server Apache Introduzione In questa lezione cominciamo a fare un po di pratica facendo una serie di operazioni preliminari, necessarie per iniziare a lavorare. In particolar
Leggere un messaggio. Copyright 2009 Apogeo
463 Leggere un messaggio SyllabuS 7.6.3.3 Per contrassegnare un messaggio selezionato puoi fare clic anche sulla voce di menu Messaggio > Contrassegna messaggio. Marcare, smarcare un messaggio I messaggi
Siti interattivi e dinamici. in poche pagine
Siti interattivi e dinamici in poche pagine 1 Siti Web interattivi Pagine Web codificate esclusivamente per mezzo dell HTML non permettono alcun tipo di interazione con l utente, se non quella rappresentata
Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR [email protected] 2013/2014
Laboratorio Progettazione Web PHP e FORMs HTML Andrea Marchetti IIT-CNR [email protected] 2013/2014 Struttura Applicazioni Web Browser Web HTTP Server Web API Dati Presentation Application Storage
lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000
Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,
Il calendario di Windows Vista
Il calendario di Windows Vista Una delle novità introdotte in Windows Vista è il Calendario di Windows, un programma utilissimo per la gestione degli appuntamenti, delle ricorrenze e delle attività lavorative
GUIDA ALL UTILIZZO DEL PORTALE DELLA RETE DEI COMUNI OGLIO PO
GUIDA ALL UTILIZZO DEL PORTALE DELLA RETE DEI COMUNI OGLIO PO Il portale della Rete dei Comuni Oglio Po risponde all url: http://www.comuniogliopo.it Il portale è un contenitore per i siti comunali degli
Introduzione. Installare EMAS Logo Generator
EMAS Logo Generator Indice Introduzione... 3 Installare EMAS Logo Generator... 3 Disinstallare EMAS Logo Generator... 4 Schermata iniziale... 5 Creare il Logo... 7 Impostazioni... 7 Colore...8 Lingua del
ESERCITAZIONE Semplice creazione di un sito Internet
ESERCITAZIONE Semplice creazione di un sito Internet Sistemi e Tecnologie Informatiche - Prof. Gregorio Cosentino 1 Internet Una rete globale che connette milioni di computer in tutto il mondo, anarchica
Manuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE Che cosa sono e a cosa servono le caratteristiche? Oltre a descrivere le qualità di un prodotto con un testo generico (descrizione) è possibile dettagliare
Guida all uso della piattaforma. E-did@blog. portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG
Guida all uso della piattaforma E-did@blog portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG L area amministrativa si suddivide in due aree: la gestione del blog e
SMIL: Synchronized Multimedia Integration Language
SMIL: Synchronized Multimedia Integration Language Giancarlo Fortino [email protected] http://si.deis.unical.it/~fortino/teaching/gdmi/index.htm 1 Cronologia Nov 97: Prima release pubblica di SMIL Apr
I Preferiti. Elenco dei Preferiti
G. Pettarin ECDL Modulo 7: Internet 38 I siti preferiti Navigando nella rete può capitare di trovare dei siti, di cui vogliamo memorizzare l'indirizzo. Magari si vuole organizzarli in categorie. Tutti
Corso di Sistemi di Elaborazione delle informazioni
Corso di Sistemi di Elaborazione delle informazioni Basi di Dati Claudio Marrocco I report I Report sono lo strumento più adatto per ottenere una copia stampata dei dati e delle informazioni ricavate dalle
Manuale Utente MyFastPage
Manuale MyFastPage Utente Elenco dei contenuti 1. Cosa è MyVoice Home?... 4 1.1. Introduzione... 5 2. Utilizzo del servizio... 6 2.1. Accesso... 6 2.2. Disconnessione... 7 2.3. Configurazione base Profilo
Database 1 biblioteca universitaria. Testo del quesito
Database 1 biblioteca universitaria Testo del quesito Una biblioteca universitaria acquista testi didattici su indicazione dei professori e cura il prestito dei testi agli studenti. La biblioteca vuole
Confronto tra strumenti e tecniche per il Reverse Engineering in Macromedia Flash e Microsoft Silverlight
tesi di laurea Confronto tra strumenti e tecniche per il Reverse Engineering in Anno Accademico 2008/2009 correlatore Ch.mo prof. Porfirio Tramontana candidato Giuseppe Lubrano Lavadera Matr. 534/435 OBIETTIVI
QG Gestione Assenze. Inserimento per Classe. Per la gestione delle assenze accedere dal Menu Giornaliere->Assenze e Giustificazioni
QG Gestione Assenze Per la gestione delle assenze accedere dal Menu Giornaliere->Assenze e Giustificazioni Le voci principali che permettono l inserimento delle assenze sono: Inserimento per Classe Inserimento
PROGRAMMA GESTIONE TURNI MANUALE UTENTE. Programma Gestione Turni Manuale Utente versione 1.1
PROGRAMMA GESTIONE TURNI MANUALE UTENTE INDICE 1 PREMESSA 3 2 COMANDI COMUNI 3 3 SEDI 3 4 FESTIVITÀ 4 5 PERIODI TURNI 4 6 COD. TURNI 6 7 TURNI SPORTIVI 9 8 COD. EQUIPAGGI 9 9 DISPONIBILITÀ 10 10 INDISPONIBILITÀ
extensible Markup Language
XML a.s. 2010-2011 extensible Markup Language XML è un meta-linguaggio per definire la struttura di documenti e dati non è un linguaggio di programmazione un documento XML è un file di testo che contiene
Libretto di Impianto (Dpr74)
Libretto di Impianto (Dpr74) Per chi si occupa di climatizzazione sia riscaldamento che raffrescamento, dal 1 Giugno 2014 i documenti obbligatori da compilare cambiano e si chiamano rapporti di efficienza
Mon Ami 3000 Produzione base Produzione articoli con distinta base e calcolo dei fabbisogni
Prerequisiti Mon Ami 3000 Produzione base Produzione articoli con distinta base e calcolo dei fabbisogni L opzione Produzione base è disponibile per le versioni Azienda Light e Azienda Pro. Introduzione
Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
Impostare il browser per navigare in sicurezza Opzioni di protezione
Impostare il browser per navigare in sicurezza Opzioni di protezione Data la crescente necessità di sicurezza e tutela dei propri dati durante la navigazione in rete, anche gli stessi browser si sono aggiornati,
Integrazione InfiniteCRM - MailUp
Integrazione InfiniteCRM - MailUp La funzionalità della gestione delle campagne marketing di icrm è stata arricchita con la spedizione di email attraverso l integrazione con la piattaforma MailUp. Creando
I file PDF possono essere creati : 1. dall interno del programma Adobe 2. Per quelli che lo prevedono direttamente dall interno di altri programmi
I file PDF possono essere creati : 1. dall interno del programma Adobe 2. Per quelli che lo prevedono direttamente dall interno di altri programmi quali: 3. Tutto il pacchetto Office di Microsoft, 4. alcuni
Uso di filmati flash sulla LIM
Uso di filmati flash sulla LIM Spesso capita di trovare siti in cui sono presenti filmati flash che si rivelerebbero utili per le attività in classe. Per esempio, un flash che permette di colorare un'immagine
WBT Authoring. Web Based Training STUDIO
Web Based Training STUDIO AU-1.0-IT http://www.must.it Introduzione è un applicazione on-line in grado di soddisfare un gran numero di esigenze nel campo della formazione a distanza e della comunicazione.
STRUMENTI DI PRESENTAZIONE MODULO 6
STRUMENTI DI PRESENTAZIONE MODULO 6 2012 A COSA SERVE POWER POINT? IL PROGRAMMA NASCE PER LA CREAZIONE DI PRESENTAZIONI BASATE SU DIAPOSITIVE (O LUCIDI) O MEGLIO PER PRESENTARE INFORMAZIONI IN MODO EFFICACE
Guida all'utilizzo della Piattaforma di E-Learning Corsi on-line. D.Lgs. 81/2008 denominato TESTO UNICO per la Sicurezza nei Luoghi di Lavoro
Guida all'utilizzo della Piattaforma di E-Learning Corsi on-line D.Lgs. 81/2008 denominato TESTO UNICO per la Sicurezza nei Luoghi di Lavoro www.otj.it MANUALE DEL CORSISTA INTRODUZIONE L'utilizzo di
Mon Ami 3000 Centri di costo Contabilità analitica per centri di costo/ricavo e sub-attività
Prerequisiti Mon Ami 000 Centri di costo Contabilità analitica per centri di costo/ricavo e sub-attività L opzione Centri di costo è disponibile per le versioni Contabilità o Azienda Pro. Introduzione
LA RICLASSIFICAZIONE DEI SALDI CONTABILI CON MICROSOFT ACCESS 2007
LA RICLASSIFICAZIONE DEI SALDI CONTABILI CON MICROSOFT ACCESS 2007 La fase di riclassificazione del bilancio riveste un ruolo molto importante al fine di comprendere l andamento aziendale; essa consiste,
Progetto: ARPA Fonte Dati. ARPA Fonte Dati. Regione Toscana. Manuale Amministratore
ARPA Fonte Dati Regione Toscana 1 Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.1 Data emissione 09/10/13 Stato FINAL 2 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 1.1 09/10/2013
Procedura SMS. Manuale Utente
Procedura SMS Manuale Utente INDICE: 1 ACCESSO... 4 1.1 Messaggio di benvenuto... 4 2 UTENTI...4 2.1 Gestione utenti (utente di Livello 2)... 4 2.1.1 Creazione nuovo utente... 4 2.1.2 Modifica dati utente...
GESTIONE DEI COMPONENTI MULTIMEDIALI IN POWERPOINT 2007
GESTIONE DEI COMPONENTI MULTIMEDIALI IN POWERPOINT 2007 Inserire un grafico di Excel in una diapositiva Per iniziare la gestione di componenti multimediali in una presentazione PowerPoint, cominciamo con
CORSO DI WEB DESIGN 40 ORE
CORSO DI WEB DESIGN 40 ORE Adobe Photoshop CS5 Unità didattica 1: Grafica bitmap ed introduzione all utilizzo di photoshop Concetti fondamentali di Photoshop Immagini bitmap e grafica vettoriale Dimensioni
3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.
Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione
Cookie e Webstorage. Vediamo ora i metodi dell oggetto localstorage. Per memorizzare un valore si utilizza il metodo setitem:
Cookie e Webstorage Un cookie (letteralmente biscotto) è un pacchetto di informazioni che viene salvato sul computer dell utente. In successive sessioni di collegamento a Internet (normalmente per un periodo
Microsoft Word. Nozioni di base
Microsoft Word Nozioni di base FORMATTARE UN DOCUMENTO Gli stili Determinano l aspetto dei vari elementi di testo di un documento Consistono in una serie di opzioni (predefinite o personalizzate) salvate
Il foglio elettronico. Excel 2013 3 PARTE
Il foglio elettronico Excel 2013 3 PARTE Versione 15/10/2013 Le tabelle PIVOT Tabelle PIVOT Le tabelle pivot sono tabelle interattive che consentono all'utente di raggruppare e riassumere grandi quantità
ICARO Terminal Server per Aprile
ICARO Terminal Server per Aprile Icaro è un software aggiuntivo per Aprile (gestionale per centri estetici e parrucchieri) con funzionalità di terminal server: gira sullo stesso pc dove è installato il
Raggruppamenti Conti Movimenti
ESERCITAZIONE PIANO DEI CONTI Vogliamo creare un programma che ci permetta di gestire, in un DB, il Piano dei conti di un azienda. Nel corso della gestione d esercizio, si potranno registrare gli articoli
MANUALE MOODLE STUDENTI. Accesso al Materiale Didattico
MANUALE MOODLE STUDENTI Accesso al Materiale Didattico 1 INDICE 1. INTRODUZIONE ALLA PIATTAFORMA MOODLE... 3 1.1. Corso Moodle... 4 2. ACCESSO ALLA PIATTAFORMA... 7 2.1. Accesso diretto alla piattaforma...
Tutorial 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 4 Tabelle 4.1 La struttura di una tabella Elementi principali
MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004
MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del Vostro
Creare un nuovo tema grafico ( skin")
Creare un nuovo tema grafico ( skin") Potenzialità e tecniche Validità: Febbraio 2013 Questa pubblicazione è puramente informativa. SISECO non offre alcuna garanzia, esplicita od implicita, sul contenuto.
Guida alla personalizzazione dei documenti in formato Open Document (ODT)
Guida alla personalizzazione dei documenti in formato Open Document (ODT) La procedura di personalizzazione in formato ODT affianca la gestione in HTML e non sovrascrive i documenti già personalizzati.
Technical Document Release Version 3.0. Product Sheet. MediaNews Play. Studio Playout in PCR
Technical Document Release Version 3.0 Product Sheet MediaNews Play Studio Playout in PCR MediaNews Play Al modulo MediaNews per la gestione della redazione giornalistica e la creazione del rundown, SI
A 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
Guida alla registrazione on-line di un DataLogger
NovaProject s.r.l. Guida alla registrazione on-line di un DataLogger Revisione 3.0 3/08/2010 Partita IVA / Codice Fiscale: 03034090542 pag. 1 di 17 Contenuti Il presente documento è una guida all accesso
Entrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
MANUALE PARCELLA FACILE PLUS INDICE
MANUALE PARCELLA FACILE PLUS INDICE Gestione Archivi 2 Configurazioni iniziali 3 Anagrafiche 4 Creazione prestazioni e distinta base 7 Documenti 9 Agenda lavori 12 Statistiche 13 GESTIONE ARCHIVI Nella
Condividi in linea 2.0
Condividi in linea 2.0 2007 Nokia. Tutti i diritti sono riservati. Nokia, Nokia Connecting People e Nseries sono marchi o marchi registrati di Nokia Corporation. Altri nomi di prodotti e società citati
VIDEO COMUNICAZIONE VIA WEB: LA NOSTRA SOLUZIONE PER LEZIONI IN AULA VIRTUALE, SEMINARI E RIUNIONI A DISTANZA
Grifo multimedia Srl Via Bruno Zaccaro, 19 Bari 70126- Italy Tel. +39 080.460 2093 Fax +39 080.548 1762 [email protected] www.grifomultimedia.it VIDEO COMUNICAZIONE VIA WEB: LA NOSTRA SOLUZIONE PER