Linguaggi e tecnologie per il Web 2017/2018 Facsimile di un compito d esame
|
|
|
- Tommasa Rubino
- 5 anni fa
- Visualizzazioni
Transcript
1 Esercizio 1 Linguaggi e tecnologie per il Web 2017/2018 Facsimile di un compito d esame (a) Scrivere un documento HTML contenente una form contenente i seguenti campi: cognome e nome (casella di testo editabile lunga 40 caratteri) sesso (selezionabile tramite due bottoni radio) matricola (casella di testo editabile lunga 12 caratteri) regione di residenza (da scegliere da un menu che riporta le 20 regioni italiane) (casella di testo editabile lunga 30 caratteri) telefono (casella di testo editabile lunga 15 caratteri) anno di corso (casella di testo editabile lunga 2 caratteri) richieste particolari (area di testo editabile di 12 righe per 60 colonne) bottone di invio bottone di reset (b) Aggiungere al documento HTML funzioni JavaScript che eseguono i seguenti controlli: (b1) verifica che il cognome e nome non sia vuoto. Questa verifica va fatta ogni volta che l utente cambia il valore del campo cognome e nome; (b2) verifica che sia stata selezionata una regione. Questa verifica va fatta all atto dell invio della form; (b3) verifica che l anno di corso sia un numero compreso tra 1 e 6 oppure sia la stringa FC. Questa verifica va fatta ogni volta che l utente cambia il valore del campo anno di corso; (b4) verifica che o l o il telefono siano non vuoti. Questa verifica va fatta all atto dell invio della form. (c) Per ognuno dei controlli specificati al punto (b), dire se è realizzabile in HTML5 senza utilizzare codice JavaScript, e in caso positivo, spiegare come. (a) Documento HTML contenente la form e la funzione Javascript richiesta: <!DOCTYPE html> <head> <script type="text/javascript" language="javascript"> function controllacognomenome() { if (document.registr.cognome.value=="") { alert("inserire cognome"); function controllaanno() { if (document.registr.anno.value!="fc") { if (isnan(document.registr.anno.value) document.registr.anno.value=="") { alert("anno di corso errato"); else { var v=parseint(document.registr.anno.value); if ((v<1) (v>6)) { alert("anno di corso errato"); 1
2 function validaform() { if (document.registr.regione.value=="nessuna") { alert("selezionare una regione"); if ((document.registr. .value=="")&&(document.registr.tel.value=="")) { alert("inserire o l o il numero di telefono"); alert("dati inseriti correttamente"); </head> <body> <form action="" method="post" name="registr" onsubmit="return validaform();"> cognome: <input type="text" name="cognome" size="40" maxlength="40" onchange="return controllacognomenome();"> sesso: <input type="radio" name="sesso" value="m">m <input type="radio" name="sesso" value="f">f <br> matricola: <input type="text" name="matricola" size="12" maxlength="12"> regione: <select name="regione"> <option value="nessuna" selected></option> <option value="valdaosta">val d Aosta</option> <option value="piemonte">piemonte</option> <option value="liguria">liguria</option> <option value="lombardia">lombardia</option> <option value="veneto">veneto</option> <option value="trentino">trentino Alto Adige</option> <option value="friuli">friuli Venezia-Giulia</option> <option value="emilia">emilia-romagna</option> <option value="toscana">toscana</option> <option value="marche">marche</option> <option value="umbria">umbria</option> <option value="lazio">lazio</option> <option value="abruzzo">abruzzo</option> <option value="molise">molise</option> <option value="campania">campania</option> <option value="basilicata">basilicata</option> <option value="puglia">puglia</option> <option value="calabria">calabria</option> <option value="sicilia">sicilia</option> <option value="sardegna">sardegna</option> </select> <input type="text" name=" " size="30" maxlength="30"> telefono: <input type="text" name="tel" size="15" maxlength="15"> anno di corso: <input type="text" name="anno" size="2" maxlength="2" onchange="return controllaanno();"> richieste particolari: <textarea name="richieste" cols="60" rows="12"></textarea> 2
3 <input type="submit" value="invia"> <input type="reset" value="reset"> </form> (b) I primi tre controlli del punto precedente sono realizzabili in HTML5 senza includere script. In particolare: (a1) verifica che il cognome e nome non sia vuoto: <input type="text" name="cognome" size="40" maxlength="40" required> (a2) verifica che sia stata selezionata una regione; <select name="regione" required> (a3) verifica che l anno di corso sia un numero compreso tra 1 e 6 oppure sia la stringa FC ; <input type="text" name="anno" size="2" maxlength="2" pattern=" FC"> Infine, il controllo (a4) (verifica che o l o il telefono siano non vuoti) non può essere codificato in HTML5 senza l uso di script. Esercizio 2 Scrivere un documento HTML contenente una form contenente i seguenti campi: matricola (casella di testo editabile lunga 12 caratteri) cognome e nome (casella di testo editabile lunga 60 caratteri) data di nascita (casella di tipo date) sesso (menu a due opzioni, F e M) corso frequentato (menu a tendina contenente una lista di corsi) bottone di invio bottone di stampa della local storage degli utenti Aggiungere funzioni JavaScript e un foglio di stile CSS tali che: 1. i dati relativi ad ogni utente devono essere memorizzati, all atto del loro invio, nella local storage; 2. il bottone di stampa della local storage deve visualizzare, nella parte finale del documento HTML, gli utenti memorizzati nella local storage; 3. il foglio di stile CSS deve fare in modo che i dati relativi agli studenti maschi siano visualizzati con colore e font diverso dai dati relativi alle studentesse femmine. Non si possono usare CSS inlined (solo CSS incorporati). Documento HTML contenente la form richiesta: <!DOCTYPE html> <head> <style> tr.m {color:blue; font-family: "Courier New"; tr.f {color:red; font-family: Arial; </style> <script> function inizializzastorageutenti(){ if (typeof(localstorage.utenti) == "undefined") { localstorage.utenti="[]"; 3
4 function resetstorageutenti(){ localstorage.utenti="[]"; function stampastorage(){ var u = JSON.parse(localStorage.utenti); var l = u.length; var s = new String("<h3>Stato di localstorage:</h3>"); s +="<table border=1><tr><th>cognome e nome</th><th>data di nascita</th><th>sesso</th></tr>"; for (i=0;i<l;i++) s += "<tr class="+u[i].sesso+"><td>"+u[i].cogn+"</td><td>"+u[i].data+"</td><td>"+u[i].sesso+"</td></tr>"; s += "</table>"; document.getelementbyid("vistastorage").innerhtml = s; function inserisciutente() { if (document.registrazione.cognome.value=="") { alert("inserire cognome"); if (document.registrazione.datanascita.value=="") { alert("inserire data di nascita"); var u = JSON.parse(localStorage.utenti); var nextpos = u.length; var o = { cogn:document.registrazione.cognome.value, data:document.registrazione.datanascita.value, sesso:document.registrazione.sesso.value ; alert("dati inseriti correttamente"); u[nextpos] = o; localstorage.utenti = JSON.stringify(u); </head> <body onload="inizializzastorageutenti()"> <form action="" method="post" name="registrazione" onsubmit="return inserisciutente();" accept-charset="utf-8"> cognome e nome: <input type="text" name="cognome" size="60" maxlength="60"/> data di nascita: <input type="date" name="datanascita" size="10" maxlength="10"/> sesso: <select name="sesso" id="sesso"> <option value="f">f</option> <option value="m">m</option> </select> <input type="submit" value="invia"/> <input type="button" value="stampa Storage" onclick="stampastorage();"/> <input type="button" value="reset Storage" onclick="resetstorageutenti();"/> </form> <div id="vistastorage"> Esercizio 3 Dato il seguente documento HTML: <body> 4
5 inizio documento <div> prima zona di visualizzazione dei documenti <div> seconda zona di visualizzazione dei documenti fine documento Modificare il documento HTML in modo da poter selezionare, tramite un menu con 8 opzioni, il caricamento asincrono di 8 diversi documenti HTML (nomi dei documenti: doc1.htm, doc2.htm, doc3.htm, doc4.htm, doc5.htm, doc6.htm, doc7.htm, doc8.htm): i primi quattro documenti vanno visualizzati all interno del primo elemento div, mentre gli altri quattro documenti vanno visualizzati all interno del secondo elemento div. <head> <meta charset="utf-8"> <title>ajax: esercizio esame</title> </head> <body> inizio documento <div> <button>doc1</button> <button>doc2</button> <button>doc3</button> <button>doc4</button> <button>doc5</button> <button>doc6</button> <button>doc7</button> <button>doc8</button> <div id="zona1"> prima zona di visualizzazione dei documenti <div id="zona2"> seconda zona di visualizzazione dei documenti fine documento <script> var bottoni = document.getelementsbytagname("button"); for (var i = 0; i < bottoni.length; i++) { bottoni[i].onclick = caricadocumento; function caricadocumento(e) { var httprequest = new XMLHttpRequest(); httprequest.prevtarget = e.target; httprequest.onreadystatechange = gestisciresponse; httprequest.open("get", e.target.innerhtml + ".htm", true); httprequest.send(); function gestisciresponse(e) { if (e.target.readystate == 4 && e.target.status == 200) { var c=e.target.prevtarget.innerhtml.charat(3); 5
6 if (c<="4") c="1"; else c="2"; document.getelementbyid("zona"+c).innerhtml = e.target.responsetext; Esercizio 4 Scrivere un documento HTML che risolve il precedente esercizio 5 utilizzando JQuery. <head> <meta charset="utf-8"> <title>jquery: esercizio esame</title> </head> <body> <script src=" inizio documento <div> <button>doc1</button> <button>doc2</button> <button>doc3</button> <button>doc4</button> <button>doc5</button> <button>doc6</button> <button>doc7</button> <button>doc8</button> <div id="zona1"> prima zona di visualizzazione dei documenti <div id="zona2"> seconda zona di visualizzazione dei documenti fine documento <script> $(document).ready(function(){ $("button").click(function(){ var c=this.innerhtml.charat(3); if (c<="4") c="1"; else c="2"; $("#zona"+c).load(this.innerhtml+".htm", function(responsetxt, statustxt, xhr){ if(statustxt == "error") alert("errore" + xhr.status + ":" + xhr.statustext); ); ); ); Esercizio 5 Data la seguente DTD: <!DOCTYPE r [ <!ELEMENT r ((t,x) (s,y))+> <!ELEMENT s (y,u)+> <!ELEMENT t (x,v)> 6
7 <!ELEMENT u ((t s v)?,((r x y)+,y)*)> <!ELEMENT v ((u x)+,(x y)+,(y u)+)> <!ELEMENT x (#PCDATA t x)*> <!ELEMENT y (EMPTY)> <!ATTLIST u attru CDATA #IMPLIED> <!ATTLIST v attrv CDATA #REQUIRED attrvv CDATA #IMPLIED> ]> 1) dire se la DTD è corretta ed in caso negativo evidenziare gli errori presenti e correggerli; 2) scrivere un documento XML che sia valido rispetto alla DTD (eventualmente corretta) e che contenga almeno una occorrenza di ogni elemento dichiarato nella DTD. 1) La DTD è corretta. 2) Un documento XML valido rispetto alla DTD è il seguente: <?xml version="1.0"?> <r> <t> <x>ciao</x> <v attrv="abcde"> <u/> <x/> <y/> </v> </t> <x>ciao ciao</x> <s> <y/> <u/> </s> <y/> </r> Esercizio 6 Scrivere un foglio di stile XSL che, dato un documento XML, restituisce il documento tale che: 1. l elemento radice di input viene trasformato in un elemento root, e viene creato per tale elemento un attributo che ha per nome nomeroot e che ha per valore il nome dell elemento di input corrente. Inoltre, il contenuto dell elemento di input viene ricorsivamente trasformato; 2. ogni elemento che è figlio dell elemento radice viene copiato in output, e il contenuto di tale elemento viene ricorsivamente trasformato; 3. per ogni elemento che è figlio di un figlio dell elemento radice viene creato in output un elemento nipote come figlio della radice, e il contenuto di tale elemento viene ricorsivamente trasformato; 4. per ogni elemento che è figlio di un figlio di un figlio dell elemento radice viene creato in output un elemento pronipote come figlio della radice, e viene aggiunto a tale elemento un sottoelemento il cui nome è nomepronipote e il cui contenuto testuale è il nome dell elemento di input corrente. Inoltre il contenuto di tale elemento viene ricorsivamente trasformato; 5. ogni altro elemento viene copiato in output come figlio dell elemento radice. Inoltre il contenuto di tale elemento viene ricorsivamente trasformato; 6. ogni nodo di tipo testo del documento non viene copiato in output. Ad esempio, se il documento XML di input è il seguente: <a> <x>testo 1</x> <b> <c><w>testo 2</w></c> 7
8 </b> <w> <y>testo 3 <d><z>testo 4</z></d> </y> </w> </a> il foglio di stile applicato al documento deve restituire il documento seguente: <root nomeroot="a"> <x/> <b/> <nipote/> <pronipote><nomepronipote>w</nomepronipote></pronipote> <w/> <nipote/> <pronipote><nomepronipote>d</nomepronipote></pronipote> <z/> </root> <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:output method="xml"/> <xsl:template match="/*"> <xsl:element name="root"> <xsl:attribute name="nomeroot"> <xsl:value-of select="name()"/> </xsl:attribute> <xsl:template match="/*/*"> <xsl:element name="{name()"> <xsl:template match="/*/*/*"> <xsl:element name="nipote"> <xsl:template match="/*/*/*/*"> <xsl:element name="pronipote"> <xsl:element name="nomepronipote"> <xsl:value-of select="name()"/> <xsl:template match="*"> <xsl:element name="{name()"> <xsl:template match="text()"/> </xsl:stylesheet> 8
Linguaggi e tecnologie per il Web 2016/2017 Facsimile di un compito d esame
Esercizio 1 Linguaggi e tecnologie per il Web 2016/2017 Facsimile di un compito d esame (a) Scrivere un documento HTML contenente una form contenente i seguenti campi: cognome e nome (casella di testo
Esercitazione di riepilogo
Linguaggi e tecnologie per il Web prof. Riccardo Rosati corso di Laurea in Ingegneria Informatica e Automatica Sapienza Università di Roma, a.a. 2015/2016 Esercitazione di riepilogo Esercizio 1 (a) Scrivere
Esercitazione di riepilogo
Linguaggi per il Web prof. Riccardo Rosati corso di Laurea in Ingegneria Informatica e Automatica corso di Laurea in Ingegneria dei Sistemi Informatici Sapienza Università di Roma, a.a. 2013/2014 Esercitazione
Esercizi su HTML5 e form
Linguaggi e tecnologie per il Web prof. Riccardo Rosati Corso di laurea in Ingegneria informatica Sapienza Università di Roma, a.a. 2016/2017 Esercizi su HTML5 e form Esercizio 1 Scrivere un documento
Esercizi su HTML e JavaScript
Linguaggi per il Web prof. Riccardo Rosati Corso di laurea in Ingegneria dei sistemi informatici Sapienza Università di Roma, a.a. 2014/2015 Esercizi su HTML e JavaScript Esercizio 1 (a) Scrivere un documento
Esercizi su JavaScript, DOM e Web Storage
Linguaggi e tecnologie per il Web prof. Riccardo Rosati Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma, a.a. 2017/2018 Esercizi su JavaScript, DOM e Web Storage Esercizio
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
AJAX. Riccardo Rosati
AJAX Riccardo Rosati Linguaggi e tecnologie per il Web Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma a.a. 2016/2017 http://www.dis.uniroma1.it/~rosati/lw/ AJAX AJAX
AJAX. Riccardo Rosati
AJAX Riccardo Rosati Linguaggi e tecnologie per il Web Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma a.a. 2017/2018 http://www.dis.uniroma1.it/~rosati/lw/ AJAX AJAX
ISTITUTO ISTRUZIONE SUPERIORE "Q. Sella" BIELLA
1) [40pt]Scrivere il codice html per la visualizzazione della form di figura e aggiungere il codice Javascript che realizzi le seguenti operazioni dopo aver cliccato sul pulsante Invia. Se non risulta
SOMMARIO: linguaggio xml. Contenuti. A cura dell Ing. Buttolo Marco INTRODUZIONE...2 STRUTTURA DOCUMENTO XML...2 VISUALIZZAZIONE DOCUMENTI XML...
linguaggio xml A cura dell Ing. Buttolo Marco SOMMARIO: Contenuti INTRODUZIONE...2 STRUTTURA DOCUMENTO XML...2 VISUALIZZAZIONE DOCUMENTI XML...4 1 of 7 INTRODUZIONE: XML è l acronimo di extensible Markup
Esercizi su XML e DTD
Linguaggi e tecnologie per il Web prof. Riccardo Rosati corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma, a.a. 2018/2019 Esercizi su XML e DTD Esercizio 1 Scrivere una
HTML: CSS: Le proprietà di base per dare stile ai form
HTML: Elementi di base: caselle e aree di testo, radio button, checkbox, bottoni submit e reset, campi nascosti, file upload, menù di selezione. Accessibilità dei form: label, fieldset e legend, optgroup
Programmazione Web 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 HTML: HyperText Markup Language Standard
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
Tecniche Multimediali
Le idee sono la cosa più importante, il resto è una conseguenza. Richard Feynman Tecniche Multimediali Corso di Laurea in «Informatica» - aa 2010-2011 Prof. Giorgio Poletti giorgio.poletti@unife.it XML
Esercizi su XML e DTD
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 Esercizi su XML e DTD Esercizio 1 Scrivere una
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
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:
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
Laboratorio Progettazione Web PHP e FORMs HTML - Lezione 8. Andrea Marchetti IIT-CNR 2011/2012
Laboratorio Progettazione Web PHP e FORMs HTML - Lezione 8 Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2011/2012 Architettura di una applicazione Web Browser Web HTTP Server Web Dati View Control
Linguaggio 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
Programmazione Web 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 HTML: HyperText Markup Language Standard
PUBBLICAZIONE INCARICHI DI COLLABORAZIONE SUL SITO CNR
PUBBLICAZIONE INCARICHI DI COLLABORAZIONE SUL SITO CNR RAPPORTO TECNICO Gianluca Troiani gianluca.troiani@amministrazione.cnr.it Revisioni Data Vers. Descrizione Autore 19/11/2007 0.1 Bozza iniziale Gianluca
D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1
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
D B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1
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
NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ) E N G I N E = I
Esempio base: tabella amici Creare un sistema informatico che permetta di memorizzare il cognome, nome e data di nascita degli amici. Quindi creare una tabella per memorizzare i valori richiesti. Si chiede
@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
Dott.ssa Adriana Pietramala
Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it Riferimenti Sito del corso: Manuale PHP http://www.php.net/download-docs.php Editor di
I moduli HTML Interazione per l invio di informazioni in Internet
I moduli HTML Interazione per l invio di informazioni in Internet Sviluppo di siti web UD09 Fablab Design Interazione e uso dei moduli Uno dei fattori che ha decretato il successo del Web è senz'altro
I campi di un form: come utilizzare il tag Input
Home -> Manuali & Tutorials -> Guida HTML I campi di un form: come utilizzare il tag Input Non c è form che si rispetti senza bottone di invio o un campo di inserimento di dati. La sintassi tradizionale
1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server
2) Il Server richiama l'interprete PHP il quale esegue i comandi contenuti nel file.php specificato nell'attributo action del tag form creando un file HTML sulla base dei dati inviati dall utente 1) Il
Linguaggio 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
Esercizi su XML, DTD e DOM
Linguaggi per il Web prof. Riccardo Rosati corso di Laurea in Ingegneria Informatica Sapienza Università di Roma, a.a. 2014/2015 Esercizi su XML, DTD e DOM Esercizio 1 Scrivere una DTD che formalizzi le
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
Linguaggi per il Web: XML
Linguaggi per il Web: XML Piero Fraternali Sara Comai Politecnico di Milano XML http://w3c.org/xml/ -- http://www.microsoft.com/xml/ extended Markup Language Formato di file proposto dal W3C per distribuire
Gestione della Conoscenza
UNICAL - A.A. 2005-2006 Gestione della Conoscenza Esercitazione 2 venerdì 4 novembre 2005 Ing. Marco Manna XML: extensible Markup Language(1) Il documento XML è verboso ma logicamente ben strutturato,
HTML e interattività FORM
HTML e interattività FORM Interattività delle pagine web I moderni siti web non sono più soltanto un insieme di pagine da leggere con testo e immagini, ma rappresentano uno strumento per interagire con
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
HTML: FORM. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML: FORM Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Form Text Radio Select CheckBox TextArea Button ... L'elemento serve per delimitare un modulo
Interazione con l utente : i moduli.
Interazione con l utente : i moduli. Nelle lezioni fin qui riportate, non abbiamo mai trattato l input di utente. Nelle applicazioni web, l input dell utente si acquisisce tramite i moduli (o FORM) HTML.
A. Ferrari. Ajax. Asynchronous JavaScript and XML. Alberto Ferrari
Ajax Asynchronous JavaScript and XML 1 Definizione o Asynchronous JavaScript and XML (AJAX) non è di per sé una tecnologia, ma è un termine che descrive un "nuovo" approccio all'utilizzo di diverse tecnologie
Applicazioni web. Parte 8 AJAX
Applicazioni web Parte 8 AJAX Alberto Ferrari 1 AJAX - Definizione Asynchronous JavaScript and XML (AJAX) non è di per sè una tecnologia, ma è un termine che descrive un "nuovo" approccio all'utilizzo
HTML Sintassi di HTML Tag principali per i contenuti I Forms
Lezione 1 HTML Sintassi di HTML Tag principali per i contenuti Tag principali per i contenuti I Forms L HTML (HyperText Markup Language) g è il linguaggio gg di markup utilizzato per veicolare le informazioni
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
Esame di Web Design & Technologies (Marco Porta)
Università degli Studi di Pavia Corso di Laurea Interfacoltà in Comunicazione,Innovazione,Multimedialità Esame di Web Design & Technologies (Marco Porta) Appello del gg/mm/aa 1 Cognome Nome Matricola E-mail
HTML. 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
DTD ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010. Document Type Definition (DTD) Un DTD è il linguaggio usato per descrive la
DTD ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010 Document Type Definition (DTD) Un DTD è il linguaggio usato per descrive la struttura di un documento XML disponibile prima che fosse introdotto XMLSchema
04/05/2011. Lezione 6: Form
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE
MODULI O FORM DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE ADATTE ALLA LETTURA MA POSSONO SVOLGERE UN RUOLO ATTIVO NEI CONFRONTI DI UNA PAGINA WEB
HTML Interazione con l utente
HTML Interazione con l utente Il web è interattivo e per questo motivo una pagina html deve prevedere la possibilità, per l'utente, di inviare informazioni o effettuare delle scelte. Il linguaggio HTML,
HTML 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
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
JQuery. Riccardo Rosati
JQuery Riccardo Rosati Linguaggi e tecnologie per il Web Corso di laurea in Ingegneria informatica e automatica Sapienza Università di Roma a.a. 2016/2017 http://www.dis.uniroma1.it/~rosati/lw/ JQuery
HTML 6. I moduli a.k.a. form
HTML 6 I moduli a.k.a. form 1 Il modulo Un modulo è un'area della pagina predisposta per accettare dei dati in ingresso dall'utente Gli utenti forniscono dati al WEB server che restituisce una risposta
HTML 6. Il modulo. Tipi di controlli. Esempio di modulo. I moduli a.k.a. form
I moduli a.k.a. form HTML 6 Il modulo Un modulo è un'area della pagina predisposta per accettare dei dati in ingresso dall'utente Gli utenti forniscono dati al WEB server che restituisce una risposta (pagina
XML: Visualizzazione. paragrafo { display: block; font-size: 12pt; text-align: left }
XML: Visualizzazione Per modificare la visualizzazione di un documento XML in un browser si possono usare i CSS (Cascade Style Sheet) come avviene abitualmente per HTML ed in particolare per XHTML. Per
Linguaggi di scripting
Linguaggi di scripting In generale uno script è un piccolo programma (al limite una sola istruzione) il cui codice viene inserito all'interno di una pagina HTML o collegato ad esso, e interpretato dal
Complementi di Basi di dati Esame del 20 aprile 2007 Tempo a disposizione: 2 ore (libri chiusi)
Complementi di Basi di dati Esame del 20 aprile 2007 Tempo a disposizione: 2 ore (libri chiusi) Domanda 1 (10%) Scrivere (a) un documento XML valido e (b) un documento XML ben-formato ma non valido rispetto
PHP & MySQL. Giselda De Vita
PHP & MySQL Giselda De Vita - 2014 1 Per creare un applicazione WEB su APACHE, in linguaggio PHP, con Base Dati MySQL, possiamo lavorare in locale o in rete. Per lavorare in locale abbiamo bisogno di installare
Informatica 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 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare
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
HTML 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
Reti di calcolatori I prova intermedia 29 Aprile N. 1
I prova intermedia 29 Aprile 2019 - N. 1 radio button fra i numeri 3, 5, 7. 2. Una pagina che prendendo i parametri del form scrive un messaggio che indica se il numero inserito nel campo di testo è divisibile
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
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
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
JavaScript Gestione Eventi. Prof. Francesco Accarino IIS Atiero Spinelli Sesto San Giovanni via leopardi 132
JavaScript Gestione Eventi Prof. Francesco Accarino IIS Atiero Spinelli Sesto San Giovanni via leopardi 132 Gli eventi Gli eventi sono utilizzati per richiamare istruzioni o funzioni. Ad un evento può
Acquisisce 3 numeri intesi come coefficienti di una equazione di II grado Bottone per trovare soluzione equazione Bottone che azzera il form
Vogliamo fare un programma in javascript che Acquisisce 3 numeri intesi come coefficienti di una equazione di II grado Bottone per trovare soluzione equazione Bottone che azzera il form Disegniamo il form
Laboratorio 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
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:
HTML 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
Quaderno 4: Progetto di una base di dati e realizzazione di un applicazione web
Basi di Dati Quaderno 4: Progetto di una base di dati e realizzazione di un applicazione web 1 Creazione della base di dati Realizzare la base di dati per la registrazione delle gare tenutesi nei diversi
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
Internet, il web e il linguaggio HTML. percorso 3. Form
Form Se le pagine web utilizzassero il linguaggio HTML limitatamente ai soli tipi di tag visti sino a questo punto, la comunicazione tra impianto tecnologico (computer, dati, programmi ecc.) ed utente
definizione o Asynchronous JavaScript and XML (AJAX)
ajax definizione o Asynchronous JavaScript and XML (AJAX) o o o non è un linguaggio non è una tecnologia è un termine che descrive un "nuovo" approccio all'utilizzo di diverse tecnologie esistenti, compresi:
Quaderno 4: Progetto di una base di dati e realizzazione di un applicazione web
Basi di Dati Quaderno 4: Progetto di una base di dati e realizzazione di un applicazione web 1 Creazione della base di dati Realizzare la base di dati per la registrazione delle gare tenutesi nei diversi
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
Programmazione lato client. JavaScript (4) Applicazioni di Rete M. Ribaudo - DISI. Oggetto form. Applicazioni di Rete M.
Programmazione lato client JavaScript (4) Oggetto form 1 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
Come quando si usa un CGI il tag <form action = script method= post > deve richiamare lo script in php che elabora i dati.
Form Come quando si usa un CGI il tag deve richiamare lo script in php che elabora i dati. I campi di input passano i parametri alle rispettive funzioni dello script
Per la creazione di un form utilizziamo l'omonimo tag form, come nell'esempio che segue:
I Form in HTML5 L'HTML mette a disposizione una serie di interessantissimi tag il cui scopo è quello di creare moduli con tanto di caselle di testo, opzioni, bottoni di invio ed altro ancora. Il termine
Ottenere l elenco delle pubblicazioni CNR con stile
Ottenere l elenco delle pubblicazioni CNR con stile Massimo Martinelli, Marco Tampucci 5/6/2018 Laboratorio Segnali e Immagini Istituto di Scienza e Tecnologie dell Informazione Consiglio Nazionale delle
Tipi di input widget. Textbox. <form action="action_page.php"> <b>name:</b> <input type="text" name="name" size="20" maxlength="40" > <br><br>
Tipi di input widget Textbox name: Tipi di input widget Menu a tendina
Dott.ssa Adriana Pietramala
Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it PHP La pagina secondaria La pagina secondariaè un file PHP strutturato come una pagina
STRUTTURA BASE DELLA PAGINA HTML
INDICE INDICE... 1 Convenzioni e simboli usati... 1 STRUTTURA BASE DELLA PAGINA HTML... 1 Alcuni dei Principali TAG Html:... 2 Gli attributi dei TAG Html:... 2 ALIGN... 2 attributi del tag ... 2
LEZIONE 5. Introduzione a Javascript
LEZIONE 5 Introduzione a Javascript ARCHITETTURA CLIENT SERVER Richiesta Request Indirizzo Web (URL) + dati Risposta Response HTML-CSS-Javascript WEB SERVER Un Web Server è un server che fornisce servizi