HTML LINGUAGGI E TECNOLOGIE WEB. Corso di Laurea Specialistica in Ingegneria Informatica. Corso di Linguaggi e Tecnologie Web A. A.
|
|
|
- Severino Abbate
- 8 anni fa
- Visualizzazioni
Transcript
1 Corso di Laurea Specialistica in Ingegneria Informatica Corso di Linguaggi e Tecnologie Web A. A LINGUAGGI E TECNOLOGIE WEB HTML Floriano Scioscia 1
2 HTML HTML (HyperText Markup Language) è il linguaggio di markup per la creazione di pagine per il World Wide Web Principi di progetto basati su semplicità e purezza HTML descrive la struttura di un documento Formato di file leggero e leggibile Definito e raccomandato dal W3C HTML è un'applicazione di SGML (Standard Generalized Markup Language) HTML - Floriano Scioscia 2
3 Storia di HTML 1992: HTML 1.0, proposta originale di Tim Berners-Lee 1993: HTML+, introdotti elementi di layout fisico e form 1994: HTML 2.0, standardizza le migliori feature sperimentali 1995: caratteristiche non-standard di Netscape 1996: caratteristiche di Netscape e Explorer in competizione 1996: HTML 3.2, standardizza alcune caratteristiche 1997: HTML 4.0, introdotti i fogli di stile 1999: HTML 4.01, standard finalmente maturo e accettato 2000: XHTML 1.0, una versione XML di HTML : XHTML 1.1, modularizzazione 2002: XHTML 2.0, semplificato e generalizzato 2004: Inizia la definizione di HTML 5 Oggi: HTML 5 è una Working Draft del W3C HTML - Floriano Scioscia 3
4 HTML 4 e 5 Le versioni correnti di HTML (4.01, 5) conservano tutti gli elementi delle precedenti per la definizione di contenuti, struttura e collegamenti in un documento ipertestuale per il Web Abbandonano invece le caratteristiche aggiunte via via ad HTML da 1 a 3 inerenti la presentazione (cioè l'aspetto finale) del documento, che sarà gestita interamente mediante CSS Netta separazione di presentazione e contenuto per far evolvere indipendentemente i due aspetti facilitare l'adattamento della presentazione del documento da parte dello user agent (browser), al fine di migliorarne l'accessibilità (es. per non vedenti) e la portabilità (es. per smartphone/pda) HTML - Floriano Scioscia 4
5 Struttura base di un documento HTML Prologo Elemento radice Intestazione Corpo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <HTML> <HEAD> <TITLE>La mia prima pagina HTML</TITLE> </HEAD> <BODY> <H1>Ciao mondo!</h1> <P>Questa è una pagina HTML!</P> </BODY> </HTML> HTML - Floriano Scioscia 5
6 Informazioni di versione <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Indica la versione del linguaggio e il DTD a cui il documento di riferisce HTML 4.01 definisce tre possibili DTD: Strict: depreca alcuni elementi definiti nelle precedenti versioni di HTML Transitional: consente anche gli elementi deprecati Frameset: supporta anche i frame (modalità di layout delle pagine, oggi deprecata) N.B.: Il nome del DOCTYPE (html) deve corrispondere al nome dell'elemento radice del documento HTML - Floriano Scioscia 6
7 Richiami di sintassi Tag Elemento non vuoto <el>... </el> Elemento vuoto <el> oppure <el/> I nomi di elementi ed attributi sono case-insensitive I caratteri usati per il markup non possono apparire nel contenuto di attributi ed elementi: sono sostituiti dalle rispettive entità definite (v. tabella) A volte (e.g. se si riporta in un documento del codice scritto in un linguaggio di programmazione) può essere comodo inserire anche caratteri come & e <, senza doverli nascondere in entità Si usa allora la sezione CDATA, che ha sintassi: <![CDATA[ dati comprendenti & e < ]]> Carattere Entità < < > > & & " " ' ' L unica sequenza di caratteri non accettabile all'interno è ]]> HTML - Floriano Scioscia 7
8 Intestazione L'intestazione di un documento HTML fornisce informazioni sul documento e/o fa riferimento a risorse da utilizzare L'intestazione è racchiusa dai tag <head> </head> I principali elementi che essa può contenere sono: title (obbligatorio) specifica il titolo del documento base usato per definire l'uri (Uniform Resource Identifier) di base della pagina da usare con i link relativi meta specifica informazioni di vario tipo sul documento link contiene informazioni su documenti esterni collegati; usato soprattutto per i CSS script contiene script eseguibili dal client (e.g. Javascript) style definisce le regole di presentazione per il documento (v. più avanti) HTML - Floriano Scioscia 8
9 Elemento meta L'elemento meta permette di fornire informazioni di vario tipo su un documento HTML. Attributi: http-equiv: collega l'attributo content ad un campo dell'header HTTP valori possibili: content-type, expires, refresh, set-cookie name: proprietà del documento specificata dall'attributo content author: autore del documento description: descrizione concisa del documento keywords: parole chiave del documento (utili per i motori di ricerca) generator: strumento software usato per generare il documento scheme: il formato per interpretare l'attributo content content (obbligatorio) valore per la proprietà indicata da name o http-equiv N.B.: è questo il corretto tipo MIME per HTML <meta http-equiv="content-type" content="text/html" /> <meta name="author" content="floriano Scioscia" /> <meta name="keywords" content="tutto, niente" /> HTML - Floriano Scioscia 9
10 Elemento script L'elemento script permette di inserire nell'intestazione del documento uno script in un linguaggio di client-side scripting, cioè eseguibile dal browser (e.g. Javascript) Un documento HTML può avere 0 o più elementi script Uno script può essere incorporato nel tag, usando gli attributi type e language <script type="text/javascript" language="javascript"> <![CDATA[... ]]> </script> N.B.: il vecchio accorgimento di racchiudere gli script tra tag di commento è deprecato; in HTML occorre usare una sezione CDATA collegato da file esterno, usando gli attributi type e src (language in questo caso è opzionale) <script type="text/javascript" src="mioscript.js"> </script> HTML - Floriano Scioscia 10
11 Corpo del documento Il corpo contiene la struttura e i contenuti di un documento HTML; è racchiuso dai tag <body> </body> Gli elementi utilizzabili nel corpo di un documento HTML si dividono in elementi blocco: danno origine ad una nuova riga e possono contenere altri elementi blocco, elementi inline o testo elementi inline: possono contenere solo testo o altri elementi inline Gli elementi sono legati tra loro da regole gerarchiche di annidamento. In particolare esistono i seguenti divieti: Elemento a pre button label form Non può contenere a big, img, object, small, sub, sup button, fieldset, form, iframe, input, isindex, label, select, textarea label form In caso di errato annidamento, il documento HTML non è valido, ma i browser cercheranno di visualizzarlo lo stesso HTML - Floriano Scioscia 11
12 Elementi di tipo blocco Gli elementi blocco definiscono la struttura del documento Il primo elemento della gerarchia solitamente è <div>, che definisce una sezione del documento. Al suo interno trovano posto gli altri elementi La tabella alla pagina seguente elenca i principali elementi HTML di tipo blocco Si nota che il DTD HTML Transitional supporta alcuni elementi relativi alla formattazione del documento, non supportati da HTML Strict HTML - Floriano Scioscia 12
13 Principali elementi di tipo blocco Elemento Descrizione Supporto DTD * <blockquote> Usato per riportare citazioni da altri documenti. Il testo inserito viene indentato. Puo contenere tutti gli elementi blocco. <center> Centra il testo che racchiude. Sconsigliato in HTML 4.0. TF <div> Definisce un blocco di contenuto generico o una sezione del documento. Può contenere tutti gli elmenti blocco. <form> Definisce un form. Può contenere i classici elementi dei form ma anche elementi blocco. <h1>...<h6> Definiscono titoli e sottotitoli. Non possono contenere altri elementi blocco. <hr/> Inserisce una linea divisoria orizzontale. E' un elemento vuoto. <li> Elemento di una lista ordinata o non ordinata. <noscript> Inserisce contenuto alternativo per i browser che non supportano gli script. <ol> Lista ordinata. può contenere solo l'elemento <li> <p> Definisce un paragrafo. Non può contenere altri elementi blocco, ma solo testo o elementi inline. <pre> Definisce testo preformattato che mantiene le impostazioni dello spazio bianco. <table> Definisce una tabella per l'inserimento di dati tabulari. <ul> Lista non ordinata. Può contenere solo elementi <li> * S = Strict, T = Transitional, F = Frameset HTML - Floriano Scioscia 13
14 Principali elementi di tipo inline Elemento Descrizione Supporto DTD * <a> Definisce un'ancora o un collegamento (con l'attributo href). <acronym> Specifica che il testo è un acronimo <b> Formatta il testo in grassetto (è preferibile usare <strong>) TF <big> Ingrandisce il testo <br/> Inserisce un'interruzione di riga <cite> Usato per testi citati <code> Formatta il testo come codice di computer <em> Stile di testo con enfasi, simile al corsivo <font> Formatta dimensioni, colori e tipi dei caratteri (sconsigliato) TF <i> Testo in corsivo (è preferibile usare <em>) TF <img> Inserisce un'immagine <small> Rimpicciolisce una porzione di testo <span> Definisce una sezione di testo inline cui applicare stili <strike> Testo barrato TF <strong> Stile di testo rafforzato, simile al grassetto <sub> Testo in pedice <sup> Testo in apice <tt> Testo con carattere a spaziatura fissa <u> Testo sottolineato * S = Strict, T = Transitional, F = Frameset HTML - Floriano Scioscia 14
15 Attributi standard e di evento Alcuni attributi sono comuni a gran parte degli elementi HTML: class permette di assegnare un elemento ad una particolare categoria, solitamente legata al significato del suo contenuto <div class="sommario">... </div> <img class="miniatura" alt="..." src="..."></img> id assegna all'elemento un identificativo univoco all'interno dell'intero documento style assegna caratteristiche di stile (v. CSS più avanti) title testo da far apparire in un tooltip quando il puntatore del mouse si posa sopra l'elemento lang indica la lingua del testo contenuto nell'elemento Gli attributi di evento inoltre permettono di associare a particolari eventi, innescati dall'utente su un elemento, delle istruzioni in un linguaggio di scripting. Essi hanno tutti nome del tipo onevento, e.g. onclick evento innescato quando l'utente fa clic sull'elemento onmouseover evento di passaggio del puntatore sopra l'elemento onmouseout evento di uscita del puntatore dall'area dell'elemento HTML - Floriano Scioscia 15
16 Sezioni, paragrafi e titoli Il blocco <div> </div> racchiude una sezione del documento, mentre il blocco <p> </p> delimita i singoli capoversi all'interno di una sezione (p sta per paragraph) Sono previsti inoltre 6 livelli di markup liberamente utilizzabili per titoli e sottotitoli, da <h1> </h1> (titolo più importante) ad <h6> </h6>... <div> <h1>sezione 1</h1> <p>primo capoverso.</p> <p>secondo capoverso.</p> <div> <h2>sottosezione 1.1</h2> <p>capoverso della sottosezione.</p> </div> </div>... HTML - Floriano Scioscia 16
17 Testo Principali elementi HTML per il contenuto testuale <strong> </strong> testo rafforzato (solitamente corrisponde al grassetto, dipende dai fogli di stile) <em> </em> testo enfatizzato (solitamente corrisponde al corsivo) <u> </u> testo sottolineato <tt> </tt> testo a spaziatura fissa <br/> elemento vuoto che inserisce un'interruzione di riga <pre> </pre> blocco di testo preformattato, in cui gli spazi vengono preservati rigorosamente (utile per codice, poesie, etc.) Esempio:... Testo <strong>rafforzato</strong>, <em>enfatizzato</em>, <u>sottolineato</u>, <tt>a spaziatura fissa</tt>. <br/> Notare l'interruzione di riga. In HTML spazi e invii a capo non sono considerati tranne che <pre>in un blocco pre </pre>... HTML - Floriano Scioscia 17
18 Liste Due tipi principali di liste: <ol> </ol> delimita una lista ordinata (elenco numerato) <ul> </ul> delimita una lista non ordinata (elenco puntato) Ogni voce di lista è a sua volta delimitata da <li> </li> E' possibile annidare liste una nell'altra per creare elenchi a più livelli Esempio: <ul> <li>xhtml</li> <ol> <li>xhtml 1.0</li> <ul> <li>strict</li> <li>transitional</li> <li>frameset</li> </ul> <li>xhtml 1.1</li> </ol> <li>css</li> </ul> HTML - Floriano Scioscia 18
19 Ancore L'elemento a definisce un'ancora. Può essere usato in due modi: per creare un collegamento (link) ad un URL (di un'altra risorsa o di un punto specifico di un documento) usando l'attributo href <a href=" page SisInfLab</a> per marcare un punto specifico del documento, usando l'attributo id, al fine di potervi indirizzare direttamente dei collegamenti razzecanine.html... <h1> <a id="collie">collie</a> </h1> Il collie è... l'attributo target indica dove visualizzare la risorsa a cui punta il link: _blank in una nuova finestra _self nel frame corrente (se la pagina è suddivisa in frame) _top nell'intera finestra corrente miodoc.html... mi piacciono i <a href="razzecanine.html#collie > collie</a>... HTML - Floriano Scioscia 19
20 Immagini e oggetti Per inserire un'immagine si usa l'elemento img. Attributi: alt (obbligatorio) breve descrizione testuale dell'immagine src (obbligatorio) URI del file di immagine <img src=" alt="logo del Politecnico di Bari"> </img> height / width (opzionali) altezza / larghezza con cui si vuole visualizzare l'immagine (in pixel o percentuale) L'elemento object permette di incorporare oggetti di vario tipo (applet Java, applicazioni Flash, etc.) tipicamente gestiti da plugin del browser attributi principali: type tipo MIME dell'oggetto codebase URI da cui caricare l'oggetto width / height dimensioni in pixel dell'area riservata all'oggetto può contenere zero o più elementi param (ognuno dotato di due attributi, name e value) per il passaggio di parametri all'oggetto HTML - Floriano Scioscia 20
21 Tabelle caratteristiche di base Una tabella (elemento table) è specificata riga per riga (elemento tr) Di ogni riga si possono precisare gli elementi, che sono o di intestazione (elemento th) o celle normali (elemento td) Una cella può contenere testo o elementi di tipo inline Una cella può occupare più righe (attributo rowspan) o più colonne (attributo colspan) Si può indicare l'allineamento del testo in senso orizzontale (attributo align) e verticale (attributo valign) per le righe o per singole celle Una tabella può anche avere una didascalia (elemento caption) HTML - Floriano Scioscia 21
22 Tabelle esempio... <table border="2" align="center"> <caption>bella tabella</caption> <tr> <td>r1 c1</td> <td colspan="2">r1 c2</td> </tr> <tr> <td colspan="2">r2 c1</td> <td rowspan="2">r2 c3</td> </tr> <tr> <td>r3 c1</td> <td>r3 c2</td> </tr> </table>... N.B.: in passato le tabelle sono state (ab)usate per definire l'impaginazione di un documento incasellandone gli elementi. Questa pratica è da evitare: usare invece elementi div (dotati di differenti valori di id o class per distinguere le diverse sezioni) e fogli di stile CSS per definirne l'impaginazione. HTML - Floriano Scioscia 22
23 Form 1 Un form (= modulo) serve a raccogliere dati immessi dall utente. Si usa l'elemento HTML form Il form è costituito da diversi campi (detti controlli ) di vario tipo, ognuno rappresentato da un elemento HTML L'utente compila il form e dà conferma Il browser allora crea una connessione HTTP con un'applicazione del server e invia i dati Il server destinatario riceve i dati, li elabora e genera un documento di risposta, che viene rispedito via HTTP al browser HTML - Floriano Scioscia 23
24 Form 2 Attributi dell'elemento form action URI dell applicazione server-side che riceverà i dati method (get post) metodo HTTP da usare per inviare i dati enctype codifica dei dati da usare. La predefinita è "application/x-wwwform-urlencoded": il form compilato viene codificato come una sequenza di coppie nome-valore, una per ciascun controllo i caratteri non alfanumerici sono sostituiti dal loro codice esadecimale %hh gli spazi sono sostituiti da + i nomi dei controlli sono separati da & il valore di ogni controllo è separato dal nome da = HTML - Floriano Scioscia 24
25 Form 3 L'elemento input rappresenta gran parte dei tipi di controlli. Attributi: type tipo di controllo da istanziare: text (campo di testo semplice), password (campo di testo con caratteri mascherati), checkbox (casella vero/falso), radio (selezione tra più alternative), submit (pulsante di conferma per l'invio dei dati), reset (pulsante che azzera il contenuto del form), file (selezione di file per di cui fare l'upload), hidden (invisibile; può essere usato per passare informazioni sullo stato del client), image (immagine), button (pulsante) name il nome da passare all applicazione server-side insieme al valore inserito value il valore di default che viene presentato all utente size e maxlength dimensione prevista e lunghezza massima (per i testi) Elemento textarea: un'area di testo. Attributi (oltre a name): rows e cols: numero di righe e colonne previste Elementi select, optgroup: una lista di opzioni e sotto-opzioni Elemento option: una opzione in un select o in un optgroup Elemento label: etichetta di testo associata a un altro controllo (il cui nome va indicato nell'attributo for) HTML - Floriano Scioscia 25
26 Form esempio <form method="get" action=" <br/><label for="nome">nome:</label> <input type="text" name="nome" value="ugo" size="40"/> <br/><label for="cognome">cognome:</label> <input type="text" name="cognome" value="rossi"/> <br/><label for="sesso">sesso:</label> <input type="radio" name="sesso" value="m"/> m <input type="radio" name="sesso" value="f" /> f <br/><input type="checkbox" name="cinema" value="cinema" /> <label for="cinema">amo il cinema:</label> <br/><input type="submit" name="submit" value="ok" /> <input type="reset" name="cancel" value="annulla" /> </form> Esempio: facendo clic su OK viene effettuata una richiesta con metodo GET all'url nome=ugo&cognome=rossi&sesso=f (il valore di una checkbox viene inviato solo se essa è marcata) HTML - Floriano Scioscia 26
27 Convalida di HTML Il W3C offre un servizio di convalida (validation) di documenti HTML E' possibile sottoporre a convalida documenti pubblicati sul web, semplicemente inserendone l'indirizzo residenti nel nostro filesystem, facendone l'upload inseriti direttamente in un'apposita area di testo In caso di successo si può aggiungere ad una pagina il simbolo HTML - Floriano Scioscia 27
28 Differenze sintattiche tra HTML e XHTML Contrariamente ad HTML, un documento XHTML richiede strettamente che ogni documento abbia un unico elemento radice i tag siano annidati in modo corretto (LIFO, l'ultimo aperto è il primo a chiudersi) ogni elemento abbia sempre il tag di chiusura elementi ed attributi siano scritti in caratteri minuscoli il valore di un attributo sia racchiuso tra virgolette " " i caratteri usati per il markup siano nascosti in entità HTML - Floriano Scioscia 28
29 N.B. Contrariamente ad HTML, un documento XHTML non valido non sarà visualizzato dal browser: si avrà invece un messaggio di errore. Differenze sintattiche tra HTML e XHTML- esempio <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" <head> <title>la mia prima pagina HTML</title> </head> <body> <h1>benvenuto!</h1> <p>questa è una pagina HTML!</p> <!-- Omettiamo il tag </body> --> </html> HTML - Floriano Scioscia 29
30 HTML 5 Specifica ancora in evoluzione Completamento stimato per il 2022! Si stacca da SGML e ingloba HTML 4 e XHTML 2 Differenze principali con HTML 4.01 Nuove regole di parsing (efficienza e compatibilità) Nuovi elementi Strutturazione della pagina più esplicita: article, details, figure, figcaption, footer, header, hgroup, nav, section, summary,... Multimedialità e Rich Internet Applications: audio, video, canvas,... Nuovi tipi di controlli nei form date, time, , url, search, number, range, tel, color Ingloba ufficialmente l'api DOM (tutti i browser e i linguaggi di client-side scripting devono supportarla) Web storage Script asincroni (attributo async) Document Object Model: API (originariamente ideata da Netscape) per esaminare e manipolare i contenuti di un documento HTML o XML HTML - Floriano Scioscia 30
31 HTML 5: elemento video <video controls="controls" autoplay="autoplay"> <source src="pics/video/gizmo.mp4" type="video/mp4" /> <source src="pics/video/gizmo.webm" type="video/webm" /> <source src="pics/video/gizmo.ogv" type="video/ogg" /> </video> Attributi controls: visualizzare pulsanti di controllo della riproduzione autoplay: avviare non appena la pagina è caricata Contiene un elemento source (con URL e tipo MIME) per ogni diverso formato in cui il video è disponibile Problema di compatibilità dei browser con i diversi formati video che competono per diventare standard sul Web HTML - Floriano Scioscia 31
32 HTML 5: elemento canvas <canvas id="mycanvas" width="200" height="100"></canvas> Un canvas (= tavolozza) è un riquadro nella pagina in cui è possibile disegnare qualsiasi cosa, attraverso istruzioni in un linguaggio di client-side scripting (es. Javascript) Pensato principalmente per applicazioni di visualizzazione dati, grafica e giochi Tradizionalmente per questi scopi sono stati usati i plugin HTML - Floriano Scioscia 32
33 Riferimenti Specifiche D. Raggett, A. Le Hors, I. Jacobs, HTML 4.01 Specification, W3C Recommendation 24 December 1999January 2000, Testo consigliato A. Moller and M. Schwartzbach, An Introduction to XML and Web Technologies, Addison Wesley, 2006 [cap. 4] HTML - Floriano Scioscia 33
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
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
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
Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere
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
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
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
I link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
Introduzione. Portare HTML nella famiglia XML Mantenere compatibilità con i software che supportano HTML
Lezione 8 XHTML Introduzione " XHTML = HTML + XML " HTML: linguaggio di marcatura per presentare i contenuti di una pagina web " XML: super-linguaggio che consente la creazione di nuovi linguaggi di marcatura
Internet Architettura del www
Internet Architettura del www Internet è una rete di computer. Il World Wide Web è l insieme di servizi che si basa sull architettura di internet. In una rete, ogni nodo (detto host) è connesso a tutti
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
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
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
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
Creare documenti XML. La natura epistemologica della codifica. Perché comprare XML? La struttura gerarchica ordinata. Riassumendo le componenti
Lez. 7 Creare documenti XML La codifica deve raggiungere 2 traguardi: Accessibilità tecnica Permanenza a lungo termine 05/03/12 Perché comprare XML La natura epistemologica della codifica HTML Descrive
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:
HTML 1 AVVISO. Terminologia. Introduzione ad HTML. HyperText Markup Language
HTML 1 HyperText Markup Language AVVISO Martedì 4 ottobre in laboratorio ci saranno 2 turni: 11:00 12:15 matricole pari 12:30 13:45 matricole dispari Introduzione ad HTML Documenti HTML Tag di markup Formattazione
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
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
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
Itis Cardano. Introduzione a HTML. Pavia. M. Rivera Itis Cardano Pavia. A.s. 2005-2006
Introduzione a HTML A.s. 2005-2006 M. Rivera Itis Cardano Pavia Itis Cardano Pavia Sommario Introduzione al linguaggio HTML Struttura di un documento HTML Link ipertestuali Immagini e oggetti multimediali
HTML, XHTML, CSS. cosa c è dietro al web. Informatica Applicata Prof.Emanuela Zilio
HTML, XHTML, CSS cosa c è dietro al web 1 HTML cos è NON è un linguaggio di programmazione ma un linguaggio di contrassegno (o 'di marcatura'), che permette di indicare come disporre gli elementi all'interno
XML: La nascita del linguaggio
XML: introduzione alla codifica dei testi Con la codifica dei testi si intende la rappresentazione dei testi stessi su un supporto digitale in un formato utilizzabile dall'elaboratore (Machine Readable
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
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
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
La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.
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,
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
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
XML: extensible Markup Language
XML: extensible Markup Language Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino laura.farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Introduzione XML: extensible Markup
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
La sintassi di un DTD si basa principalmente sulla presenza di quattro dichiarazioni:
XML: DTD Da un punto di vista cronologico, il primo approccio per la definizione di grammatiche per documenti XML è rappresentato dai Document Type Definition (DTD). Un DTD è un documento che descrive
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
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
Siti interattivi e dinamici. in poche pagine
Siti interattivi e dinamici in poche pagine 1 Siti Web interattivi Pagine Web codificate esclusivamente per mezzo dell HTML non permettono alcun tipo di interazione con l utente, se non quella rappresentata
Extensible Markup Language
Extensible Markup Language Dispense per il corso di Ingegneria del Web Revisione 05/11 Giuseppe Della Penna (giuseppe.dellapenna@di.univaq.it) Dipartimento di Informatica Università degli studi dell'aquila
HTML 1. HyperText Markup Language
HTML 1 HyperText Markup Language Introduzione ad HTML Documenti HTML Tag di markup Formattazione del testo Collegamenti ipertestuali Immagini Tabelle Form in linea (moduli) Tecnologie di Sviluppo per il
APPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
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
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
Introduzione all'html
Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di
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:
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,
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
connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI
Documenti su Internet LINGUAGGI DI MARKUP Internet permette (tra l altro) di accedere a documenti remoti In generale, i documenti acceduti via Internet sono multimediali, cioè che possono essere riprodotti
APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI
dispense APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI Attributo target / destinazione L'attributo target specifica dove deve essere aperta la pagina collegata. _top
Modulo 8. Sviluppo di pagine e siti Creare pagine Web
Pagina 1 di 6 Sviluppo di pagine e siti Creare pagine Web HTML è l'acronimo di HyperText Markup Language; si tratta di un linguaggio utilizzato per la marcatura ipertestuale. A differenza dei comuni linguaggi
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
Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza
Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza I riferimenti riguardano quanto indicato nelle Recommendation del World Wide Web Consortium (W3C) ed in particolare in quelle
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
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
Indice PARTE PRIMA L INIZIO 1
Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5
CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ Ente richiedente Provincia url Comune di Carmagnola TO http://comune.carmagnola.to.it/ Autore della valutazione Data Maurizio
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
Laboratorio Matematico Informatico 2
Laboratorio Matematico Informatico 2 (Matematica specialistica) A.A. 2006/07 Pierluigi Amodio Dipartimento di Matematica Università di Bari Laboratorio Matematico Informatico 2 p. 1/1 Informazioni Orario
Informatica. Prof. M. Colajanni Università di Modena Reggio Emilia
Informatica Prof. M. Colajanni Università di Modena Reggio Emilia PARTE 4 - World Wide Web WORLD WIDE WEB La killer application di Internet I motivi alla base del successo del Web ( perché è risultata
Conformità: Conforme; tutte le pagine sono realizzate con linguaggio XHTML 1.0 Strict.
Tasti di accesso rapido Al fine di migliorare l'accessibilità del sito sono stati definiti i seguenti tasti di accesso rapido, per attivare le principali funzionalità offerte: [H] = Homepage [R] = Ricerca
Manuale di realizzazione dei modelli di documento
MystiqueXML Manuale di realizzazione dei modelli di documento Indice 1 Le tabelle...5 1.1 Tabelle condizionali...5 1.2 Tabelle Multiple - un solo livello...5 1.3 Tabelle Multiple - a più livelli...5 2
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
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,
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
Il linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
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
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 , ,...,
GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL
GUIDA RAPIDA BOZZA 23/07/2008 INDICE 1. PERCHÉ UNA NUOVA VERSIONE DEI MODULI DI RACCOLTA DATI... 3 2. INDICAZIONI GENERALI... 4 2.1. Non modificare la struttura dei fogli di lavoro... 4 2.2. Cosa significano
Tecniche Multimediali
Un programma di computer fa quello che gli dici, non quello che vuoi. Legge di Greer (Leggi di Murphy applicate all informatica) Tecniche Multimediali Corso di Laurea in «Informatica» - aa 2010-2011 Prof.
Come funziona internet
Come funziona internet Architettura client server URL/URI Richiesta (Request) Risposta (Response) Pagina url e uri Uno Uniform Resource Identifier (URI, acronimo più generico rispetto ad "URL") è una stringa
DISPENSA PER MICROSOFT WORD 2010
DISPENSA PER MICROSOFT WORD 2010 Esistono molte versioni di Microsoft Word, dalle più vecchie ( Word 97, Word 2000, Word 2003 e infine Word 2010 ). Creazione di documenti Avvio di Word 1. Fare clic sul
G I O R D A N I A L E S S A N D R A I T T S E R A L E G. M A R C O N I
Introduzione ad XML G I O R D A N I A L E S S A N D R A I T T S E R A L E G. M A R C O N I XML XML (Extensible Markup Language) è un insieme standard di regole sintattiche per modellare la struttura di
Manuale per i redattori del sito web OttoInforma
Manuale per i redattori del sito web OttoInforma Contenuti 1. Login 2. Creare un nuovo articolo 3. Pubblicare l articolo 4. Salvare l articolo in bozza 5. Le categorie 6. Modificare un articolo 7. Modificare
5.6.1 REPORT, ESPORTAZIONE DI DATI
5.6 STAMPA In alcune circostanze può essere necessario riprodurre su carta i dati di tabelle o il risultato di ricerche; altre volte, invece, occorre esportare il risultato di una ricerca, o i dati memorizzati
HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab
HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle
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
lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000
Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,
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:
Sommario. Introduzione... xv. Capitolo 1 Gli elementi di base delle pagine web... 1. Capitolo 2 I file delle pagine web... 27
Sommario Introduzione........................ xv HTML e CSS in breve.................... xvi I browser web....................... xvii Gli standard e le specifiche web............. xviii Il progressive
Excel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
Infrastrutture Informatiche Ospedaliere 2
Infrastrutture Informatiche Ospedaliere 2 IINFO2 Anno Accademico 2005/2006 Docente: Andrea Bertagnoli Email: bertagnoli@ing.uniroma2.it Sito Internet: www.uniroma2.it/didattica/iinfo2 Indice 1. HTML -
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
GUIDA ALL USO DELL AREA RISERVATA
GUA ALL USO DELL AREA RISERVATA Sommario PREMESSA... 2 1 Come accedere all Area Riservata... 3 2 del Pannello di gestione del sito web... 4 3 delle sezioni... 7 3.1 - Gestione Sito... 7 3.1.1 - AreaRiservata...
XML e PHP. Gestire XML con PHP. Appendice
Appendice XML e PHP Tra tutti i linguaggi di programmazione esistenti PHP è tra quelli che meglio si adattano all elaborazione di documenti XML. PHP è un linguaggio di programmazione che consente di arricchire
Architettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4)
Architettura del WWW World Wide Web Sintesi dei livelli di rete Livelli di trasporto e inferiori (Livelli 1-4) - Connessione fisica - Trasmissione dei pacchetti ( IP ) - Affidabilità della comunicazione
b) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione
Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico
PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1
Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6
GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB
GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB Copyright 2014 Wolters Kluwer Italia Srl 1 Sommario 1 Come accedere al Pannello di gestione... 4 2 del Pannello di gestione del sito web... 5 3 delle sezioni...
LA CORRISPONDENZA COMMERCIALE
LA CORRISPONDENZA COMMERCIALE GLI ELEMENTI ESSENZIALI DELLA LETTERA COMMERCIALE Intestazione Individua il nome e il cognome o la ragione sociale di chi scrive; contiene inoltre l indirizzo e i recapiti
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
XML. XML è contemporaneamente: XML non è:
XML XML è contemporaneamente: Linguaggio di annotazione (Markup) che permette di creare gruppi di marcatori (tag set) personalizzati (MathML, XHTML, chemicalml, ecc..) Formato standard per lo scambio dei
3.6 Preparazione stampa
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Maria Maddalena Fornari Impostazioni di pagina Le impostazioni del documento utili ai
Dichiarazione di Accessibilità
Dichiarazione di Accessibilità Requisito n. 1 : Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili
2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno
FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org
FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)
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
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
EXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
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
Il linguaggio HTML - Nozioni di base
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base Dott. Chiara Braghin braghin@dti.unimi.it What is HTML? HTML (HyperText Markup Language)
HTML. giovedì 22 settembre 11
HTML Webmaster con strumenti Open Source AGENDA HTML/XHTML Introduzione Html Struttura di una pagina Html Fogli di stile (CSS) HTML/XHTML L'organizzazione che si occupa di standardizzare la sintassi del