Il Web è un sottoinsieme di Internet
|
|
- Fausto Riccio
- 7 anni fa
- Visualizzazioni
Transcript
1 I principi del Web Il World Wide Web Il Web è un sistema basato su Internet che utilizza la tecnologia degli ipertesti per distribuire documenti, file, immagini,... Il Web è un sottoinsieme di Internet nasce all inizio degli anni 90 al CERN di Ginevra, come mezzo per la distribuzione e condivisione di documenti scientifici Tim Berners-Lee 1 I principi del Web Ipertesto e Ipermedia Ipertesto (Hypertext) testo t in cui sono presenti collegamenti (link) ad altri documenti - Fornisce un metodo di consultazione non sequenziale Ipermedia (Hypermedia) ipertesto con collegamenti a documenti testuali, immagini, suoni, filmati,
2 I principi del Web Il browser Il browser web è lo strumento (il programma) che permette di navigare tra le pagine presenti in rete browser "storici": MS Internet Explorer e Netscape Navigator 3 I principi del Web URL URL = Uniform Resource Locator rappresenta l indirizzo i (unico) di un documento, pagina o file presente in Internet metodo d accesso indirizzo del server percorso documento L HTTP (Hyper Text Transfer Protocol) è il protocollo utilizzato per la comunicazione via Web 4 2
3 I principi del Web Architettura client-server Server Client macchina che fornisce qualche tipo di servizio i (es. HTTP, FTP, ) software che gestisce qualche tipo di servizio detto anche daemon; sta in ascolto su determinate porte (es. di solito HTTP porta 80, Telnet porta 23, ) macchina che usufruisce di qualche tipo di servizio remoto es. PC dell utente software che utilizza qualche tipo di servizio remoto es. browser Web 5 I principi del Web architettura client-server Il Web si basa su una tipica architettura client-server macchine client (i computer degli utenti) ti) richiedono servizi i (le pagine) a una macchina server (il server Web) 6 3
4 I principi del Web Il protocollo HTTP = HyperText Transfer Protocol è il protocollo di comunicazione i utilizzato t per il Web si basa sul paradigma richiesta/risposta opera al livello applicazione Modalità di interazione 1. il client apre una connessione TCP con un server HTTP e invia una richiesta (in formato testo, cioè caratteri ASCII) 2. il server risponde inviando i dati (anche non testuali) al richiedente e chiude la connessione 7 I principi del Web il protocollo HTTP Richieste sono formate da: un metodo (es. GET, POST, PUT, ) un URL (es. una versione (es. 1.1) un messaggio MIME-like un eventuale corpo di dati GET it HTTP/ 1.11 Accept: text/plain Accept: text/html User-Agent: MS Exporer
5 I principi del Web il protocollo HTTP Risposte sono formate da: vari headers (specificati secondo una sintassi MIME-like), contenenti, ad esempio, informazioni sull esito della richiesta, il tipo di dati che saranno restituiti, il corpo della risposta (es. il contenuto di una pagina HTML) HTTP/ OK Content-Type: text/html Content-Length: <HTML> </HTML> 9 I principi del Web MIME Multipurpose Internet Mail Extension sviluppato per allegare file di vario tipo ai messaggi usato anche per la comunicazione HTTP 7 tipi principali di dati testo, immagini, audio, video, messaggio, multipart, application Vari sottotipi es. text/plain, audio/basic, video/mpeg, application/msword, 10 5
6 I principi del Web MIME Es. con file PDF allegato Return-Path: it> Received: from... Message-ID: Reply-To: "Marco Porta" From: "Marco Porta" To: "Marco Porta" Subject: Prova Date: Fri, 1 Oct :18: MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="---- =_NextPart_000_0130_01C4A7B0.C40856A0" This is a multi-part message in MIME format =_NextPart_000_0130_01C4A7B0.C40856A0 Content-Type: text/plain; charset="windows-1252" Content-Transfer-Encoding: 7bit Prova =_NextPart_000_0130_01C4A7B0.C40856A0 Content-Type: application/pdf; name="stm-ing-1.pdf" Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="stm-ing-1.pdf" JVBERi0xLjMNJeLjz9MNCjEgMCBvYmoNPDwgDS9U exblic9qywdlia0vugfyzw50idy4idaguian L1Jlc291cmNlcyAyIDAgUiANL0NvbnRlbnRzIDMg MCBSIA0vTWVkaWFCb3ggWyAwIDAgNTk1IDg0 11 Origini e caratteristiche dell'html... HTML = Hyper Text Markup Language è un linguaggio i di markup molto semplice, che non richiede alcuna conoscenza della programmazione - Dà una descrizione del documento Deriva da SGML (Standard Generalized Markup Language) un metalinguaggio per creare linguaggi Un documento HTML è un file di testo contenente la codifica di una pagina quindi una pagina Web può essere creata utilizzando un editor qualunque 12 6
7 ... origini e caratteristiche dell HTML L HTML è stato creato con l obiettivo di essere device independent il suo scopo originario era quello di descrivere la struttura di un documento, non l aspetto (compito lasciato al browser) Ma il WWW si è diffuso molto rapidamente... dalle comunità scientifiche e militari si è esteso ad altri ambiti (ad esempio, quello commerciale...) Il linguaggio i è stato t quindi via via modificato per includere anche una descrizione della formattazione contro l intento originale I tag Specificano gli elementi strutturali in un documento HTML definiscono i come sarà visualizzata la porzione di testo t che includono, quali connessioni ci devono essere ad altri documenti, quali immagini o elementi multimediali devono essere visualizzati,... Sono racchiusi tra parentesi angolari es.: <body>, <h1>,... In genere, si usano a coppie ogni tag di apertura ha associato un corrispondente tag di chiusura (es.: <body>... </body>, <head>... </head>,...) 14 7
8 Un introduzione all HTML L ultima versione standardizzata è la 4.01 la specifica ufficiale si può trovare sul sito del World Wide Web Consortium (l organo internazionale che si occupa della standardizzazione di tutto ciò che riguarda il Web) Sul Web (e non solo) è possibile reperire una quantità "sterminata" di materiale riguardante l'html e i linguaggi collegati 15 Struttura generale di un documento HTML <html> <head> <title>... </title>... </head> <body> </body> </html> 16 8
9 I tag base <html> dichiara che il file contiene codice HTML <head> identifica la sezione introduttiva del documento <title> specifica ca il titolo to o per il documento <body> definisce il corpo principale del documento 17 Heading e paragrafi Esistono sei livelli di heading hanno un significato logico (<h1> più importante, <h6> meno importante - il browser li visualizza in modo diverso) I paragrafi definiscono il testo normale il tag <p> non ha strettamente bisogno di un corrispondente tag di chiusura... però è meglio usarlo Gli spazi e i ritorni a capo non contano (non solo per <p>, ma anche nel resto del documento) Ogni volta che incontra il tag <p>, il browser, in genere, lascia una riga vuota
10 Gli attributi Ai tag possono essere associati attributi Ad esempio, se voglio che il testo t di un paragrafo sia centrato: t <p align="center">questo è il testo del paragrafo Gli attributi definiscono delle proprietà per i tag possono essere più d uno e hanno la struttura nomeattributo="valoreattributo" Quelli deprecati non si dovrebbero usare Liste Tre tipi possibili: Unnumbered lists tag <ul> e <li> per creare liste non ordinate Numbered lists tag <ol> e <li> per creare liste ordinate Definition lists tag <dl>, <dt> e <dd> per creare liste di definizione Si possono anche avere liste annidate una dentro l altra 20 10
11 Testo preformattato Utile quando si vuole essere certi che gli spazi e i ritorni a capo vengano inseriti esattamente dove vogliamo il tag <pre> rappresenta l eccezione che conferma la regola... Utilizzato spesso per riportare codice di programmi i programmi scritti con linguaggi di programmazione ad alto livello includono generalmente delle indentazioni Line break e barre orizzontali Anchesel HTML lhtml ignora i ritorni a capo nel testo, è possibile forzarli attraverso il tag <br> Per separare zone diverse di uno stesso documento può essere utile utilizzare delle barre orizzontali per il tag <hr> si possono specificare gli attributi size e width <hr size="4" width="50%"> 22 11
12 Stili logici e stili fisici Stili logici danno un informazione sul tipo di contenuto (la loro rappresentazione è lasciata completamente al browser) Esempi: <em>, <strong>, <code>,... Stili fisici specificano l aspetto del contenuto (che il browser dovrà rispettare) Esempi: <b>, <i>, Sequenze di escape Servono per inserire nella pagina caratteri speciali che non possono essere utilizzati direttamente t perché hanno un significato particolare per l HTML Esempi: < = < > = > & = & è = è é = é È = È 24 12
13 Link... Permettono di creare collegamenti ad altri documenti Struttura: <a href="indirizzo">...</a> <a href=" di Pavia</a> I pathname possono essere anche relativi <a href="xxx/miofile.html">università di Pavia</a> link È anche possibile creare collegamenti all interno dello stesso documento o a sezioni specifiche di un altro documento <a href="#sez1">sezione 1</a> crea un link a sez1 nel documento corrente <a href="miofile.html#sez1">sezione 1</a> crea un link a sez1 nel file MioFile.html sez1 sarà definito it da: <a name="sez1">questa è la sezione 1</a> 26 13
14 Link a indirizzi Permettono di aprire il programma per la composizione del messaggio con un clic <p> L ing. <a href="mailto:marco.porta@unipv.it">marco Porta</a> può essere contattato... </p> L ing. Marco Porta può essere contattato Includere immagini Si possono utilizzare immagini in formato GIF, JPEG e PNG attraverso il tag <img> (non richiede il tag di chiusura) <img src="miaimmagine.gif"> È possibile specificare le dimensioni anche se non è strettamente necessario... <img src="miaimmagine.gif" width="300" height="138"> È utile specificare anche testo alternativo 28 14
15 Il colore di sfondo della pagina Se nessun colore è specificato, il default è bianco o grigio il colore è impostato attraverso l attributo bgcolor del tag <BODY> <body bgcolor="yellow"> Esistono 16 colori testuali predefiniti (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) È possibile specificare il colore anche con la codifica esadecimale bgcolor="#02fc16" Attenzione: attributo deprecato! 29 Immagini di sfondo È possibile specificare un immagine da visualizzare come sfondo della pagina attraverso l attributo background del tag <BODY> <body background="miaimmagine.gif"> L immagine viene ripetuta automaticamente in modo che, indipendentemente dalle sue dimensioni, copra tutto lo sfondo Attenzione: attributo deprecato! 30 15
16 Link a elementi multimediali Un link può anche riferirsi a un immagine, un animazione,... basta specificare l elemento multimediale nell attributo href <a href="miaimmagine.gif">immagine 1</a> <a href="miofilmato.mov">filmato 1</a> Un immagine può anche essere un link <a href="miaimmagine.gif"> <img src="immaginepiccola.gif"> </a> 31 I font Con l HTML è possibile specificare il tipo di font da utilizzare per un certo elemento famiglia, colore, dimensione, Si utilizza il tag <font> con gli attributi face, color, size, Attenzione: tag deprecato! <font face="sans-serif" color="red" red size="+2"> <h1>questo è un titolo con carattere <em>sans-serif </em>, colore rosso e dimensione <EM>+2</EM> rispetto al font di default</h1> </font> 32 16
17 Tabelle... Permettono una suddivisione in righe e colonne utili per strutturare tt informazioni i i intrinsecamente i t tabellari Sono fondamentali per layout non banali della pagina consentono di strutturare la pagina in diverse aree Sono descritte in termini di righe e colonne tabella tag <table> righe tag <tr> colonne tag <td> e <th> tabelle... Tabella con n righe e m colonne: <table> <tr> <td>riga 1, Colonna 1</td>... <td>riga 1, Colonna m</td> </tr>... <tr> <td>riga n, Colonna 1</td>... <td>riga n, Colonna m</td> </tr> </table> Celle riga 1 Celle riga n Riga 1 Riga n Tabella 34 17
18 ... tabelle Attributi di <table> width larghezza; border bordo; align allineamento orizzontale; valign allineamento verticale; cellpadding spazio all interno delle celle; cellspacing spazio tra le celle; bgcolor colore di sfondo; background immagine di sfondo Attributi di <tr> align allineamento orizzontale; valign allineamento verticale; bgcolor colore di sfondo Attributi di <td> e <th> width larghezza; height altezza; bgcolor colore di sfondo; background immagine di sfondo; align allineamento orizzontale; valign allineamento verticale; colspan numero di colonne occupate; rowspan numero di righe occupate 35 HTML "avanzato" -I form... Permettono all utente di fornire degli input 36 18
19 ... i form... Sono definiti attraverso il tag <form> Il tag <input> permette di creare vari tipi di controlli text finestrelle di input testuale checkbox opzioni selezionabili radiobutton opzioni mutuamente esclusive password finestrelle input password image immagini (es. bottoni disegnati) button bottoni submit bottoni invio form reset bottoni reset form file invio i file hidden dati nascosti i form Altri tipi di input tag <button> bottoni (possono contenere immagini) i i) tag <textarea> aree per l immissione di testo (su più righe) tag <select> e <option> elenchi tag <label> etichette Una volta inseriti, i dati devono essere inviati a qualcuno tipicamente, a un server che li elaborerà (attributo action del tag <form>) Due metodi disponibili per l invio GET e POST (attributo method del tag <form>) 38 19
20 HTML "avanzato" - I frame... Permettono di suddividere la finestra del browser in più sottofinestre t Importante: per ragioni di usabilità e accessibilità, i frame andrebbero sempre evitati!! i frame Si creano attraverso i tag <frameset> e <frame> ogni sottofinestra contiene un documento HTML diverso È possibile specificarne le caratteristiche se devono avere i bordi, lo spessore dei bordi, lo spazio tra un frame e l altro, se possono essere ridimensionati, se devono avere le barre di scorrimento,... attributi frameborder,, border,, framespacing del tag <frameset> attributi noresize, scrolling,... del tag <frame> 40 20
21 i frame Un esempio <HTML> <HEAD> <TITLE>Un semplice documento con frame</title> </HEAD> <FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> <FRAME src=" <FRAME src=" </FRAMESET> <FRAME src=" <NOFRAMES> <P>Spiacente, questo sito utilizza i frame... </NOFRAMES> </FRAMESET> </HTML> 41 i frame E possibile fare in modo che cliccando su un link in un frame venga caricata una pagina in un altro frame il frame destinazione deve avere un nome <HTML> <HEAD> <TITLE>Frame e target</title> </HEAD> <FRAMESET rows= 50%,50% > <FRAME name= main src= file1.html > <FRAME src= file2.html > </FRAMESET> </HTML> file2.html <HTML> <HEAD> <TITLE>Frame e target</title> </HEAD> <BODY>... <A href= target= main >xxx</a>... </BODY> </HTML> 42 21
HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
DettagliINTRODUZIONE 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
DettagliIntroduzione 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
DettagliMODULO 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.
DettagliD 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
Dettagli@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
DettagliComandi 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
Dettagli"-//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:
DettagliHTML. 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
DettagliIl linguaggio HTML - Parte 5
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra
DettagliTabelle. Esempio 20. Inserire righe e colonne. Dimensioni delle tabelle. Attributi del tag TABLE INFO WEB LEZIONE N.6
Tabelle INFO WEB LEZIONE N.6 RAVENNA, 2 APRILE 2008 In HTML le tabelle vengono largamente utilizzate per organizzare i dati in tabelle creare il layout della pagina servendosi di tabelle nascoste Si definiscono
DettagliFrames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice
Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare
DettagliModulo o Form in Html
Pagina dinamica E un documento contenente oggetti, dati e informazioni che possono variare anche in base all iterazione dell utente con il documento stesso. Un esempio classico è quello di una persona
Dettaglia cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML Le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body.
DettagliTipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4
Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi
DettagliBasi 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
DettagliServe 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
DettagliTabelle 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
DettagliHTML. 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
DettagliWWW (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
DettagliHTML 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
DettagliHTML. 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
DettagliMetodologie 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
DettagliOgni 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
DettagliRealizzazione 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
DettagliElementi 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
DettagliCimini 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
DettagliLinguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del
DettagliWeb. HyperText Markup Language
Web HyperText Markup Language HTML HyperText Markup Language permette la creazione di documenti multimediali ipertestuali è il linguaggio per la creazione di pagine web non è l unico: PHP, JavaScript,
DettagliFondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1)
Cenni storici sul web (Internet) Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1) Web significa letteralmente ragnatela Avviato nel 1989 (Tim Berners-Lee) come
DettagliMetodologie 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
DettagliIMMAGINI 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
DettagliLINGUAGGI 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
DettagliEsistono editor WYSIWYG (What You See Is What You Get) (FrontPage)
HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text che possono essere creati usando un qualsiasi text editor e possono essere visualizzati con browsers Web. Il documento HTML
DettagliWorld Wide Web. WWW e Tim Berners Lee
World Wide Web Storia Definizione Terminologia Tecnologie FdI 2013/2014 GMDN 2014 1 WWW e Tim Berners Lee Il World Wide Web è una collezione di informazioni fra loro collegate e mantenute su calcolatori
DettagliCorso di HTML. Prerequisiti. Modulo L3 3 Blocchi di testo
Corso di HTML Modulo L3 3 Blocchi di testo 1 Prerequisiti Formattazione di un testo Struttura a titoli di un testo Giustificazione e allineamento del testo 2 1 Introduzione In questa Unità vediamo altri
DettagliHTML 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
DettagliIpertesto (testo + link a risorse)
Ipertesto (testo + link a risorse) testo a + dimensioni = che contiene informazioni di diverso "genere mediale" = indirizza a altri testi, immagini (statiche o mobili, ricevute tutte insieme o a lotti...),
DettagliIntroduzione 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
DettagliHTML: 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
DettagliOBIETTIVI 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
DettagliHTML. 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:
DettagliInformatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
DettagliLinguaggi 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
DettagliCostruzione 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
DettagliHyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco
HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per
DettagliLaboratorio di Basi di Dati e Web/Basi di dati e Multimedia. Docenti: Alberto Belussi e Carlo Combi Lezione 5
Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia Docenti: Alberto Belussi e Carlo Combi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard
DettagliHTML HTML HTML HTML. Le basi del linguaggio HTML. Marco Gribaudo
Le basi del linguaggio Marco Gribaudo marcog@di.unito.it http://www.di.unito.it/~marcog/savigliano E il linguaggio base per produrre documenti per World Wide Web (Internet) Documenti WEB: pagine ipertestuali
DettagliIntroduzione. 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
DettagliHTML 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
DettagliHTML 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
DettagliINFORMATICA. Prof. MARCO CASTIGLIONE. Istituto Tecnico Statale Tito Acerbo - PESCARA
INFORMATICA Prof. MARCO CASTIGLIONE Istituto Tecnico Statale Tito Acerbo - PESCARA 1.1 Introduzione Internet è una rete di calcolatori collegati tra loro e fisicamente posizionati in tutto il mondo RETE
DettagliParte 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
DettagliHTML e CSS. Concetti base
HTML e CSS Concetti base Hyper Text Markup Language Structured Generalized Markup Language (SGML) Nasce in ambiente editoriale Testo non formattato ma contrassegnato da coppie di marcatori Document
DettagliIl tag form indica l'inizio della costruzione di un modulo. Necessita del tag di chiusura
LE FORM Le form, note in italiano anche come moduli sono delle strutture che permettono all'utente di inserire dei dati o di effettuare delle scelte. Le form, prese singolarmente non sono nient'altro che
DettagliSommario. 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
DettagliHTML Guida di riferimento
Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 HTML Guida di riferimento La presente dispensa e da utilizzarsi ai soli fini didattici
DettagliTutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 5 Frame 5.1 Cosa sono i Frame e come si specificano icano
DettagliHTML 5. Tabelle. Bordi di una tabella. Il tag <TABLE> Le tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi
HTML 5 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Le tabelle Esempi 1 Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
DettagliInformatica (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
DettagliCreazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
DettagliTito Flagella - Il protocollo HTTP
Tito Flagella - tito@link.it Il protocollo HTTP Il protocollo HTTP È il protocollo standard tramite il quale i server Web rispondono alle richieste dei client (inizialmente i browser); È basato su un modello
DettagliAPPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
DettagliAPPUNTI 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
DettagliPagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML
Pagine HTML G Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine HTML G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi di base necessari
DettagliPrimi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
DettagliIpertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto
DettagliUn 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
DettagliLinguaggio 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:
DettagliStack protocolli TCP/IP
Stack protocolli TCP/IP Application Layer Transport Layer Internet Layer Host-to-Nework Layer DNS SMTP Telnet HTTP TCP UDP IP Insieme di eterogenei sistemi di rete... 1 Concetti base Differenza tra i concetti
DettagliPrefazione... 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
DettagliPrime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli
Prime nozioni di Web-Editing Classico Jacopone - Todi - A.S. 2016-2017 Prof. Marco Bastianelli Che cos è il Web Editing? ECDL (modulo avanzato Web Editing): La certificazione ECDL Web Editing permette
DettagliCorso HTML. Appendice. Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA. Home» I tuoi corsi» HTML» Lezione
Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA Corso HTML Home» I tuoi corsi» HTML» Lezione Appendice 13.1 Elenco dei Tag HTML in ordine alfabetico L'HTML è
DettagliINTRODUZIONE 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
DettagliArchitettura 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
DettagliCorso 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.
DettagliAgent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma. Fondamenti di Informatica
Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma Fondamenti di Informatica Reti di Calcolatori e Internet Prof. Agostino Poggi Reti di Calcolatori
DettagliElementi di HTML. grazie a Chiara Renso. KDD Lab, ISTI-CNR, Pisa
Elementi di HTML grazie a Chiara Renso KDD Lab, ISTI-CNR, Pisa HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain text che possono essere creati usando un qualsiasi
DettagliCSS (Cascading Style Sheets)
Foglio di stile CSS (Cascading Style Sheets) Regole che dicono al browser COME visualizzare le informazioni contenute nel documento HTML. Definiscono l APPARENZA del documento. Vedi http://www.w3schools.com/css/demo_default.htm
DettagliGermano Pettarin. Manuale HTML
A01 99 Germano Pettarin Manuale HTML Copyright MMVII ARACNE editrice S.r.l. www.aracneeditrice.it info@aracneeditrice.it via Raffaele Garofalo, 133 A/B 00173 Roma (06) 93781065 ISBN 978 88 548 1371 7 I
DettagliELENCHI. 1. Prima 2. Seconda 3. terza. Prima Seconda terza
ELENCHI Un elenco è una serie di voci di testo che possono essere contrassegnate da un punto elenco oppure da un numero o da una lettera e volendo anche da un elemento grafico. Si possono avere elenchi
DettagliCorso di HTML. Prerequisiti. Modulo L3 2 Formattazione del testo. Formattazione di un testo Stile, dimensioni e font di caratteri
Corso di HTML Modulo L3 2 Formattazione del testo 1 Prerequisiti Formattazione di un testo Stile, dimensioni e font di caratteri 2 1 I colori in HTML I colori in HTML si possono esprimere in due modi:
DettagliProgettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
DettagliTutorial 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,
DettagliAnno 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.
DettagliHTML: 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
DettagliIntroduzione 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
DettagliEsempi di applicazioni internet. WEB Trasferimento File Posta Elettronica Sistema dei nomi di dominio (DNS)
Esempi di applicazioni internet WEB Trasferimento File Posta Elettronica Sistema dei nomi di dominio (DNS) 17 Il Web: terminologia Pagina Web: consiste di oggetti indirizzati da un URL (Uniform Resource
DettagliNOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
Dettagli<!-- TESTO DEL COMMENTO
Il corpo della pagina: il tag Come abbiamo già avuto modo di osservare, il tag definisce ed identifica il corpo della pagina, cioè la "porzione visibile" di un qualsiasi documento HTML. Avendo
DettagliHTML 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
DettagliProgrammazione in Rete
Programmazione in Rete a.a. 2005/2006 http://www.di.uniba.it/~lisi/courses/prog-rete/prog-rete0506.htm dott.ssa Francesca A. Lisi lisi@di.uniba.it Orario di ricevimento: mercoledì ore 10-12 Sommario della
DettagliManuale 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
DettagliStrumenti 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
DettagliProf. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
DettagliInformatica di base 6/ed
Informatica di base 6/ed Autori: Dennis P. Curtin, Kim Foley, Kunal Sen e Cathleen Morin A cura di: Agostino Marengo e Alessandro Pagano Capitolo 13 La programmazione e lo sviluppo di sistemi Copyright
DettagliStoria 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
DettagliOSOR. Applicazioni di Rete
OSOR Applicazioni di Rete 1 Client-Server in Sistemi Distribuiti Host A Host B Client TCP/UDP IP Network Interface Internet Risultati Server TCP/UDP IP Network Interface Richiesta Applicazioni di Rete
DettagliHTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto
DettagliImmaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>
LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
Dettagli