La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.
|
|
|
- Valentina Elvira Perrone
- 8 anni fa
- Visualizzazioni
Transcript
1 Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente, l indirizzo di posta elettronica e il testo del commento. Queste pagine si chiamano moduli di feedback. Il progetto seguente mostra un modulo di feedback realizzato con la versione HTML5 in modo da effettuare la validazione dei dati. Inoltre per lo stile vengono utilizzate alcune caratteristiche disponibili dalla versione CSS3. PROGETTO Creare un modulo di feedback. La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css. Pagina Web (modulo.html) <!DOCTYPE html> <HTML> <HEAD> <META CHARSET="utf-8"> <LINK REL="stylesheet" HREF="feedback.css" TYPE="text/css"> <TITLE>Osservazioni e commenti</title> </HEAD> <BODY> <DIV ID="contenitore"> <FORM METHOD="get" ACTION="invia.php" NAME="formCommenti" ID="commenti"> <LEGEND><SPAN>Inserisci i tuoi dati</span></legend> <LABEL FOR="nome">Nome <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE="text" NAME="nome" ID="nome" PLACEHOLDER="Scrivi il tuo nome" REQUIRED/> <LABEL FOR="cognome">Cognome</LABEL> <INPUT TYPE="text" NAME="cognome" ID="cognome" PLACEHOLDER="Scrivi il tuo cognome"/> <LABEL FOR=" "> <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE=" " NAME=" " ID=" " PLACEHOLDER="Scrivi la tua " REQUIRED/> </FIELDSET> <LEGEND><SPAN>Mandaci le tue osservazioni</span></legend> <LABEL FOR="oggetto">Oggetto <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE="text" NAME="oggetto" ID="oggetto" PLACEHOLDER="Oggetto" REQUIRED/> <LABEL FOR="messaggio">Messaggio</LABEL> <TEXTAREA COLS="40" ROWS="20" NAME="messaggio" ID="messaggio" PLACEHOLDER="Il tuo messaggio"></textarea> </FIELDSET> <BUTTON TYPE="reset" NAME="reset" CLASS="bottone"/>Annulla</BUTTON> <BUTTON TYPE="submit" NAME="invia" CLASS="bottone"/>Invia</BUTTON> </FORM> </DIV> </BODY> </HTML> Istituto Italiano Edizioni Atlas 1
2 Foglio di stile (feedback.css) label span { color: #0000FF; font-size: 85%; #contenitore { width: 500px; height: 400px; margin: 0 auto; #commenti { font-family: verdana; font-size: 100%; color: #000; #commenti label { float: left; display: block; margin: 3px; clear: both; #commenti input { color: #000000; margin: 0 0 7px 0; border: 1px solid #CCCCCC; width: 220px; float: right; -moz-border-radius: 9px; -Webkit-border-radius: 9px; padding: 3px 10px; #commenti select { color: #000000; margin: 0 0 7px 0; border: 1px solid #CCCCCC; width: 240px;float:right; -moz-border-radius: 9px; -Webkit-border-radius: 9px; padding: 3px 5px 3px 10px; #commenti option { display: block; color: #666; Istituto Italiano Edizioni Atlas 2
3 #commenti textarea { color: #666666; float: right; font-size: 115%; font-family: verdana; height: 90px; border: 1px solid #CCCCCC; width: 220px; -moz-border-radius: 12px; -Webkit-border-radius: 12px; padding: 2px 10px; margin-bottom: 10px;.bottone { clear: both; -moz-border-radius: 10px; -Webkit-border-radius: 10px; border: 0; cursor: pointer; margin-top: 15px; float: right; font-weight: bold; font-size: 110%; padding: 5px 15px; width: 200px; I due file devono essere salvati nella stessa cartella. Aprendo la pagina Web con un browser, il modulo viene visualizzato come in figura. Istituto Italiano Edizioni Atlas 3
4 Vediamo il significato del codice HTML della pagina Web (form.html). <!DOCTYPE html> <HTML> <HEAD> <META CHARSET="utf-8"> <LINK REL="stylesheet" HREF="feedback.css" TYPE="text/css"> <TITLE>Osservazioni e commenti</title> </HEAD> <BODY> La prima parte è standard: si indica che il codice che segue è scritto in HTML, si specifica che il documento utilizza la codifica UTF-8 e che il foglio di stile è feedback.css. Il titolo della pagina è Osservazioni e commenti. <DIV ID="contenitore"> Tutto il codice del modulo è contenuto in un tag <DIV> chiamato contenitore. In questo modo si possono specificare nel foglio di stile la posizione e le dimensioni di tutto il form. <FORM METHOD="get" ACTION="invia.php" NAME="formCommenti" id="commenti"> <LEGEND><SPAN>Inserisci i tuoi dati</span></legend> Il tag <SPAN> viene utilizzato per assegnare lo stile a un testo con i CSS. Il tag <SPAN> da solo non effettua alcuna modifica allo stile, per esempio non va a capo come fanno <P> o <DIV>. Viene utilizzato quindi per applicare stili differenti che stanno sulla stessa linea. Il form invia i dati a una pagina Web lato server scritta con il linguaggio Php: il nome del file invia.php è assegnato al parametro ACTION del form e i dati sono inviati con il metodo get. (Il testo della pagina Php è riportato dopo la spiegazione della pagina HTML e del foglio di stile CSS). Il form è composto da due fieldset. Un fieldset è un gruppo di dati collegati logicamente. Il primo fieldset contiene i dati sull utente, mentre il secondo il testo delle osservazioni. <LABEL FOR="nome">Nome <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE="text" NAME="nome" ID="nome" PLACEHOLDER="Scrivi il tuo nome" REQUIRED/> <LABEL FOR="cognome">Cognome</LABEL> <INPUT TYPE="text" NAME="cognome" ID="cognome" PLACEHOLDER="Scrivi il tuo cognome"/> <LABEL FOR=" "> <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE=" " NAME=" " ID=" " PLACEHOLDER="Scrivi la tua " REQUIRED/> Per ogni oggetto si utilizza il tag <LABEL> (etichetta) e il tag <INPUT> che vengono collegati dall attributo FOR. I primi due input sono di testo generico, mentre il terzo è un indirizzo e quindi viene eseguita la validazione. Nel primo e nel terzo è specificato l attributo REQUIRED e quindi l utente è obbligato ad inserire i dati. Istituto Italiano Edizioni Atlas 4
5 L attributo PLACEHOLDER permette di mostrare un messaggio nella casella di testo come suggerimento per l utente. L attributo PLACEHOLDER non è compatibile con Internet Explorer. <LEGEND><SPAN>Mandaci le tue osservazioni</span></legend> <LABEL FOR="oggetto">Oggetto <SPAN>(obbligatorio)</SPAN></LABEL> <INPUT TYPE="text" NAME="oggetto" ID="oggetto" PLACEHOLDER="Oggetto" REQUIRED/> <LABEL for="messaggio">messaggio</label> <TEXTAREA COLS="40" ROWS="20" NAME="messaggio" ID="messaggio" PLACEHOLDER="Il tuo messaggio"></textarea> </FIELDSET> L oggetto è un campo di testo generico (INPUT TYPE= text ) mentre il messaggio è un area di testo (TEXTAREA). Si osservi che l attributo name specifica il nome dell elemento del form (e il nome della variabile che viene passata alla pagina Php lato server), mentre l attributo id identifica univocamente l elemento (utilizzato per i CSS). In questo modo due oggetti differenti, per esempio due pulsanti, aventi le stesse caratteristiche di stile possono avere name diversi e class uguali. <BUTTON TYPE="reset" NAME="reset" CLASS="bottone"/>Annulla</BUTTON> <BUTTON TYPE="submit" NAME="invia" CLASS="bottone"/>Invia</BUTTON> </FORM> </DIV> </BODY> </HTML> Gli ultimi elementi sono i due pulsanti Annulla e Invia realizzati con due oggetti BUTTON, uno di tipo reset e l altro di tipo submit. Nel file CSS (feedback.css) viene specificato lo stile dei vari componenti della pagina Web secondo la seguente sintassi. label span { descrive i tag generici <LABEL> e <SPAN>. #commenti NOMETAG { descrive lo stile del tag presente nel form. #contenitore { descrive lo stile del contenitore..bottone { descrive l identificatore bottone (che viene utilizzato per i due pulsanti). Lo schema seguente spiega il significato del codice utilizzato nel foglio di stile CSS. Istituto Italiano Edizioni Atlas 5
6 Codice color:#0000ff; font-size:85%; font-family:verdana; width:500px; height:400px; margin:0 auto; float:left; display:block; margin:3px; margin:0 0 7px 0; border:1px solid #D8D8D8; -moz-border-radius:9px; -Webkit-borderradius:9px; Significato colore dell oggetto (in esadecimale) dimensione del testo in percentuale rispetto alla dimensione predefinita nel browser; se l utente modifica le dimensioni dei caratteri le proporzioni vengono rispettate; font del carattere dimensioni dell oggetto in questo modo l oggetto viene centrato l oggetto si posiziona il più possibile a sinistra l elemento viene trattato come blocco (cioè non ammette altri oggetti a fianco) fissa la distanza (sopra, sotto, a destra e a sinistra) dagli altri oggetti fissa la distanza dagli altri oggetti: superiore = 0 destro = 0 inferiore = 7 px sinistro = 0 descrive il bordo: spesso 1px stile solido di colore grigio (D8D8D8) definisce l arrotondamento del bordo dell oggetto (questa specifica potrebbe non essere compatibile con il browser in uso); moz e Webkit indicano famiglie di browser (moz per Mozilla e Webkit per Safari e Chrome) Creare un foglio di stile partendo da zero può essere complesso. Per capire meglio il codice è buona abitudine provare a fare degli esperimenti: se per esempio non riusciamo a capire cosa fa una porzione di codice, la si può cancellare o modificare e andare a vedere nel browser i cambiamenti nella pagina. Inviare i dati tramite mail Si può accedere ai dati inseriti dall utente utilizzando l array associativo di Php $_GET: $_GET["nome"] $_GET["cognome"] $_GET["mail"] $_GET["oggetto"] $_GET["messaggio"] Il linguaggio PHP permette di inviare un messaggio con il comando mail: mail(destinatario, oggetto, testo, [intestazione]); Pagina Php (invia.php) (Le parti in grassetto devono essere modificate opportunamente con lo specifico nome del sito e l indirizzo del destinatario). <!DOCTYPE html> <HTML> <HEAD> <META CHARSET="utf-8"> <TITLE>Invio dati</title> </HEAD> Istituto Italiano Edizioni Atlas 6
7 <BODY> <?php $nome = $_GET["nome"]; $cognome = $_GET["cognome"]; $mail = $_GET[" "]; $oggetto = $_GET["oggetto"]; $messaggio = $_GET["messaggio"]; $intestazione = "MIME-Version: 1.0\r\n"; $intestazione.= "Content-type: text/html; charset=iso \r\n"; $intestazione.= "From: <$mail>"; $oggetto = "Mail automatica dal form di - ".$oggetto; $contenuto = $messaggio." <BR>Inviato da: ".$cognome." ".$nome.".<br>mail: ".$mail."<br>data: ".date("m/d/y H:i")."<BR> IP: ".$_SERVER['REMOTE_ADDR']; if( mail("destinatario", $contenuto, $messaggio, $intestazione) ) { echo " inviata correttamente"; else { echo "ci sono stati degli errori, riprovare più tardi";?> </BODY> </HTML> La prima parte del codice recupera i dati inseriti dall utente e inviati tramite il form. La variabile $intestazione viene creata per poter inviare la mail in formato HTML. Poi si creano le variabili $oggetto e $contenuto. $oggetto è la stringa di testo Mail automatica dal form $contenuto è composto da - Il messaggio inserito dall utente - Il suo nome e il cognome - La mail - La data e l ora con la funzione date("m/d/y H:i") - L indirizzo IP del mittente $_SERVER['REMOTE_ADDR'] Il seguente frammento di codice invia la mail: if( mail("destinatario", $contenuto, $messaggio, $intestazione) ) { echo " inviata correttamente"; else { echo "ci sono stati degli errori, riprovare più tardi"; Se l operazione va a buon fine, viene mostrato il messaggio inviata correttamente, altrimenti viene mostrato un messaggio di errore. Istituto Italiano Edizioni Atlas 7
Dott.ssa Maria Vittoria Avolio. Dott.ssa Adriana Pietramala
Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Maria Vittoria Avolio avoliomv@unical.it Dott.ssa Adriana Pietramala a.pietramala@unical.it Riferimenti Manuale PHP http://www.php.net/download-docs.php
Form Editor. Dove NomeProfilo è personalizzabile.
Form Editor Il tema permette di generare automaticamente dei moduli per la raccolta di dati in tre semplici step: 1. Si crea una tabella nel database per la raccolta dei dati. Per la creazione si parte
Lezione 6: Form 27/04/2012
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
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
Java Server Pages (JSP) JSP o Servlet? Java Server Pages (JSP) Java Server Pages Costituiscono un estensione della tecnologia delle servlet
Java Server Pages (JSP) Introduzione alle JSP Linguaggio di scripting lato server HTML-embedded Una pagina JSP contiene sia HTML sia codice Il client effettua la richiesta per la pagina JSP La parte HTML
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
Relazione Luca Raj. Relazione lavoro palestra. Indice:
Indice: Relazione Luca Raj Relazione lavoro palestra Traccia del programma..pag2 Analisi di massima.pag2 Analisi analitica.pag2 Tabella variabili Pag3 Sorgente html/php Pag3-4-5 Prove html/php.pag5-6 Sorgente
UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
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
19. LA PROGRAMMAZIONE LATO SERVER
19. LA PROGRAMMAZIONE LATO SERVER Introduciamo uno pseudocodice lato server che chiameremo Pserv che utilizzeremo come al solito per introdurre le problematiche da affrontare, indipendentemente dagli specifici
Il linguaggio HTML - Parte 3
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 3 Dott. Chiara Braghin braghin@dti.unimi.it Addenda Vedi tabella caratteri speciali Vedi file caratteri_speciali.html
HTML. Usare il seguente HTML per i primi tre esercizi (che, si noti, al momento restituisce un errore JavaScript):
HTML Usare il seguente HTML per i primi tre esercizi (che, si noti, al momento restituisce un errore JavaScript): prove Javascript
Come brandizzare la tua Piattaforma E-Learning Docebo
Come brandizzare la tua Piattaforma E-Learning Docebo La gestione della grafica 3 Carica un nuovo Logo 4 Modifica la pagina di login: immagine e layout 4 Inserisci pagine esterne 5 Guarda il risultato
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
POSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL
POSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL Sommario Pagina di accesso... 3 Posta in arrivo... 4 Area Posta... 5 Area Contatti... 8 Area Opzioni... 10 Area Cartelle... 13 La Postemail Certificata
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 9. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
MANUALE D USO DELL E-COMMERCE. Versione avanzata
MANUALE D USO DELL E-COMMERCE Versione avanzata Versione SW. 2 Rev. 0.2 Sommario 1 Personalizzare i contenuti del sito... 3 1.1 Inserimento logo e slogan azienda... 3 1.2 Modificare i dati dell Azienda...
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
LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER
DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER L architettura CLIENT SERVER è l architettura standard dei sistemi di rete, dove i computer detti SERVER forniscono servizi, e computer detti CLIENT, richiedono
TEMI - Struttura. I file del tema
TEMI - Struttura - Ci sono due possibilità per modificare un tema: - Tramite l editor di amministrazione (AspettoàEditor), che consente di selezionare modificare i file (NOTA: copiare il file prima di
1 Creazione pagine web utente
1 Creazione pagine web utente Con il nuovo sistema operativo SFW184 è stata implementata la possibilità di creare pagine web direttamente dall'utente, queste pagine potranno essere trasferite nelle directory
Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?
Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando
Principio. di base per una buona riuscita
Una delle attività da affrontare nel nostro lavoro è quella di realizzare un layout, ossia una struttura dove posizionare contenuti per creare una pagina web. Ci sono molti tipi di pagine web quindi diverse
Corso di PHP. Prerequisiti. 6.1 PHP e il web 1. Conoscenza HTML Tecnica della programmazione Principi di programmazione web
Corso di PHP 6.1 PHP e il web 1 1 Prerequisiti Conoscenza HTML Tecnica della programmazione Principi di programmazione web 2 1 Introduzione In questa Unità illustriamo alcuni strumenti di programmazione
Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014
Laboratorio Progettazione Web PHP e FORMs HTML Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014 Struttura Applicazioni Web Browser Web HTTP Server Web API Dati Presentation Application Storage
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
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
I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati.
I FORM Che cosa sono e che caratteristiche hanno Un form contiene molti oggetti che permettono di inserire dati usando la tastiera. Tali dati verranno poi inviati alla pagina php che avrà il compito di
XSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori
Guida Utente RCP2 Agenzia nazionale per l attrazione degli investimenti e lo sviluppo d impresa SpA Guida utente alla compilazione delle richieste di contributo on-line per le Associazioni dei Consumatori
Istituto Nazionale di Previdenza per i Dipendenti dell Amministrazione Pubblica
Istituto Nazionale di Previdenza per i Dipendenti dell Amministrazione Pubblica Manuale per l'accesso ai servizi di posta elettronica e intranet da postazioni esterne per dipendenti non in Versione 1.4
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
2.3 Cenni sui fogli di stile CSS per XML
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.3 Cenni sui fogli di stile CSS per XML Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE
HTML per tu+ Chiara Pere+
HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo
ISTR- XX Uso del Blog http://telelavoro.tpk.it
Pagina 1 di 5 1.CAMPO DI APPLICAZIONE Ai dipendenti che fanno parte del progetto di Telelavoro è stato attivato un utente al Blog situato al sito http://telelavoro.tpk.it, che permette una veloce ed efficace
Gestire le sessioni con le Servlet
PROGETTO Gestire le sessioni con le Servlet Con il termine sessione si intende un insieme di attività correlate, con una o alcune di queste che sono preliminari ad altre. Si pensi, per esempio, a un qualsiasi
Service Unavailable. Come Faccio a... Entrare nella mail o nella pagina di accesso alla mail. Evitare di ricevere alcuni messaggi
Come Faccio a... Entrare nella mail o nella pagina di accesso alla mail Evitare di ricevere alcuni messaggi Sbloccare alcuni messaggi Inviare email regolarmente Inviare email con allegati Scegliere il
Come creare un modulo
Come creare un modulo Aggiungi moduli al tuo sito per registrare le informazioni dei tuoi clienti su un database, o per riceverle via e- mail. Trascina un widget Modulo sulla tua pagina Nel pannello Widget
www.associazioni.milano.it - Il sito dedicato alle associazioni no-profit di Milano e provincia
Utilizzo del Forum NEWS Il forum news è stato pensato per dare ad ogni associazione la possibilità di pubblicare una pagina di novità all intero del proprio sito (scheda o pagina autocomposta). E la sezione
PRENOTAZIONE ESAMI DI LABORATORIO ONLINE ISTRUZIONI
PRENOTAZIONE ESAMI DI LABORATORIO ONLINE ISTRUZIONI REQUISITI PER Accedere al servizio... 2 Accesso al servizio... 2 CAMBIO PASSWORD... 2 RESET PASSWORD... 3 Anagrafica da utilizzare per la prenotazione...
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin daniel.graziotin@unibz.it http://ineed.coffee/teaching/introdu zione-allo-sviluppo-web 2 Esame Esame
Direzione Programmazione Sanitaria. Scarico Dati Sanità. Manuale Utente. Versione 1.0.0
SDS Scarico Dati Sanità Manuale Utente Versione 1.0.0 Torino, Novembre 2011 1 di 21 INDICE 1 APPLICATIVO SDS...3 1.1 GENERALITÀ...3 1.2 AUTENTICAZIONE...5 1.2.1 Primo caso Utente con ruolo PUBBLICO e PRIVATO...9
Guida operativa. My Legal Corner. BestSoft SOFTWARE IN SANITÀ
Guida operativa My Legal Corner BestSoft SOFTWARE IN SANITÀ Via Bono Cairoli 28/A - 20127 Milano (MI) Help desk: 02 29529140 Num. Verde da fisso: 800 978542 E-mail: info@bestsoft.it Sito Internet: www.bestsoft.it
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:
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
Indice. I livelli di Autorizzazione in Sharepoint. Livelli di autorizzazione predefiniti di Windows SharePoint Services 3.0
Indice I livelli di Autorizzazione in Sharepoint... 1 Livelli di autorizzazione predefiniti di Windows SharePoint Services 3.0... 1 Autorizzazioni per elenco... 2 Autorizzazioni per sito... 3 Autorizzazioni
Esercitazione n. 10: HTML e primo sito web
+ Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine
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
Sistema per scambi/cessioni di Gas al Punto di Scambio Virtuale
Sistema per scambi/cessioni di Gas al Punto di Scambio Virtuale Modulo Bacheca 1 INDICE 1 Generalità...3 2 Accesso al sistema...4 2.1 Requisiti tecnici 5 3 Elenco funzioni e tasti di navigazione...6 3.1
SITI-Reports. Progetto SITI. Manuale Utente. SITI-Reports. ABACO S.r.l.
Progetto SITI Manuale Utente SITI-Reports ABACO S.r.l. ABACO S.r.l. C.so Umberto, 43 46100 Mantova (Italy) Tel +39 376 222181 Fax +39 376 222182 www.abacogroup.eu e-mail : info@abacogroup.eu 02/03/2010
MODULO 1 PARTE 3. Programmazione (scripting) server-side con PHP 3.c Cookies e sessioni. Goy - a.a. 2012/2013 Programmazione Web 1
MODULO 1 PARTE 3 Programmazione (scripting) server-side con PHP 3.c Cookies e sessioni Goy - a.a. 2012/2013 Programmazione Web 1 Cookie - I Cookie = variabili che il server salva (*) sul client come file
Sistema Informativo di Teleraccolta EMITTENTI
Sistema Informativo di EMITTENTI aventi l Italia come Stato membro di origine i cui valori mobiliari sono ammessi alla negoziazione in un altro Stato membro dell Unione Europea Art. 116 bis, comma 1, del
Tutorial di HTML HyperText Markup Language
Tutorial di HTML HyperText Markup Language 1 Indice L'HTML E I BROWSER... 3 STRUTTURA PAGINA... 3 TESTO... 5 FONT DEL TESTO... 5 COLORE DEL TESTO... 5 DIMENSIONI DEL TESTO... 6 STILE DEL TESTO... 6 TITOLI,
Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16. Manuale pratico per docenti e tutor
Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16 Manuale pratico per docenti e tutor Sommario Sommario Primo utilizzo... 3 Ricezione della mail con il nome utente e creazione
Guida alla. Gestione del Catalogo. per le Imprese
Guida alla Gestione del Catalogo per le Imprese Guida alla Gestione del Catalogo per le Imprese - Pagina 1 di 24 Indice 1. PREMESSA... 3 2. GESTIONE CATALOGO... 4 2.1. LOGIN E ACCESSO ALL AREA PERSONALE...
Consorzio Triveneto S.p.A. Payment Gateway
Consorzio Triveneto S.p.A. Payment Gateway Specifiche di Personalizzazione della Hosted Payment Page Release 1.4.0 Data Versione Autore Descrizione 02/10/2003 1.2.0 PM Prima Release, associata al Manuale
HTML+XML= XHTML. Che cos è l XHTML
HTML+XML= XHTML Il ritorno al futuro del WEB A cura di Barbara Lotti Che cos è l XHTML Nel gennaio del 2000 il W3C ha rilasciato, anziché una nuova versione, una riformulazione dell HTML come applicazione
Web Programming. Lezione 4: Cookie e Sessioni. Giulio Rossetti 14/04/2011. Guru@Work
Web Programming Lezione 4: Cookie e Sessioni Giulio Rossetti Guru@Work 14/04/2011 Contatti Materiale Tutto il materiale del corso sarà reso disponibile sul sito: www.guruatwork.com (e su blog.giuliorossetti.net)
Introduzione al Linguaggio HTML
Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la
Guida alla realizzazione di un layout fluido
Guida alla realizzazione di un layout fluido I siti Web possono essere realizzati secondo due diversi schemi di layout: layout fissi e fluidi. La differenza tra i due tipi di layout consiste in una diversa
AREA RISERVATA tamoil.it
AREA RISERVATA tamoil.it L Area Riservata tamoil.it permette l accesso ad una serie di funzionalità riservate ai clienti Tamoil, siano essi possessori di mycard Tamoil Corporate, Gestori di punti vendita
5.3 TABELLE 5.3.1 RECORD 5.3.1.1 Inserire, eliminare record in una tabella Aggiungere record Eliminare record
5.3 TABELLE In un sistema di database relazionali le tabelle rappresentano la struttura di partenza, che resta poi fondamentale per tutte le fasi del lavoro di creazione e di gestione del database. 5.3.1
Creare un nuovo articolo sul sito Poliste.com
Creare un nuovo articolo sul sito Poliste.com Questa breve guida ti permetterà di creare dei nuovi articoli per la sezione news di Poliste.com. Il sito Poliste.com si basa sulla piattaforma open-souce
Forms. Commercio elettronico Registrazione di nuovi membri (organizzazioni non-profit) Ricerca di mercato (collezione di dati relativi a utenti)
Forms Rendono XHTML interattivo in modo semplice: Commercio elettronico Registrazione di nuovi membri (organizzazioni non-profit) Ricerca di mercato (collezione di dati relativi a utenti) Svariati controlli
Corso di Informatica
Corso di Informatica CL3 - Biotecnologie Basi di dati Prof. Mauro Giacomini Dott. Josiane Tcheuko Informatica - 2006-2007 1 Obiettivi Impostazione di un database Query,maschere,report Informatica - 2006-2007
Realizzare il layout di un sito web senza utilizzare frame e tabelle
Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera
BLOCK CALL Manuale utente Block Call Manuale Utente
Block Call Manuale Utente 1. Sommario 1 Introduzione... 3 2 Installazione... 4 2.1 Preparazione back end... 4 2.2 Installazione device... 6 3 Configurazione Back End... 10 3.1 Gestione gruppi Nominativi...
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
EUTELIAF@X GUIDA ALLA CONFIGURAZIONE E ALL UTILIZZO
pag.1 EUTELIAF@X GUIDA ALLA CONFIGURAZIONE E ALL UTILIZZO pag.2 INDICE SCOPO...3 COME ATTIVARE EUTELIAF@X...3 COME CONFIGURARE EUTELIAF@X...4 COME UTILIZZARE LA RUBRICA EUTELIAF@X...7 COME UTILIZZARE LA
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
Manuale Utente Amministrazione Trasparente GA
Manuale Utente GA IDENTIFICATIVO DOCUMENTO MU_AMMINISTRAZIONETRASPARENTE-GA_1.0 Versione 1.0 Data edizione 03.05.2013 1 Albo Pretorio On Line TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa
WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org
INSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento.
INSERIRE RISORSE Facendo click sulla freccina in basso a destra del menu a tendina Aggiungi una risorsa si può selezionare una delle seguenti risorse: etichetta, pagina di testo, pagina web, link a file
CONTACT CENTER ISTRUZIONI PER L USO
CONTACT CENTER ISTRUZIONI PER L USO Sommario SOMMARIO Accedere al Contact Center... 2 Inviare un quesito alla CIPAG tramite il Contact Center... 5 Consultare lo stato di lavorazione dei quesiti... 8 Recupero
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.
VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B22-75-2008-0
VERIFICA CORSO: MASTER DI PRIMO LIVELLO IN TECNOLOGIE DI SICUREZZA WEB E NETWORKING CODICE CORSO: B22-75-2008-0 UNITA FORMATIVA: LE TECNOLOGIE WEB LATO CLIENT DOCENTE: DANIELA REMOGNA DATA: 28 APRILE 2008
Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico)
Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico) 1 Aprire Access Appare una finestra di dialogo Microsoft Access 2 Aprire un
Sistema per il monitoraggio della Spesa Sanitaria
Sistema per il monitoraggio della Spesa Sanitaria Sistema per il monitoraggio della Spesa Sanitaria MANUALE D USO 1 INDICE 1. INTRODUZIONE... 3 2.... 4 3. INVIO CERTIFICATO DI MALATTIA... 4 3.1 SELEZIONE...
GUIDA. Redazione Portale. Manuale operativo per la creazione contenuti da pubblicare sul portale www.aplevante.org. Autorità Portuale del Levante
Autorità Portuale del Levante GUIDA Redazione Portale Manuale operativo per la creazione contenuti da pubblicare sul portale www.aplevante.org Note: le procedure illustrate per la sezione News e comunicati
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,
Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
Guida alla Fruizione del Sistema Informativo per la Certificazione Energetica della Regione Abruzzo
Guida alla Fruizione del Sistema Informativo per la Certificazione Energetica della Regione Abruzzo Il Sistema Informativo per la Certificazione Energetica della Regione Abruzzo, consente ai soggetti certificatori
Relazione del sito della palestra
Elisa Erialti IV D sia, ITCG A. Bassi Relazione del sito della palestra A.S. 2013/2014 Relazione di Elisa Erialti Pag. 1 Indice: Pag 3 Traccia del problema Pag 4 Analisi analitica Pag 5 Tabella delle variabili
APPROCCIO "WEB DESIGN REATTIVO": Prima di tutto costruiamo una BASE
ESEMPIO FILE.CSS PER REALIZZARE MODELLO SITO WEB: www.modellinirobotanno80.altervista.org /*questo codice va aggiunto al css principale per far si che tutti i browser possano riconoscere correttamente
I Servizi self-service: Procedura di assegnazione PIN per funzionari incaricati
I Servizi self-service: Procedura di assegnazione PIN per funzionari incaricati Per accedere ai servizi Self-service sul Portale NoiPA è necessario che ciascun dipendente sia: registrato sul Portale Noi
http://www.orsamaggiorevallarsa.it ORSA MAGGIORE VALLARSA WEB VERSIONE PRELIMINARE!!!!
http://www.orsamaggiorevallarsa.it ORSA MAGGIORE VALLARSA WEB VERSIONE PRELIMINARE!!!! Pag. 1 di 14 INDICE INDICE 2 PREMESSA 3 HOME PAGE 4 CONTATTI 5 MANUALE 6 AREA RISERVATA 7 INFO ORSA MAGGIORE 8 ACCESSO
Client - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
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
Il seguente Syllabus è relativo al Modulo 7, Reti informatiche, e fornisce i fondamenti per il test di tipo pratico relativo a questo modulo
Modulo 7 Reti informatiche Il seguente Syllabus è relativo al Modulo 7, Reti informatiche, e fornisce i fondamenti per il test di tipo pratico relativo a questo modulo Scopi del modulo Modulo 7 Reti informatiche,
Introduzione. Strumenti di Presentazione Power Point. Risultato finale. Slide. Power Point. Primi Passi 1
Introduzione Strumenti di Presentazione Power Point Prof. Francesco Procida procida.francesco@virgilio.it Con il termine STRUMENTI DI PRESENTAZIONE, si indicano programmi in grado di preparare presentazioni
Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte.
Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra II Modulo - Classe 3O Indice del forum ->
GENERAZIONE PREVENTIVI
GENERAZIONE PREVENTIVI Per la creazione di un nuovo preventivo si fa sempre riferimento ad un Tipo Preventivo, identificato da una certa Sigla. Nell esempio seguente vediamo come il preventivo abbia impostata
Guida WordPress. Indice. 1. Panoramica Accedi al pannello di controllo del sito La Bacheca di Wordpress
Guida WordPress Indice 1. Panoramica Accedi al pannello di controllo del sito La Bacheca di Wordpress 2. Il pannello Articoli Aggiungere un nuovo articolo Caricare un file o un immagine all interno dell
Coder Dojo Tutorial 3
Coder Dojo Tutorial 3 Complimenti ancora, son certo che hai già imparato molte più cose di quel che pensi! Tempo per fare qualcosa di un po più divertente, come mettere insieme un foglio dedicato a definire
Utilizzo dei Cookie Cosa sono i cookie? A cosa servono i cookie? cookie tecnici cookie, detti analitici cookie di profilazione
Utilizzo dei Cookie Questo sito utilizza i cookie. Utilizzando il nostro sito web l'utente accetta e acconsente all utilizzo dei cookie in conformità con i termini di uso dei cookie espressi in questo
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