Tecniche Multimediali
|
|
|
- Livio Bellini
- 6 anni fa
- Visualizzazioni
Transcript
1 Il vero pericolo non è che i computer inizieranno a pensare come gli uomini, ma che gli uomini cominceranno a pensare come i computer. (Sydney Justin Harris) Tecniche Multimediali Corso di Laurea in «Informatica» - aa Prof. Giorgio Poletti giorgio.poletti@unife.it
2 Linguaggio di scripting formato da: oggetti metodi gestore di eventi Utilizzato nel controllo di buona parte delle componenti del browser e per rispondere a varie azioni dell'utente Utile perché tutti i compiti di elaborazione sono scritti nello script (incorporato nel documento HTML), e quindi l'intero processo definito dallo script è eseguito sul lato del client
3 JavaScript si compone di elementi di programmazione oggetti, proprietà, metodi, gestori di eventi. JavaScript ha due elementi fondamentali 1.espressione (o istruzione): combinazione di operatori, variabili, letterali e parole chiave di cui si può calcolare il valore. 2.funzione: gruppo di enunciati provvisto di un nome, che si può usare più volte semplicemente chiamandone il nome.
4 Oggetti JavaScript consente di acceder alle componenti prefabbricate di una pagina Web (oggetti) creati con HTML (pulsanti, link, moduli, menu, immagini, testo); intrinseci di JavaScript (window, document, Date, function, ); definiti automaticamente dal browser (particolari della configurazione). Gli oggetti in JavaScript hanno una struttura gerarchica e hanno attributi Window Document Ancore Moduli Frames Immagini Location Link Navigator appname appversion
5 Proprietà A ciascun oggetto sono associate proprietà descrittive, che sono attributi che aiutano a differenziare un oggetto dall altro. Oggetto Proprietà window document, name, location document bgcolor, title, lastmodified, URL image Height width
6 Metodi A ogni oggetto sono associati metodi (comportamenti). Esempi blink() associato a un testo ne produce la visualizzazione lampeggiante. all oggetto button è associato il solo metodo click() I metodi hanno un nome seguito da una coppia di (), in quanto esigono (spesso, ma non sempre) dei parametri.
7 Gestori di eventi permette un alto livello di interattività alle pagine Web e di accedere a eventi quali: click del mouse su un pulsante; avvio di programmi; caricamento di una pagina Web in un browser; uscita del mouse da una finestra. A questi e altri eventi, automatici o generati dall utente, possono essere associati speciali metodi intrinseci, gestitigestori di eventi, che avviano determinate azioni al verificarsi dell evento.
8 Gestore evento onabort onblur onchange onclick/ondblclick ondragdrop Azione controllata interruzione di un caricamento (ad esempio un immagine) un elemento diventa inattivo (perde il focus) cambia il valore di un elemento (lista di scelte Click/doppio click del mouse un oggetto viene mosso e rilasciato su un altro oggetto onerror si verifica un errore nel caricamento di un oggetto onfocus un elemento diventa attivo onkeydown, onkeypress, onkeyup onmousedown, onmousemove, onmouseout, onmouseover, onmouseup onmove, onresize, onunload, onload onreset, onsubmit onselect un tasto è premuto, tenuto premuto o rilasciato un tasto del mouse è premuto, il mouse viene mosso, un tasto del mouse viene rilasciato, il mouse entra o esce da una zona (oggetto) una finestra viene mossa o ridimensionata, uan finestra o un documento è chiuso o aperto è stato premuto il tasto reset o submit di un Form un testo è selezionato
9 Tag per in HTML <script Language= JavaScript > <html> <head> <script Language="JavaScript"> //commento di una sola riga /* commento su più righe */ </head> <body> <a href= #" onclick="alert( Link non disponnibile')"> Clicca qui </a> </body> </html>
10 Esempio di onmouseover che attiva il metodo alert() che genera una finestra di messaggio <html> <head> <script language= > //funzioni di scripting </head> <body> <h1>esempio gestione evento onmouseover</h1> <a href="#" onmouseover="alert( Sei sul link (premi OK)')"> Evento onmouseover in JavaScript </a> </body> </html>
11 Funzioni JavaScript consente di scrivere delle righe di script che possono essere usate più volte in una forma abbreviata, assegnandole come valore a una funzione. Una funzione è definita dalla parola chiave function, dal nome che le si vuole assegnare, da una coppia di parentesi () e da una di parentesi {}. function Prova() { alert( Funzione elementare di prova. ) }
12 Esempio 1 <html> <head> <script language=""> function Prova() { alert( Funzione elementare di prova. ) } </head> <body> <a href= " onclick= Prova(); > Link alle gare </a> </body> </html>
13 Esempio 2 <html> <head> <title>cambio colori</title> </head> <script language="javascript"> function BackGroundColor(colore) { document.bgcolor = colore; } <body Bgcolor="white"> <center><h3>modifica dei colori dello sfondo</h3></center><br> <font color="firebrick"> <center><hr width= 60%"> <form name= ColoreSfondo > <input type="button" value="rosso" onclick="backgroundcolor('red')"> <input type="button" value=" Blu " onclick="backgroundcolor('blue')"> <input type="button" value="giallo" onclick="backgroundcolor('yellow')"> <input type="button" value="bianco" onclick="backgroundcolor('white')"> </center></form> </body> </html>
14 Apertura di finestre secondarie <html> <head> <title>nuovafinestra</title> </head> <body> <form> <input type="button" value="nuova finestra" onclick="window.open( ); "> </form> </body> </html>
15 Argomenti per la funzione window.open Argomento Attivazione/Disattivazione Menubar=yes no Barra dei menu Location=yes no Barra degli indirizzi Status=yes no Barra di stato Scrollbars=yes no Barre di scorrimento Directories Pulsanti del browser Toolbar=yes no Resaizable=yes no Pulsanti della barra degli strumenti Ridimensionamento della finestra Argomento Dimensionamento Width=X Larghezza della finestra Height=Y Altezza della finestra
16 Esempio di apertura finestra <html> <head> <title>nuova Finestra</title> <script language="javascript"> function NuovaFinestra() { win2=window.open(" "toolbar=no,directories=no,menubar=no,scrollbars=no, width=400,height=300"); } </head> <body> <form> <input type="button" value="nuova finestra onclick='nuovafinestra();'> </form> </body> </html>
17 Costruire un documento in modo dinamico <html> <head> <script language="javascript"> function NuovaFinestra() { msg=open("","schermo","toolbar=no,directories=no,menubar=no, width=370,height=250,resizable=yes"); msg.document.write("<head><title>html.it</title></head><body>"); msg.document.write("<b><center><font size=6> Finestra secondaria con vari link</font></center></b><br>"); msg.document.write("<a href= # target= _self > (Link interno)</a><br>"); msg.document.write("<a href= # target= _self >Sfondi</a><br>"); msg.document.write("<a href= # target= _self >Gif animate</a><br>"); msg.document.write("<a href= # target= _self >Guida HTML</a><br>"); msg.document.write("<a href= # target= _self >Controllo qualità </a><br>"); } </head> <body><h3> Esempio di pagina HTML che apre una finestra secondaria con listato scritto con JavaScript </h3><form> <input type="button" value="apri la finestra" onclick="nuovafinestra()"> </form> <p><br><hr> </body> </html>
18 Metodi per l oggetto window Metodo alert() Azione Finestra di dialogo con il tasto OK blur()/focus Fa perdere /acquisire il focus settimeout() Esegue una funzione dopo un periodo, espresso in millisecondi cleartimeout() confirm() open()/close() prompt() Cancella un timeout impostato Finestra di dialogo con i tasti OK e ANNULLA Apre/chiude una finestra Finestra di dialogo con il tasto per l inserimento di informazioni
19 Operazioni con le date (funzione Date()) <html> <head></head> <body> <script language="javascript"> var today = new Date() document.write("la variabile today, ottenuta con var today = new Date()', ha il valore:") document.write( <br> +today) </body> </html>
20 var today = new Date() new crea una nuova istanza dell oggetto Date() e la assegna alla variabile today; Per visualizzare nel formato italiano si può applicare il metodo tolocalestring() creando la nuova variabile oggi: var oggi = today.tolocalestring() document.write("la variabile oggi, ottenuta con l'istruzione 'var oggi = today.tolocalestring()', ha il valore: +"<br>"+oggi); Per visualizzatare parte dell informazione della variabile oggi si può applicare alla variabile oggi il metodo substring(). var oggidata = oggi.substring(0,25); Si possono applicare all oggetto Date() i seguenti metodi gettime(); getmonth(); gethours(); getminutes(); getseconds();
21 Listato riassuntivo 1 <html> <head></head> <body> <script language="javascript"> var today = new Date(); var oggi = today.tolocalestring(); var oggidata = oggi.substring(0,25); document.write("<h2><center>benvenuto, oggi è +oggidata+ </center></h2>") document.write("<br><h4><center>questo documento è stato modificato "+document.lastmodified+"</center></h4>") </body> </html>
22 Listato riassuntivo 2 <html> <head></head> <body> <script language="javascript"> var oggi = new Date(); var ore = oggi.gethours(); var min = oggi.getminutes(); var sec = oggi.getseconds(); document.write("sono le ore: "+ore+":"+min+":"+sec); </body> </html>
23 Listato riassuntivo 3 <html> <head> <title>cambia sito</title> <script language="javascript"> function cambiasito(); { alert( Stai per essere trasferito sul nuovo sito UniFE ) location = « } </head> <body> <center><img src="img.jpg" height="64" width="129" > <hr width="75%"> </center> <script language= JavaScript"> var intro1 = "Ciao, grazie per aver visitato il nostro sito Web, ma ci siamo trasferiti. "; var intro2 = "Per favore, prendi nota del nostro nuovo URL ( "; var intro3 = "Clicca<a href='jstutor.html'> qui </a> oppure aspetta 10 secondi per essere "; var intro4 = "trasferito automaticamente al nostro nuovo sito."; var intromsg = intro1+"<br>"+intro2+"<br>"+intro3+"<br>"+intro4 document.write("<h4><font color='firebrick'>"+intromsg+"</font></h4>"); settimeout( cambiasito()",20000); </body> </html>
24 Listato riassuntivo 4 <html> <head> <script language="javascript"> var unife=" Università di Ferrara" var SpazioMes=" " var PosInizio = 0 function scorremes() { document.modulomessaggio.scorremes.value=unife.substring (PosInizio,uniFE.length)+SpazioMes+uniFE.substring(0,PosInizio) PosInizio = PosInizio + 1 if (PosInizio > unife.length) { PosInizio = 0 } window.settimeout("scorremes()",300) } </head> <body onload="scorremes()"> <form name="modulomessaggio"> <input type="text" name="scorremes" size=23"> </form> </body> </html>
Javascript. - 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
Programmazione client-side: JavaScript
Programmazione client-side: JavaScript JavaScript: Introduzione JavaScript è un linguaggio di programmazione/scripting molto flessibile, utilizzato in vari settori applicativi (proposto da Netscape) Nelle
scrivere window.alert(). 2 Nell esempio sarebbe scritto solo var hello, senza pertanto attribuire alla variabile hello alcun valore
In genere il metodo alert() è usato per verificare il valore delle variabili durante la fase di correzione degli errori (debugging), fase che può essere svolta anche con l ausilio di appositi programmi
Ogni script in HTML deve essere inserito in una coppia di tag <script> e </script>.
Programmazione web lato client Script Frammento di codice, in genere di complessità relativamente bassa e privo di interfaccia grafica, scritto in un linguaggio di programmazione di tipo interpretato detto
Corso di JavaScript. Prerequisiti. C1 - Eventi. Conoscenza HTML Programmazione ad oggetti (Java, C++) Concetto di programmazione ad eventi
Corso di JavaScript C1 - Eventi 1 Prerequisiti Conoscenza HTML Programmazione ad oggetti (Java, C++) Concetto di programmazione ad eventi 2 1 Introduzione In questa Unità esaminiamo le caratteristiche
Metodologie Informatiche applicate al Turismo
Metodologie Informatiche applicate al Turismo 11. Realizzare Siti Dinamici e Applicazioni Web Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it
(Notare la all'interno della condizione nell'istruzione if. La barra verticale indica Or, in Java; & avrebbe indicato AND)
Oggetto navigator L'oggetto navigator è figlio dell'oggetto window. Per anni i due principali browser, Internet Explorer e Netscape Navigator, hanno recepito gli standard HTML e Java Script attraverso
JavaScript JavaScript
Pagina 1 di 9 JavaScript JavaScript JavaScript è un linguaggio di scripting, ed sicuramente il più usato. Gli script realizzati tramite questo linguaggio possono essere incapsulati nel codice HTML. Tramite
Form HTML. <form> campi del modulo </form>
Form HTML I form (o moduli) HTML permettono ad un utente di interagire con la pagina che sta visitando. L inserimento di un form in una pagina web avviene mediante il tag FORM. Attributi del form campi
Programmazione web lato client con JavaScript. Marco Camurri 1
Programmazione web lato client con JavaScript Marco Camurri 1 JavaScript E' un LINGUAGGIO DI PROGRAMMAZIONE che consente di inserire codice in una pagina web Sintassi simile a Java (e al C), ma NON E'
Introduzione a JavaScript Parte 1
Introduzione a JavaScript Parte 1 Cos'è JavaScript? JavaScript è un linguaggio per le pagine Web. Gli script in JavaScript possono essere inclusi nelle pagine HTML. Con JavaScript si possono migliorare
Laboratorio di reti II: Javascript
Laboratorio di reti II: Javascript Stefano Brocchi brocchi@dsi.unifi.it 30 marzo, 2009 Stefano Brocchi Laboratorio di reti II: Javascript 30 marzo, 2009 1 / 46 Javascript Il Javascript è un linguaggio
Javascript. Introduzione
Javascript Introduzione Javascript è uno scripting language, non un linguaggio di markup, non un linguaggio di programmazione. Più precisamente potremmo dirlo un linguaggio application-embedded. Venne
JAVASCRIPT. Tale file è associato alla pagina web mediante il tag <script> inserito nella sezione <head> con la seguente sintassi:
JAVASCRIPT Introduzione Con l HTML siamo in grado di realizzare pagine web statiche. Con il linguaggio Javascript, invece, possiamo interagire modificando il contenuto della pagina. Il linguaggio javascript
Modulo o Form in Html
Pagina dinamica E un documento contenente oggetti, dati e informazioni che possono variare anche in base all iterazione dell utente con il documento stesso. Un esempio classico è quello di una persona
Strumenti a disposizione
FORM Strumenti a disposizione L'HTML visto fino ad ora permette di descrivere solo documenti statici e passivi Colori, immagini, testi, etc... L'utente può solo interagire con i link Non sempre questo
Prefazione... xi. Da leggere prima di iniziare...xiv. Capitolo 1 Introduzione a JavaScript Sezione A Programmazione, HTML e JavaScript...
SOMMARIO Prefazione... xi Panoramica del libro... xi Caratteristiche distintive...xii Aspetti qualificanti del libro...xii Browser Web da usare... xiii Ringraziamenti... xiii Da leggere prima di iniziare...xiv
Il linguaggio JavaScript
Il linguaggio JavaScript Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it L. Farinetti - Politecnico di Torino 1 JavaScript z Linguaggio di scripting sviluppato da
ALCUNI ESEMPI DI DATI 6,28 numerico costante
Scheda 21 JAVA SCRIPT I DATI DATI E TIPI DI DATI In una elaborazione i dati sono l elemento essenziale: senza dati non c è elaborazione. Si possono avere dati VARIABILI e dati COSTANTI oppure dati NUMERICI
xhtml e css vengono letti dal browser È possibile aggiungere script vengono eseguiti dal browser attenzione alla sicurezza!!
Dynamic (x)html DHTML Pagine dinamiche xhtml e css vengono letti dal browser È possibile aggiungere script vengono eseguiti dal browser attenzione alla sicurezza!! possono gestire l interazione (complessa)
D B M G Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
@2011 Politecnico di Torino 1
Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti
Appunti di JAVA SCRIPT
Appunti di JAVA SCRIPT Prof. Claudio Maccherani - Perugia (2003, revisione 2010) INDICE INTRODUZIONE...2 GENERALITÀ...2 LINGUAGGIO...3 ELEMENTI DEL INGUAGGIO...5 ARRAY...5 STRING...5 MATH...6 DATE...6
End sub sub window_onload()
5.2) Aggiunta di Script e accesso agli attributi dei tag I fogli di stile finora rischi mostrano come sia possibile creare non numerosi effetti nelle pagine html. La vera potenza del html dinamico è rappresentata
14Ex-Cap11.qxd :20 Pagina Le macro
14Ex-Cap11.qxd 21-12-2006 11:20 Pagina 203 11 Le macro Creare le macro Registrare una macro Eseguire una macro Riferimenti assoluti e relativi nelle macro Assegnare un pulsante a una macro Modificare una
JAVASCRIPT. JavaScript è un linguaggio di scripting sviluppato per dare interattività alle pagine HTML.
JAVASCRIPT JavaScript è un linguaggio di scripting sviluppato per dare interattività alle pagine HTML. Può essere inserito direttamente nelle pagine Web è lo standard «client-side» per implementare pagine
Guida completa su Javascript
Guida completa su Javascript Cap 1 - Introduzione alla programmazione 1.1 - Nascita di JavaScript 1.2 - Incorporare JS nell'html 1.3 - Collegare un JS esterno 1.4 - Fornire un alternativa ai browser non
Tecnologie e Programmazione Web
Presentazione 1 Tecnologie e Programmazione Web Html, JavaScript e PHP RgLUG Ragusa Linux Users Group SOftware LIbero RAgusa http://www.solira.org - Nunzio Brugaletta (ennebi) - Reti 2 Scopi di una rete
Esercitazione su AJAX
Linguaggi e tecnologie per il Web prof. Riccardo Rosati corso di Laurea in Ingegneria Informatica e Automatica Sapienza Università di Roma, a.a. 2016/2017 Esercitazione su AJAX Esercizio 1 Scrivere un
Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
INTRODUZIONE 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
Javascript. Linguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A. 2009-2010. - lezione 14 -
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 - lezione 14-1 Schema delle lezioni Introduzione
Il 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
JavaScript - 4. Modello ad oggetti tradizionale. L ambiente del web browser 1
JavaScript - 4 Modello ad oggetti tradizionale L ambiente del web browser 1 Per capire come funziona JavaScript lato client bisogna capire la struttura dell ambiente di programmazione offerto da un web
Frames. 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
JavaScript (4) Programmazione lato client. document.forms[] Oggetto form. Oggetto form. È uno degli oggetti più importanti del DOM
![JavaScript (4) Programmazione lato client. document.forms[] Oggetto form. Oggetto form. È uno degli oggetti più importanti del DOM](/thumbs/55/36873350.jpg "JavaScript (4) Programmazione lato client. document.forms[] Oggetto form. Oggetto form. È uno degli oggetti più importanti del DOM")
Programmazione lato client JavaScript (4) Oggetto form Oggetto form È uno degli oggetti più importanti del DOM Durante la lettura di un file HTML, viene creato un array con tante celle quanti sono i moduli
1 JavaScript: generalità
1 JavaScript: generalità JavaScript (di seguito abbreviato in JS) è un linguaggio di scripting (linguaggio usato per definire degli script, dei piccoli programmi di utilità, composti anche di sole poche
WEB. Introduzione HTML. Gabriele Murara
WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il
Esploriamo Javascript! 1 di Ivan Venuti
Esploriamo Javascript! 1 di Ivan Venuti L Html è stato pensato (e creato) per presentare contenuti statici che, visualizzati da utenti diversi, diano sempre lo stesso risultato. Per sopperire a questa
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
HTML 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
JavaScript. JavaScript
JavaScript 1 Che cos è JavaScript JavaScript è un linguaggio di scripting sviluppato per dare interattività alle pagine HTML Può essere inserito direttamente nelle pagine Web ed è in pratica lo standard
Javascript e CSS nelle pagine WEB
1 Javascript e CSS nelle pagine WEB Esempi applicativi Autrice: Turso Antonella Carmen INDICE ARGOMENTI 2... 5 LEZIONE 1... 6 COSA SONO I JAVASCRIPT... 6 LEZIONE 2... 8 STRUTTURA DEL LINGUAGGIO JAVASCRIPT
Corso di Web Programming
Corso di Web Programming 6. JavaScript Parte I (Aspetti di base) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica
Introduzione alla programmazione orientata agli oggetti
Introduzione alla programmazione orientata agli oggetti Oggetti, metodi e proprietà Nelle seguenti pagine, non solo si conosceranno nuovi concetti e nuovi termini, ma si vedranno anche alcune utili funzioni
Tecnologie informatiche multimediali
Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it
HTML. 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:
JavaScript - 6. L oggetto window. Stampa proprietà. Proprietà principali 1. Browser Object Model (BOM)
L oggetto window JavaScript - 6 Browser Object Model (BOM)! L oggetto window possiede varie proprietà e metodi Esiste un nucleo di tali proprietà e metodi, che esamineremo in seguito, supportati da tutti
"-//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:
Cosa è Javascript. Linguaggio di scripting. Laboratorio di sistemi interattivi. Lezione 15: Introduzione a Javascript
Laboratorio di sistemi interattivi Lezione 15: Introduzione a Javascript General Course Information 1 Cosa è Javascript Javascript -> Netscape JScript -> Microsoft ECMAScript -> standardizzazione Aggiunta
Il tag form indica l'inizio della costruzione di un modulo. Necessita del tag di chiusura
LE FORM Le form, note in italiano anche come moduli sono delle strutture che permettono all'utente di inserire dei dati o di effettuare delle scelte. Le form, prese singolarmente non sono nient'altro che
Corso basi di dati Esempi pagine ASP
Corso basi di dati Esempi pagine ASP Gianluca Di Tomassi Email: ditomass@dia.uniroma3.it Università di Roma Tre Esempio 1 esempio 2
l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.
CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione
Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014
HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World
Definire una chiave primaria. Microsoft Access. Definire una chiave primaria. Definire una chiave primaria. Definire una chiave primaria
Microsoft Access Chiavi, struttura delle tabelle 1. Portare la tabella in Visualizzazione struttura Selezionare la tabella sulla quale si desidera intervenire nella finestra del database Poi: Fare clic
Corso Completo JavaScript
Corso Completo JavaScript Introduzione 1. La nascita di JavaScript Storia e sviluppo del linguaggio di scripting ai margini dell'infinita disputa Msie/Netscape 2. Aspetti e caratteristiche generali Peculiarità
(b) - Creazione del layout delle pagine nella vista Layout
(b) - Creazione del layout delle pagine nella vista Layout La vista Layout di Dreamweaver semplifica l utilizzo delle tabelle per il layout delle pagine. Nella vista Layout, è possibile progettare le pagine
JavaScript Distribuire il calcolo
Documenti e Calcolo JavaScript Distribuire il calcolo Prof. Andrea Omicini Corso di Sistemi Distribuiti A.A. 2002/2003 Parte IV HTML Linguaggio per la descrizione di documenti Information-oriented Mobilità
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
Guida introduttiva al PHP
Fabio Castellini 26/01/2016 Guida introduttiva al PHP Cos'è il PHP? Il PHP è un linguaggio di scripting interpretato, simile al JavaScript, per intenderci, originariamente concepito per la programmazione
IMMAGINI 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
Javascript. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
Javascript Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
Metodologie 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
Opzioni 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
Progettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
Javascript Introduzione alla programmazione Dott. Ing. Ivan Ferrazzi V1.2 del 03/02/2014
Javascript Introduzione alla programmazione Dott. Ing. Ivan Ferrazzi V1.2 del 03/02/2014 1/32 Copyright 2014 Dott.Ing. Ivan Ferrazzi Permission is granted to copy, distribute and/or modify this document
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
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 7. HTML Parte III (Aspetti avanzati) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso
CORSO DI INFORMATICA GENERALE. Università degli Studi di Bergamo
CORSO DI INFORMATICA GENERALE Università degli Studi di Bergamo Microsoft Excel E un software applicativo per la gestione dei fogli di calcolo. E un programma che consente la gestione e l organizzazione
MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali
MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.
Scheda 31 JAVA SCRIPT - FINESTRE DI POPUP STATICHE
Scheda 31 JAVA SCRIPT - FINESTRE DI POPUP STATICHE COSA SONO Per finestre di PopUp si intendono delle finestre ripristinate visualizzate in sovraimpressione a quella principale (vedi disegno a lato) COME
Introduzione a Javascript
Introduzione a Javascript Il linguaggio JavaScript è una derivazione di Java, semplificato in modo da poter essere eseguito direttamente, come uno script comune. Questo linguaggio è però destinato a essere
Menù principale di Calc
Menù principale di Calc Status bar Informazioni generali! All'apertura si visualizza una cartella il cui nome è mostrato nella title bar;! Una cartella contiene più fogli di lavoro. Ci si può spostare
Sommario. Capitolo I Introduzione 1. Capitolo II Esempi 1. Capitolo III Avvio del programma 2. Capitolo IV Barra degli strumenti 4
Sommario I Sommario Capitolo I Introduzione 1 Capitolo II Esempi 1 Capitolo III Avvio del programma 2 Capitolo IV Barra degli strumenti 4 Capitolo V Property editor 5 Capitolo VI Finestra del layout di
Introduzione 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
HTML 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
Cultura Tecnologica di Progetto
Cultura Tecnologica di Progetto Politecnico di Milano Facoltà di Disegno Industriale - FOGLI DI CALCOLO - A.A. 2003-2004 2004 Foglio Elettronico Un foglio elettronico è un potente strumento di calcolo,
MANUALE MODULO WIDGET EVENT TRACKING LICENZA SaaS
MANUALE MODULO WIDGET EVENT TRACKING LICENZA SaaS Revisione 1.0 Beta Ultimo Aggiornamento: 07/12/2010 SOMMARIO Panoramica... 3 Gli eventi tracciati... 3 I report... 4 Struttura... 4 Report / Object...
LE PRIME ACTIVE SERVICE PAGE: oggetto REQUEST
LE PRIME ACTIVE SERVICE PAGE: oggetto REQUEST L'oggetto Request può essere considerato come l'esatto contrario dell'oggetto Response, infatti mentre quest'ultimo invia dati al browser, Request serve a
Creazione di un oggetto personalizzato con "java script"
Creazione di un oggetto personalizzato con "java script" La creazione di un oggetto personalizzato si divide in due parti. La prima consiste nel creare la definizione dell'oggetto; la seconda nel creare
Prof. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
3. Le routine evento in Access 2000/2003
LIBRERIA WEB 3. Le routine evento in Access 2000/2003 Le routine evento possono essere associate a un singolo controllo grafico (caselle di testo, pulsanti di comando, ecc.) presente all interno di una
1. (6 punti) Spiegare il significato, in modo dettagliato, del pezzo di codice seguente di una servlet:
Università degli Studi di Camerino Corso di Laurea in Informatica A.A. 2015/2016 Prova Scritta di Programmazione Web, 21 Febbraio 2017 VIII Appello Docenti: Francesco Tiezzi e Luca Tesei Nome e Cognome:
OBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel)
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI CLASSI CORSI OBIETTIVI MINIMI Anno scolastico 2010-2011 TIC-TIT OBIETTIVI 1. Foglio elettronico: funzioni fondamentali (Excel) CONTENUTI / tipologia
Lena Cota Guido Corso di Informatica - II livello. Internet Explorer. Navigare in Internet
Navigare in Internet 1 Cos è Internet In informatica per rete si intende un insieme di computer collegati tra loro e in grado di condividere risorse e/o servizi 2 Internet è la rete delle reti, che collega
Corso di Web Programming
Corso di Web Programming 7. JavaScript Parte II (Complementi) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica
Modulo 3 DATI E OPERATORI. 1. Assegnare i dati da tastiera 2. Variabili e tipi di dati 3. Le stringhe 4. Un po di logica
Modulo 3 DATI E OPERATORI 1. Assegnare i dati da tastiera 2. Variabili e tipi di dati 3. Le stringhe 4. Un po di logica 1. Assegnare i dati da tastiera La possibilità di interagire con l ambiente esterno
Esempi di uso di JavaScript
Esempi di uso di JavaScript (questi e altri esempi sono reperibili all indirizzo http://vision.unipv.it/web/lang/) 1. Link JavaScript Link JavaScript margin: 40px; background-color: rgb(200,199,200);
HTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio
HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale
VBA è un linguaggio di scripting derivato da Visual Basic, da cui prende il nome. Come ogni linguaggio ha le sue regole.
Excel VBA VBA Visual Basic for Application VBA è un linguaggio di scripting derivato da Visual Basic, da cui prende il nome. Come ogni linguaggio ha le sue regole. 2 Prima di iniziare. Che cos è una variabile?
Excel 2. Master Universitario di II livello in MANAGER NELLE AMMINISTRAZIONI PUBBLICHE A.A Prof.ssa Bice Cavallo
Excel 2 Master Universitario di II livello in MANAGER NELLE AMMINISTRAZIONI PUBBLICHE A.A. 2013-2014 Prof.ssa Bice Cavallo Grafici Excel offre diversi tipi di grafici standard (Area, Barre, Istogramma,
Reti di calcolatori, Internet e Web
Argomenti della lezione Reti di calcolatori, Internet e Web Concetti introduttivi Internet e protocollo TCP/IP Applicazioni su Internet Sviluppo di applicazioni Web Cos è una rete? Punto di vista logico
nome di un menu per visualizzarlo e poi selezionate facendo clic sul comando che vi interessa.
1 (conoscere le basi di Excel) < I controlli della. Finestra > La finestra di apertura di Excel presenta una cartella di lavoro vuota; la finestra del programma occupa tutto lo spazio dello schermo, mentre
Language. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
L 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
Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
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 5 Frame 5.1 Cosa sono i Frame e come si specificano icano
Linguaggi di Programmazione
Linguaggi di Programmazione Linguaggi di Programmazione Programmazione. Insieme delle attività e tecniche svolte per creare un programma (codice sorgente) da far eseguire ad un computer. Che lingua comprende
Corso di Access. Prerequisiti. Modulo L2A (Access) 2.5 Sottomaschere e Report avanzati
Corso di Access Modulo L2A (Access) 2.5 Sottomaschere e Report avanzati 1 Prerequisiti Creazione ed uso di report Creazione ed uso di maschere Concetto di database relazionale Utilizzo elementare del computer
HTML. 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. HTML non è un linguaggio di programmazione ma