Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia. Docenti: Alberto Belussi e Carlo Combi Lezione 5
|
|
|
- Marcellino Chiesa
- 7 anni fa
- Visualizzazioni
Transcript
1 Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia Docenti: Alberto Belussi e Carlo Combi Lezione 5
2 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized Markup Language) Gli ipertesti del Web sono scritti in HTML HTML non è un linguaggio di programmazione HTML non è case sensitive : non distingue i caratteri minuscoli da quelli maiuscoli all interno dei TAG. HTML è un linguaggio di marcatura che permette di descrivere come il contenuto di un documento verrà presentato
3 File HTML Un documento HTML è un file in formato testo che ha estensione.html o.htm Il file HTML che contiene un documento è formato dal contenuto del documento più la marcatura La marcatura descrive il modo in cui il contenuto verrà presentato File HTML = contenuto + marcatura
4 File HTML (2) I documenti HTML si possono creare con degli editor di testo Se si usa Word ad esempio è possibile salvare il documento con estensione.html e trasformare la formattazione del testo in tag HTML con l opzione solo testo con interruzione di riga. I browser leggono i documenti HTML e li visualizzano interpretando le specifiche di formattazione (marcatura)
5 HTML: concetti generali La marcatura prevede l uso di etichette dette TAG I TAG racchiudono il testo di cui definiscono la formattazione <tag> testo </tag> Il significato di un tag può essere modificato tramite attributi <tag attributo=valore> testo </tag>
6 Struttura del documento File HTML, struttura generale: <html> intestazione + corpo </html> Intestazione: <head> </head> contiene informazioni sul documento: titolo <title> </title> Corpo: <body> </body> contiene il testo del documento e i tag per la presentazione
7 Struttura del documento: TAG <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML>
8 Formattazione del testo grassetto corsivo sottolineato <b> prova </b> <i> prova </i> <u> prova </u> prova prova prova
9 Formattazione del testo Dimensioni: <font size= +3 > prova</font> <font size= 9 > prova</font> Colore: <font color= # >prova</font> prova prova prova
10 Titoli I livelli di titolazione sono 6: Livello 1 (massimo) <h1> Titolo livello 1 </h1> Livello 2 <h2> Titolo livello 2 </h2> Livello 6 (minimo) <h6> Titolo livello 6 </h6> Titolo di livello1 Titolo di livello2 Titolo di livello 6
11 Paragrafi In HTML il comando Invio non ha significato: il browser legge la sequenza di parole senza badare alle interruzioni di linea. Paragrafi: <p>questo è un paragrafo</p> Questo è un paragrafo
12 Interruzione di linea Per interrompere una linea in un punto desiderato si usa il TAG <br>: <p>questo è un <br>paragrafo</p> Questo è un paragrafo
13 Testo formattato Per rendere visibili spazi aggiunti nel documento HTML ed interruzioni di linea si usa: <pre>prova prova</pre> prova prova
14 Liste non numerate <ul> <li> uno </li> <li> due </li> </ul> uno due
15 Liste numerate <ol> <li> uno </li> <li> due </li> </ol> 1. Uno 2. due
16 Collegamenti ipertestuali verso altri documenti Visita la pagina del <a href= ent=oi&cs=4&discr=&discrcd=&id=28310 > Laboratorio di Basi di dati e Web </a> Visita la pagina del Laboratorio di Basi di dati e Web
17 Collegamenti ipertestuali sullo stesso documento Indice <a href = prova.html#lez5 > Lezione 5 </a> <a name = LEZ5 > Lezione 5 </a> File: prova.html Indice Lezione 5 Lezione 5
18 Collegamenti ipertestuali Scrivi a <a href = mailto:alberto.belussi@univr.it > Alberto Belussi </a> Scrivi a Alberto Belussi
19 Immagini <p align= center > Foto dell Arena di Verona </p> <img src = arena.jpg width= 200 height= 400 alt= Foto Arena > Foto dell Arena di Verona Foto Arena
20 Immagini + collegamenti <p> Clicca sulla foto per mandare un messaggio </p> <a href = mailto:arena@sci.univr.it > <img src = arena.gif width= 200 height= 400 alt= Foto Arena > </a> Clicca sulla foto per mandare un messaggio Foto Arena
21 Tabelle Per definire una tabella: <TABLE> </TABLE> Per definire la didascalia della tabella (o titolo): <CAPTION> </CAPTION> Per specificare una riga dentro la tabella: <TR> </TR> Per definire una cella di intestazione: <TH> </TH> Per definire una cella per i dati: <TD> </TD>
22 Tabelle: esempio 1 <TABLE border= 1 > <CAPTION> Risultati esame </CAPTION> <TR> <TH>Nome</TH> <TH>Voto</TH> </TR> <TR> <TD>Mario Rossi</TD> <TD>28</TD> </TR> <TR> <TD>Lucia Verdi</TD> <TD>30</TD> </TR> </TABLE>
23 Tabelle: risultato esempio 1
24 Tabelle: esempio 2 <TABLE border= 1 width= 50% bgcolor= #FFFF00"> <TR> <TD width= 50%" bgcolor="#0000ff"> cella 1</TD> <TD width= 50% > cella 2</TD> </TR> <TR bgcolor="#c0c0c0"> <TD width= 50%">cella 3</TD> <TD width= 50%">cella 4</TD> </TR> </TABLE>
25 Tabelle: risultato esempio 2 cella 1 cella 2 cella 3 cella 4
26 Lettere accentate à à è è ì ì ò ò ù ù é é Esempio: Il giudizio è più che buono Il giudizio è più che buono
27 FORM HTML Una FORM consente di specificare, all interno di un documento HTML, una sezione in cui l utente può inserire dei dati. La sintassi del tag <FORM> è la seguente: <form action = URI method = metodo enctype = tipo-contenuti accept-charset = set-di-caratteri accept = tipi-di contenuti name = nome-modulo > </form> Attributi usati raramente
28 Attributo ACTION Unico attributo necessario. Nell attributo action viene specificato l URI del programma di elaborazione: quando i dati sono stati inseriti e l utente seleziona il pulsante di invio, il browser Web crea una richiesta HTTP contenente tutti i dati e la invia al programma di elaborazione. Il programma di elaborazione può essere ad esempio una Servlet.
29 Attributo METHOD Utilizzato per indicare il tipo di richiesta: GET: i valori della FORM vengono aggiunti all identificatore URI della richiesta sotto forma di stringa. Problemi: I valori introdotti sono visibili come coppie nome/valore nella riga degli indirizzi del Browser e nei file di registrazione del server Web. Quindi GET risulta inadatto per inviare dati riservati. Alcuni server e browser possono prevedere restrizioni sulla lunghezza dell indirizzo che può essere inviato. POST: i valori della FORM vengono forniti nello stream di input. L attributo method è opzionale: se non viene specificato viene usato il metodo GET.
30 Elementi di INPUT Nel corpo di una FORM vengono descritti i vari campi di input. Per creare elementi di input vengono utilizzati quattro tipi di tag HTML: <INPUT>: tag generico <SELECT> e <OPTION>: per creare un menu a tendina (o casella a discesa) <TEXTAREA>: per le caselle di testo multiriga <BUTTON>: per creare pulsanti
31 <INPUT> <INPUT name = nome del campo type = [text password checkbox radio hidden submit reset] value = valore iniziale size = dimensione maxlength = numero massimo di caratteri >
32 Attributi di <INPUT> name: utilizzato per assegnare un identificatore al campo type: indica il tipo del campo. Se non viene specificato si presume sia TEXT value: può essere utilizzato per assegnare un valore iniziale al campo size: indica le dimensioni del campo in pixel o in caratteri (per i campi di testo) maxlength: indica il numero massimo di caratteri che possono essere digitati nel campo
33 Il controllo TEXT Per introdurre un unica riga di input. Sintassi: <INPUT type = text value = valore-iniziale size = dimensione maxlength = numero massimo di caratteri > Esempio. Testo HTML: <input name="testo" type="text" value="testo iniziale" size="15"> Resa del browser:
34 Il controllo PASSWORD Variante del controllo TEXT. I caratteri introdotti non vengono visualizzati, ma vengono mascherati da * Sintassi: <INPUT type = password value = valore-iniziale size = dimensione maxlength = numero massimo di caratteri > Esempio. Testo HTML: <input name="passwd" type="password" value="1g%34d9$" size="15" maxlength="10"> Resa del browser:
35 Il controllo CHECKBOX Casella di controllo che consente di presentare un opzione che può essere vera o falsa. Sintassi: <INPUT type = checkbox name = nome value = valore-associato checked > Esempio. Testo HTML: A<input name="scelta1" type="checkbox" value="a"> B<input name="scelta2" type="checkbox" value="b" checked> Resa del browser:
36 Il controllo RADIO Pulsante di selezione che consente di presentare un opzione che può essere vera o falsa. Il funzionamento del pulsante è mutuamente esclusivo. Sintassi: <INPUT type = radio name = nome value = valore-iniziale checked > Esempio. Testo HTML: A<input name="opzione_esclusiva" type="radio" value="a" checked> B<input name="opzione_esclusiva" type="radio value="b"> Resa del browser:
37 Il controllo HIDDEN Campo non visualizzato. Utilizzato per creare un parametro di valore costante (esempio codice che una Servlet potrà utilizzare come chiave per accedere ad una tabella) Sintassi: <INPUT type = hidden value = valore-iniziale > Esempio. Testo HTML: <input name="variabile_nascosta" type="hidden" value="1234"> Resa del browser:
38 Il controllo SUBMIT Per inviare i dati inseriti al server. Sintassi: <INPUT type = submit value = valore-iniziale > Esempio. Testo HTML: <input type="submit value= Invia query > Resa del browser:
39 Il controllo RESET Per riportare tutti i controlli al valore iniziale. Sintassi: <INPUT type = reset value = valore-iniziale > Esempio. Testo HTML: <input type="reset" value="annulla"> Resa del browser:
40 Attributo TYPE Attributo Type text password checkbox radio hidden submit Resa del Browser Testo HTML <input name="testo" type="text" value="testo iniziale" size="15"> <input name="passwd" type="password" value="1g%34d9$" size="15" maxlength="10"> A<input name="scelta1" type="checkbox" value="a"> B<input name="scelta2" type="checkbox" value="b" checked> A<input name="opzione_esclusiva" type="radio" value="a" checked> B<input name="opzione_esclusiva" type="radio value="b"> <input name="variabile_nascosta" type="hidden" value="1234"> <input type="submit value= Invia query > reset <input type="reset" value="annulla">
41 <SELECT> e <OPTION> <SELECT name = nome size = numero di elementi visibili [multiple]> <OPTION value = valore [selected]> </OPTION> </SELECT>
42 Attributi di <SELECT> e <OPTION> SELECT: name: utilizzato per assegnare un nome al controllo size: indica il numero di elementi visibili contemporaneamente, ovvero l altezza del menu. multiple: consente all utente di selezionare più elementi OPTION: value: specifica il valore restituito quando viene selezionato un certo elemento. selected: se presente, preseleziona l elemento.
43 <SELECT>: esempio 1 Codice HTML: <select name="lista"> <option value="blue">blue</option> <option value="rosso" selected>rosso</option> <option value="verde">verde</option> <option value="giallo">giallo</option> <option value="bianco">bianco</option> <option value="nero">nero</option> </select> Resa del browser:
44 <SELECT>: esempio 2 Codice HTML: <select name="lista" multiple> <option value="blue">blue</option> <option value="rosso" selected>rosso</option> <option value="verde">verde</option> <option value="giallo" selected>giallo</option> <option value="bianco">bianco</option> <option value="nero">nero</option> </select> Resa del browser:
45 <TEXTAREA> <TEXTAREA name = nome rows = numero di righe cols = numero di colonne > testo </TEXTAREA>
46 Attributi di <TEXTAREA> name: assegna il nome al campo rows: specifica il numero di righe visualizzate nella finestra del browser per l area di testo cols: specifica la larghezza in caratteri dell area di testo da visualizzare.
47 <TEXTAREA>: esempio 1 Codice HTML: <textarea name=" " rows="5" cols="40"> Inserire il testo della </textarea> Resa del browser:
48 Fine HTML
49 Il Protocollo HTTP HTTP (Hypertext Transfer Protocol) è il linguaggio utilizzato per controllare l invio di documenti HTML via Internet. Il protocollo HTTP prescrive le regole mediante le quali i browser effettuano le richieste e i server forniscono le relative risposte. Documentazione: RFC 2616 ( versione aggiornata delle specifiche del protocollo HTTP versione 1.1.
50 La richiesta HTTP HTTP è un protocollo senza stati a richieste e risposte. Senza stati significa che il server Web non ricorda nulla delle richieste pervenute in precedenza dallo stesso client: il protocollo considera semplicemente la richiesta attuale di un documento e la risposta costituita dal documento stesso.
51 La richiesta HTTP (2) Operazioni di base: 1. Un applicazione client (browser Web) apre una connessione verso la porta HTTP del server Web (normalmente la porta 80). 2. Il client invia una richiesta attraverso la connessione aperta. 3. Il server Web analizza la richiesta ed individua la risorsa specificata. 4. Il server invia una copia della risorsa. 5. Il server chiude la connessione.
52 Connessione al Server Web Normalmente un server Web riceve le richieste sulla porta 80, in questo caso l indirizzo ent=oi&cs=4&discr=&discrcd=&id=28310 fa riferimento al documento main? ent=oi&cs=4&discr=&discrcd=&id=28310 sul server Web in esecuzione sull host e operante sulla porta standard 80. Se invece il server Web utilizzasse la porta 8080, l indirizzo dovrebbe essere: ent=oi&cs=4&discr=&discrcd=&id=28310
53 Funzionamento di HTTP Metodo della richiesta URI GET /doc.html HTTP/1.1 Versione del protocollo Browser Web Riga di stato (Richiesta) (Risposta) HTTP/ OK Content-Type: text/html <HTML> </HTML> Risposta Server Web Intestazioni di risposta (0 o più)
54 Esempio Sulla riga di indirizzo del browser viene digitato ent=oi&cs=4&discr=&discrcd=&id=28310 Il browser web apre una connessione sulla porta 80 del server web Il browser web invia la riga GET fol/main? ent=oi&cs=4&discr=&discrcd=&id=28310 HTTP/1.0 seguita da una riga vuota
55 Esempio (2) Il server web restituisce la risposta: HTTP/ ok Date: Mon, 31 Mar :27:43 GMT Content-Length: 1619 Content-Type: text/html <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY > </BODY> </HTML>
56 Esempio (3) Il browser analizza la riga di stato e trova il codice di stato 200 ok che indica che la richiesta ha avuto successo. Il browser analizza le intestazioni di risposta che indicano che verranno inviati 1619 byte di codice HTML. Il browser legge il codice HTML e visualizza il risultato. Se il codice HTML contiene riferimenti ad altre risorse che devono essere caricate con il documento, allora il browser invia una richiesta per ogni risorsa necessaria.
Laboratorio di Basi di Dati Web/MM
Laboratorio di Basi di Dati Web/MM Docente: Alberto Belussi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized Markup Language) Gli ipertesti
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
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
HyperText Markup Language
LaboratoriodiBasidiDatieWeb Docente: Alberto Belussi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized Markup Language) Gli ipertesti del
"-//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:
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
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.
WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
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
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
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
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
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
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
Comandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
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
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
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
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:
Sommario. Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web
Sommario Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web Internetworking (collegamento fra reti e sistemi eterogenei) Nasce da un
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
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.
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
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
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
ESEMPI DI FORM (da www.html.it)
ESEMPI DI FORM (da www.html.it) Vediamo, nel particolare, tutti i tag che HTML 4.0 prevede per la creazione di form. Questo tag apre e chiude il modulo e raccoglie il contenuto dello stesso,
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
Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine
Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare
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
Linguaggi di programmazione PC server-client CSS
Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language
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
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
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
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
INTRODUZIONE HTML. L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti.
INTRODUZIONE HTML L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti. Un ipertesto è un documento che può essere consultato anche in modo non sequenziale, ma con collegamenti
Introduzione ad HTML seconda parte WWW. Fabio Vitali
Introduzione ad HTML seconda parte Fabio Vitali Introduzione Oggi esaminiamo in breve, in HTML: u Il tag HEAD u Oggetti e mappe u Form u Frame A seguire: I tag di H EAD 2/26 I tag di H EAD HEAD contiene
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
Richiami sugli elementi del linguaggio HTML
Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi
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
Informatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti
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. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato
Web e Server-side Computing: Richiami sulla tecnologia Web e FORM HTML
Web e Server-side Computing: Richiami sulla tecnologia Web e FORM HTML Gianluca Moro gianluca.moro@unibo.it Dipartimento di Elettronica, Informatica e Sistemistica G. Moro - Università di Bologna World
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
World Wide Web. Web e Server-side Computing: Richiami sulla tecnologia Web e FORM HTML. Il Successo del Web. Protocolli di accesso
Web e Server-side Computing: Richiami sulla tecnologia Web e FORM HTML Gianluca Moro gmoro@deis.unibo.it Dipartimento di Elettronica, Informatica e Sistemistica Università di Bologna World Wide Web nato
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare 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:
Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori
Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Per impostazione predefinita, i risultati dei moduli vengono salvati
Università degli studi di Verona. Corso di Informatica di Base. Lezione 4 - Parte 2. Rifinitura di un documento
Università degli studi di Verona Corso di Informatica di Base Lezione 4 - Parte 2 Rifinitura di un documento In questa seconda parte vedremo le principali rifiniture di un documento. In particolare: 1.
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
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente!
Lezione nr. 5 >> Come creare un modulo Web I moduli web sono delle strutture fondamentali per ogni sito web e la loro conoscenza ti permetterà di risolvere almeno il 60% delle problematiche di gestione
Applicazioni Web: meccanismi per il passaggio di informazioni tramite HTTP Corso di Applicazioni Telematiche
Applicazioni Web: meccanismi per il passaggio di informazioni tramite HTTP Corso di Applicazioni Telematiche A.A. 2006-07 Lezione n.10 parte II Prof. Roberto Canonico Università degli Studi di Napoli Federico
Corso di Web Programming
Corso di Web Programming 4. 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 Informatica Applicata A.A.
Parte II.4 World Wide Web
Parte II.4 World Wide Web Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management Insegnamento di Informatica Dicembre 1, 2015 Argomenti World Wide Web URL Pagine Web World Wide
Appunti su ASP (Active Server Pages)
Client Client Appunti su ASP (Active Server Pages) Che cosa è ASP Un server web è un computer che contiene tutte le pagine web di un determinato sito web. In tale computer è installato un software che
Elenchi. Con HTML è possibile generare tre tipi di elenco: - a punti (non ordinato) - numerati - di definizioni
Elenchi Con HTML è possibile generare tre tipi di elenco: - a punti (non ordinato) - numerati - di definizioni Gli elenchi possono contenere al loro interno altri elenchi. Tag utilizzati: (unordered
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
HTML e XML 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
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
LINGUAGGI PER IL WEB HTML. (HyperText Markup Language)
LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di
Un introduzione a HTML
Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie
Anno scolastico INFORMATICA. 2. Conoscere e classificare il software
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI Schiaparelli via Settembrini 4, 20124 Milano tel. 02/2022931 fax 29512285 E-mail schiaparelli@libero.it Gramsci L.go Sereni 1, 20133 Milano tel.
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
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:
Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:
COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno
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
HTML (Hyper Text Mark-up Language)
1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati
Progettazione di siti web a.a. 2015/16
Form Progettazione di siti web a.a. 2015/16 Web form e frame Maria Simi Marzo, 2016 [Manuale di riferimento del W3C, Learning web design] HTML mette a disposizione strumenti per la raccolta di informazioni
Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1
Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno
Elementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,
HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi
Il Protocollo HTTP e la programmazione di estensioni Web
Il Protocollo HTTP e la programmazione di estensioni Web 1 Il protocollo HTTP È il protocollo standard inizialmente ramite il quale i server Web rispondono alle richieste dei client (prevalentemente browser);
Introduzione. Java HTTP. G. Prencipe
Java html e http G. Prencipe prencipe@di.unipi.it Introduzione Tutte le comunicazioni tra client e server Web avvengono mediate il (HyperText Transfer Protocol, attualmente alla versione 1.1), che è un
Microsoft Access. Microsoft Access. Maurizio Rebaudengo, Paolo Garza 1. Microsoft Access. Creazione base di dati. Apertura di una base dati
Microsoft Access Programma applicativo del pacchetto Microsoft Office per la gestione delle basi di dati. Microsoft Access 2 Creazione base di dati Apertura di una base dati Una nuova base dati si crea
HTML Base. Dispensa per il Corso. Laboratorio Informatico: Reti e Internet 1
HTML Base Dispensa per il Corso Laboratorio Informatico: Reti e Internet 1 Sommario Sommario...2 1. HTML come linguaggio di markup...3 1.1 Cos è HTML...3 1.2 La sintassi basilare di HTML...3 2 Il documento
Modulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8
I Indice generale 1 Introduzione all ICT Modulo 1 Information Communication Technology ICT e computer... Pag. 6 Classificazione dei computer...» 8 2 Come è fatto un computer I componenti di un personal
Informatica d ufficio
Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose
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
Sicurezza Protezioni in una pagina Web
Pagina 1 di 7 Sicurezza Protezioni in una pagina Web HTML è un linguaggio che consente di presentare informazioni in pagine di formato predefinito e accattivante. Quando non si hanno a disposizione informazioni
XHTML. Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html. Linguaggi di markup
XHTML Dott. Nicole NOVIELLI novielli@di.uniba.it http://www.di.uniba.it/intint/people/nicole.html Linguaggi di markup - di tipo procedurale: indicano le procedure di trattamento del testo aggiungendo le
Laboratorio di reti I: HTTP e HTML
Laboratorio di reti I: HTTP e HTML Stefano Brocchi brocchi@dsi.unifi.it 9 novembre, 2009 Stefano Brocchi Laboratorio di reti I: HTTP e HTML 9 novembre, 2009 1 / 44 Il protocollo HTTP Il protocollo HTTP
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
MODULI E FORM. L'attributo enctype specifica il tipo di media utilizzato per codificare i dati del modulo, per default è di tipo MINE.
- 1 - MODULI E FORM I Moduli o Forms permettono di interagire con i visitatori del proprio sito offrendo loro la possibilità di immettere, o richiedere, informazioni tramite semplici caselle di testo,
INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
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
LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
Codifica informazione testuale
Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare
I TAG - Form (moduli) (1/21)
I TAG - Form (moduli) (1/21) Scopo: Raccogliere dati dell utente, interagire con esso. L invio dei dati è solitamente organizzato in due parti: una pagina principale che contiene i vari campi dei form,
Un documento ben formato
Un documento ben formato Sommario PREMESSA... 1 PASSO 1. OPERAZIONI PRELIMINARI... 1 PASSO 2.VIA FORMATTAZIONE E PARAGRAFI VUOTI...2 CANCELLAZIONE FORMATTAZIONE...... 2 ELIMINO I PARAGRAFI VUOTI... 2 PASSO
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
GUIDA RAPIDA EDILCONNECT
1 GUIDA RAPIDA EDILCONNECT Prima di iniziare In EdilConnect è spesso presente il simbolo vicino ai campi di inserimento. Passando il mouse sopra tale simbolo viene visualizzato un aiuto contestuale relativo
Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.
HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare
MODULO 1 PARTE 3. Programmazione (scripting) server-side con PHP 3.a HTTP request e HTTP response (form e link)
MODULO 1 PARTE 3 Programmazione (scripting) server-side con PHP 3.a HTTP request e HTTP response (form e link) Goy - a.a. 2009/2010 Programmazione Web 1 Gli oggetti HTTP request e HTTP response -I Vi ricordate?
La struttura del WWW: gli ipertesti. Il linguaggio HTML. Ipertesto. Libro. Dizionario. Ipertesto. Il linguaggio HTML
La struttura del WWW: gli ipertesti Il linguaggio HTML Dal libro al Web... Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it lettura sequenziale L. Farinetti - Politecnico
Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro;
EXCEL Modulo 3 I Grafici Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro; Quando si crea un grafico ogni
Esercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
Realizzazione di pagine Web
Realizzazione di pagine Web Obiettivi 1.Conoscere i principi di progettazione di una pagina Web e gli strumenti per produrla. 2.Sviluppare pagine Web con l'uso di opportuni strumenti software di authoring