Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
|
|
- Annunziata Toscano
- 8 anni fa
- Visualizzazioni
Transcript
1 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 più comune nelle pagine WEB Oltre a testo possono essere incorporati immagini, disegni, tabelle e filmati I diversi elementi componenti possono essere codificati in un solo documento o su più documenti diversi I diversi documenti possono essere memorizzati su un unico computer o su più computer ed essere visti tramite le loro coordinate in internet (URL) 1 Lezione 3 2 Lezione 3 Internet e WEB La rete internet è l insieme degli apparati di rete, cavi e protocolli di comunicazione che collegano milioni di computer nel mondo Tramite internet si realizzano diversi servizi: Posta elettronica Trasferimento di file Chat Il WEB WEB Il World Wide Web, o WWW non è internet è un insieme di computer contenenti informazioni in formato ipertestuale, accessibili mediante il protocollo di comunicazione http(hypertext Transf. Protocol) Web server, o server: i computer che mettono a disposizione le informazioni client: i computer che mediante browser accedono alle informazioni 3 Lezione 3 4 Lezione 3 Come funziona il WWW Il funzionamento del World Wide Web non differisce molto da quello delle altre applicazioni Internet Anche in questo caso il sistema si basa su una interazione tra un computer client ed un server In un architettura client-server ci sono due calcolatori connessi alla rete: un client che sottopone richieste al server un server in grado di rispondere alle richieste formulate da un client 5 Lezione 3 Come funziona il WWW Ovviamente la comunicazione fra client e server può avvenire solo se i due hanno stabilito un protocollo comune di comunicazione Il protocollo di comunicazione usato dal web e che regola la trasmissione dei documenti ipertestuali si chiama HyperText Transfer Protocol (HTTP) I documenti devono però essere in uno specifico formato: HyperText Markup Language (HTML) 6 Lezione 3 1
2 Web: client-server Un web-server è un server su cui è in esecuzione un programma in grado di scambiare messaggi con un client-web tramite il protocollo HTTP Un client-web è un programma (browser) in grado di dialogare con un web-server (usando il protocollo HTTP) Identificazione delle risorse Per poter essere utilizzate le varie risorse disponibili sulla rete (i documenti sui server) devono essere identificabili in modo univoco I browser identificano le risorse tramite indirizzi detti URL (Uniform Resource Locator) Un indirizzo URL è così composto: protocollo://server:porta_tcp:/file_path_completo 7 Lezione 3 8 Lezione 3 Esempio di indirizzo URL protocollo Nome del server Nome del file Dato che la porta associata al protocollo HTTP è la 80 per default non è necessario specificarla Il nome dei file index.html è implicito se non viene specificato il nome del file completo, viene automaticamente cercato un file dal nome index.html Pagine WEB Le pagine WEB non memorizzano l informazione così come la vediamo noi La pagina è memorizzata dando la descrizione di come apparirà Quando il browser legge la descrizione di come la pagina deve apparire (sorgente) provvede a ricreare tutti i dettagli di impaginazione e grafica Questo sistema consente al browser di adattare l output alle caratteristiche del sistema finale Risorse grafiche, numero di colori, risoluzione dello schermo 9 Lezione 3 10 Lezione 3 Linguaggio HTML I TAG La descrizione delle pagine WEB viene codificata per mezzo di appositi linguaggi L HTML è uno di questo linguaggi, ed è il più usato L HTML è basato sul codice ASCII e viene scritto mediante editor di testo Blocco note, wordpad.. Non è l unico linguaggio usato nelle pagine WEB Php, Javascript La struttura delle pagine è definita per mezzo di TAG I TAG sono parole o sigle racchiuse tra parentesi angolari (<) e (>) <title> I tag vengono usati a coppie per identificate l inizio e la fine di una struttura Il tag di chiusura contiene uno slash (/) <title> Lezione su Html </title> I Tag non distinguono tra maiuscole e minuscole <title> è uguale a <TITLE> Ma il testo si. Una pagina HTML comincia sempre col tag html <html> pagina. </html> 11 Lezione 3 12 Lezione 3 2
3 Scrittura di una pagina Intestazioni Anche se è possibile precisare esattamente la dimensione di un carattere, si usano frequentemente grandezze relative l html distingue diversi livelli di importanza per i paragrafi (intestazioni) Ci sono fino ad 8 livelli, identificati dai tag: <h1> primo livello </h1> <h2> secondo livello </h2> ecc. Il testo: <h1> papa </h1> <h2> cardinale </h2> <h3> vescovo </h3> apparirà come: 13 Lezione 3 14 Lezione 3 Attributi Alcuni tag possono avere attributi che precisano il valore di un parametro Il tag paragrafo <p> può usare l attributo align: center, right, left, justify <p align= center > testo </p> Esempi di tag Test corsivo (italico) <i> Testo grassetto (bold) <b> Testo a capo (break) <br> Non ha il corrispondente tag di chiusura Paragrafo <p> Usa l attributo align Titolo sulla barra <title> Riga orizzontale <hr> Usa gli attributi width e size Sottolineato (underscored) <u> Apici <sup> e pedici <sub> Tipo carattere <font> Usa attributi size, face, color. Testo intermittente (blinking) <blink> 15 Lezione 3 16 Lezione 3 Struttura di un documento Struttura Documento html <html> </html> Titolo sulla barra della finestra <title> </title> Informazioni preliminari (colore dello sfondo, tipo di carattere) <head> </head> Corpo della pagina <body> </body> 17 Lezione 3 18 Lezione 3 3
4 Gli spazi Testo preformattato Anche se il documento in html viene scritto su più righe, con spazi e salti a capo per rendere leggibile il codice, il browser legge tutto come se fosse su un unica riga Per dire al browser di andare a capo occorre il tag <br> Se vogliamo imporre certe spaziature, dobbiamo scrivere il testo fra i due tag <pre> e </pre> (preformatted) E possibile anche inserire commenti (testo non visualizzato dal browser) tra i tag: <! Commenti > 19 Lezione 3 20 Lezione 3 Caratteri speciali hyperlink In ogni linguaggio esiste il problema di scrivere carattere o simboli che ne costituiscono la sintassi Come scrivere i simboli < >? Si usa un combinazione che fa uso del simbolo & (escape) < si scrive < (less than) > si scrive > (greater than) Vale anche per caratteri speciali è (è accentata) ° (simbolo di gradi-degree) E il simbolo &? Si scrive & ampersand = nome inglese per la nostra e commerciale Finora non abbiamo detto nulla circa la caratteristica degli ipertesti, e cioè i collegamenti ad altre pagine/documenti. Ogni collegamento si compone di due parti Ancore La parte di testo che attiva il collegamento riferimento ipertestuali L indirizzo della nuova pagina web a cui accedere Ancore e riferimenti si esprimo mediante un tag <a> indica l ancora </a> href (attributo di <a>) indica il riferimento 21 Lezione 3 22 Lezione 3 Esempio di hyperlink Consideriamo la pagina del corso ed i link alle prove di esercitazione L esercitazione sarà sulla pagina: L ancora sia una scritta [testo] Nel file html, scriveremo: Esercitazione 1 <a href= > [testo] </a> Notate le virgolette nell indirizzo Apertura e chiusura del tag L ancora può essere qualunque cosa: una parola, un paragrafo intero, un immagine Tutto ciò che è compreso fra i tag <a> e </a> Path e URL Il collegamento segnalato nell attributo href può essere: Assoluto Implicherà una URL completa, comprensiva di protocollo http Relativo Un altra pagina web contenuta nello stesso computer Deve contenere il path per la nuova pagina 23 Lezione 3 24 Lezione 3 4
5 Link interni al PC Esempio di collegamento Se intendiamo pubblicare la pagina Trasferirla su un web server Dobbiamo usare link interni che siano percorribili dalla cartella della pagina Non devono includere cartelli specifiche del nostro PC che non si trovano sul server Devono proseguire sullo stesso ramo dello albero delle cartelle oppure avere le indicazioni di come raggiungere il ramo dalla posizione presente. 25 Lezione 3 26 Lezione 3 Immagini Anche le immagini possono essere inserite usando un tag specifico: <img> Il tag ha come attributi src (source) che specifica in nome del file immagine Altri attributi riguardano il posizionamento o la dimensione Es: <img src= foto.jpg > Se il file sta in un altra cartella, deve essere incluso il path I formati immagini consentiti sono solo jpeg e gif. Esempio di immagine In questo caso l immagine si trova nella stessa cartella del file foto.htm Se fosse su un altra cartella dovrei indicare il percorso: Assoluto nel PC: D:\biotecnologie\lezioni\immagini o relativo:..\immagini\foto.htm (la scritta..\ indica di salire di una cartella nell albero. 27 Lezione 3 28 Lezione 3 Colore Colore Come in molti programmi abbiamo colori predefiniti: Oppure si può usare la notazione RGB con valori tra parentesi tonde, oppure scritta in esadecimale Rosso= #FF0000 Verde= #00FF00 Blu= #0000FF Il colore può riguardare varie parti: Lo sfondo della pagina Attributo bgcolor del tag <body> Il testo Attributo color del tag <font> Attributo text del tag <body> Attributi link, vlink, alink del tag <body> Lo sfondo di una casella di tabella Attributo bgcolor del tag <td> (table data) 29 Lezione 3 30 Lezione 3 5
6 Liste Spesso capita di dover scrivere liste di nomi Per questo si usano i tag: <ul> </ul> (unordered list) <ol> </ol> (ordered list) Racchiudono tutti gli elementi della lista <li> </li> (list item) Racchiudono ciascuna riga della lista Es: <ul> <li> primo nome </li> <li> secondo nome </li> </ul> Tipi di liste Unordered list Le parti sono marcate da simboli Ordered list Le parti sono marcate da numeri Definition list Le parti sono indentate Le liste possono essere annidate, ma non incrociate 31 Lezione 3 32 Lezione 3 Tabelle Tabella dei colori Le tabelle sono costruite mediante tre diversi tag <table> </table> Racchiude l intera tabella <tr></tr> (table row) Racchiude ciascuna riga <td></td> (table data) Racchiude ciascuna cella <table> <tr> <td> black </td> <td> silver </td> <td> white </td> <td> gray </td> </tr> <tr> <td> red </td> <td> fuchsia </td> <td> maroon </td> <td> purple </td> </tr> <tr> <td> blue </td> <td> navy </td> <td> aqua </td> <td> teal </td> </tr> <tr> <td> lime </td> <td> green </td> <td> yellow </td> <td> olive </td> </tr> </table> 33 Lezione 3 34 Lezione 3 Tabella dei colori Le caselle possono usare vari attributi Ecco il testo della tabella vista prima: Attributi tabelle Border: definisce se vogliamo il bordo e il suo spessore Align: se applicato al tag <table> allinea la tabella; se applicato ai tag <tr> allinea il contenuto delle celle Valign: per posizionare verticalmente il testo nella tabella (top middle bottom) Cellpadding: per definire lo spazio tra testo e bordo della cella (es: cellpadding= 10 ) Cellspacing: definisce lo spazio tra celle Width: definisce la larghezza della tabella. Può essere espressa in: pixel (es: width= 100 ) percentuale rispetto alla larghezza totale della finestra (es: width=80%) 35 Lezione 3 36 Lezione 3 6
7 Errori Quando il browser legge il test html, non dà segnalazioni di errore Se trova un comando errato non lo esegue, ma lo ignora Se un tag non è chiuso o mal cominciato può visualizzare parte della sintassi Editor Html Non sempre è necessario scrivere direttamente in html Esistono programmi per la creazione di pagine WEB che lavorano in modalità WYSIWYG (What You See Is What You Get) FrontPage Publisher Mozilla Composer Si possono anche salvare pagine Html da applicazioni non specifiche Word processor Foglio elettronico 37 Lezione 3 38 Lezione 3 Problemi di Standard Come in tutti i programma esistono più convenzioni Oltre al Html puro, ci sono versioni più o meno dialettali, create proprio da queste applicazioni Un aspetto riguarda anche la codifica dei caratteri non strettamente ASCII (ad es. le vocali accentate) Per questo l aspetto della pagina può cambiare con diversi browser Per saperne di più Ci sono molte altre informazioni su html non comprese in queste pagine In internet trovate parecchi siti che trattano l argomento e possono anche fare da dizionario per i vari tag. Qui trovate tutorial di diverso livello 39 Lezione 3 40 Lezione 3 Codifica del colore I metodi di codifica del colore sono basati soprattutto sulla percezione umana La nostra percezione del colore e tale che un gran numero di colori può essere rappresentato come somma di tre colori primari Sistemi rgb e cmy Sono diffusi due tipi di primari red green blue (monitor) cyan magenta yellow (stampanti) ciano=verde+blu giallo=rosso+verde magenta=rosso+blu 41 Lezione 3 42 Lezione 3 7
8 Spazio colore RGB Le tre componenti r,g,b possono essere viste come coordinate in un sistema di assi cartesiano. Lo spazio è un cubo poiché i valori delle componenti sono limitati blue cyan magenta red black white gray yellow green scale di colori Che coordinate hanno punti di diverso colore? Rossi [r,0,0] ciano [0,x,x] Verdi [0,g,0] magenta [x,0,x] Blu [0,0,b] giallo [x,x,0] Grigi [x,x,x] nero [0,0,0] Bianco [max,max,max] Un giallo deve avere uguali componenti di rosso e verde, e componente blu nulla. Un grigio tutte e tre le componenti uguali 43 Lezione 3 44 Lezione 3 Colore I vecchi PC non avevano 16M di colori, ma solo 256 Per questo alcuni browser proiettano i colori su una tabella più piccola I colori usati sono solo quelli coi seguenti valori: RGB Hex CC FF Sistema esadecimale Esadecimale = BASE 16 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. E poi occorrono altri simboli: 10 = A, 11 = B, 12 = C, 13 = D, 14 = E, 15 = F Quindi 0, 1, 2.. 8, 9, A, B, C, D, E, F Poi 10, 11, 12..1A, 1B,.. 1F (31), 20 (32) Un byte contiene 256 possibili combinazioni di bit. In decimale [0, 255] In esadecimale [0, FF] Bastano 2 cifre per scrivere le 256 combinazioni di un byte. Nel sistema RGB ciascuna componente di può indiccre con 2 cifre esadecimali 45 Lezione 3 46 Lezione 3 47 Lezione 3 8
Informatica 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
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
DettagliInformatica 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
DettagliLEZIONE 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
DettagliAPPUNTI 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à
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.
DettagliArchitettura client-server
Architettura client-server In un architettura client-server ci sono due calcolatori connessi alla rete: un client che sottopone richieste al server un server in grado di rispondere alle richieste formulate
DettagliIntroduzione 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
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:
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
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
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 4 Tabelle 4.1 La struttura di una tabella Elementi principali
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente
DettagliIntroduzione 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
DettagliIl linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
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
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
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
DettagliCorso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
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
DettagliInformatica. 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
DettagliI 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ò
DettagliPer accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
DettagliLinguaggio 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:
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
DettagliCome funziona il WWW. Architettura client-server. Web: client-server. Il protocollo
Come funziona il WWW Il funzionamento del World Wide Web non differisce molto da quello delle altre applicazioni Internet Anche in questo caso il sistema si basa su una interazione tra un computer client
DettagliInternet 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
DettagliAPPUNTI DI HTML (TERZA LEZIONE)
Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il
DettagliLEZIONI 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 , ,...,
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie
DettagliHTML HyperText Markup Language:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto
DettagliProtocolli applicativi: FTP
Protocolli applicativi: FTP FTP: File Transfer Protocol. Implementa un meccanismo per il trasferimento di file tra due host. Prevede l accesso interattivo al file system remoto; Prevede un autenticazione
DettagliEsercizi. 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
DettagliHTML 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
DettagliManuali.net. Nevio Martini
Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente
DettagliIl 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)
DettagliUn ripasso di aritmetica: Rappresentazione binaria - operazioni. riporti
Un ripasso di aritmetica: Rappresentazione binaria - operazioni A queste rappresentazioni si possono applicare le operazioni aritmetiche: riporti 1 1 0 + 1 0 = 1 0 0 24 Un ripasso di aritmetica: Rappresentazione
DettagliReti di Calcolatori. Il Livello delle Applicazioni
Reti di Calcolatori Il Livello delle Applicazioni Il DNS Gli indirizzi IP sono in formato numerico: sono difficili da ricordare; Ricordare delle stringhe di testo è sicuramente molto più semplice; Il Domain
DettagliLaboratorio 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
DettagliWWW.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
DettagliHTML. 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
DettagliFormattare il contenuto Introduzione all uso di Text Wiki. Nicola Fontana
Formattare il contenuto Introduzione all uso di Text Wiki Nicola Fontana 11 aprile 2008 Indice 1 Introduzione 2 1.1 Struttura versus apparenza.................... 2 2 Divisione in paragrafi 2 3 Formattazione
DettagliInterNet: rete di reti
Internet e il web: introduzione rapida 1 InterNet: rete di reti Una rete è costituita da diversi computer collegati fra di loro allo scopo di: Comunicare Condividere risorse Ogni computer della rete può,
DettagliHTML+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
DettagliHTML: i link ipertestuali. La sintassi di qualunque link in HTML è la seguente: <A HREF= indirizzo > parolacalda </A>
HTML: i link ipertestuali La sintassi di qualunque link in HTML è la seguente: parolacalda A (=anchor) e /A introducono il tag pieno che definisce il link HREF è un attributo
DettagliRichiami 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
DettagliESERCITAZIONE Semplice creazione di un sito Internet
ESERCITAZIONE Semplice creazione di un sito Internet Sistemi e Tecnologie Informatiche - Prof. Gregorio Cosentino 1 Internet Una rete globale che connette milioni di computer in tutto il mondo, anarchica
DettagliConvertitori numerici in Excel
ISTITUTO DI ISTRUZIONE SUPERIORE G. M. ANGIOY CARBONIA Convertitori numerici in Excel Prof. G. Ciaschetti Come attività di laboratorio, vogliamo realizzare dei convertitori numerici con Microsoft Excel
DettagliDATABASE 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
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
DettagliItis 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
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
DettagliWorld Wide Web. Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL Linguaggio HTML
WWW 1/36 Ing. Valerio Lacagnina World Wide Web Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL WWW 2/36 Introduzione WWW o W3 è l acronimo di World Wide Web
DettagliEsame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
DettagliIntroduzione alla programmazione in C
Introduzione alla programmazione in C Testi Consigliati: A. Kelley & I. Pohl C didattica e programmazione B.W. Kernighan & D. M. Ritchie Linguaggio C P. Tosoratti Introduzione all informatica Materiale
DettagliComprendere cosa è Internet e sapere quali sono i suoi principali impieghi. 25/09/2011 prof. Antonio Santoro
Comprendere cosa è Internet e sapere quali sono i suoi principali impieghi. 1 Internet è una rete che collega centinaia di milioni di computer in tutto il mondo 2 Le connessioni sono dei tipi più disparati;
Dettagliprof. Mario Dalessandro
INTERNET Internet in pratica è una rete vastissima, costituita dall interconnessione di migliaia di reti pubbliche e private, utilizzata per scopi differenti, ma comunque volta a creare e diffondere informazioni.
DettagliWord è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e
Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e grafici, tutto nello stesso file di documento. Durante il lavoro testo e illustrazioni appaiono sullo schermo
DettagliINTERNET PER INIZIARE PRIMA PARTE
Università del Tempo Libero Caravaggio INTERNET PER INIZIARE PRIMA PARTE Prof. Roberto Foglia roberto.fogl@tiscali.it 21 gennaio 2016 COS È INTERNET È una rete di composta da migliaia di reti di computer
DettagliInternet e i suoi servizi. Luca Cervone (luca.cervone@unibo.it)
Internet e i suoi servizi Luca Cervone (luca.cervone@unibo.it) La rete Una reteèun insieme non gerarchicodi sistemi connessi tra di loro. Nel caso dei computerla rete sta ad indicare l insieme degli strumentihardwaree
DettagliINFORMATICA E GRAFICA PER IL WEB
INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2013/2014 Università degli studi Milano-Bicocca docente: Diana Quarti INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti
DettagliEsercitazione n. 10: HTML e primo sito web
+ Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine
DettagliModulo 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
DettagliEUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta
DettagliMaria Grazia Ottaviani. informatica, comunicazione e multimedialità
Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi
DettagliDal protocollo IP ai livelli superiori
Dal protocollo IP ai livelli superiori Prof. Enrico Terrone A. S: 2008/09 Protocollo IP Abbiamo visto che il protocollo IP opera al livello di rete definendo indirizzi a 32 bit detti indirizzi IP che permettono
Dettagliwww.filoweb.it STAMPA UNIONE DI WORD
STAMPA UNIONE DI WORD Molte volte abbiamo bisogno di stampare più volte lo stesso documento cambiando solo alcuni dati. Potremmo farlo manualmente e perdere un sacco di tempo, oppure possiamo ricorrere
DettagliExcel. 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
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
DettagliCMS 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
DettagliSiti web centrati sui dati (Data-centric web applications)
Siti web centrati sui dati (Data-centric web applications) 1 A L B E R T O B E L U S S I A N N O A C C A D E M I C O 2 0 1 2 / 2 0 1 3 WEB La tecnologia del World Wide Web (WWW) costituisce attualmente
DettagliApplicazioni web centrati sui dati (Data-centric web applications)
Applicazioni web centrati sui dati (Data-centric web applications) 1 ALBERTO BELUSSI ANNO ACCADEMICO 2009/2010 WEB La tecnologia del World Wide Web (WWW) costituisce attualmente lo strumento di riferimento
DettagliIpertesto. Reti e Web. Ipertesto. Ipertesto. Ipertestualità e multimedialità
Ipertesto Reti e Web Ipertestualità e multimedialità Ipertesto: documento elettronico costituito da diverse parti: nodi parti collegate tra loro: collegamenti Navigazione: percorso tra diversi blocchi
DettagliEsercizi 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
DettagliIl 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
Dettaglicaratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
Dettaglicreare la tua vetrina MMSHOPS
Impara in 60 minuti a creare la tua vetrina MMSHOPS Corso di apprendimento rapido EUROTEAM 2014 (www.euroteam.it) 1 I componenti della vetrina MMSHOPS si basa su concetto molto semplice: il nome del file
DettagliCome leggere ed interpretare la letteratura scientifica e fornire al pubblico informazioni appropriate sui farmaci
Come leggere ed interpretare la letteratura scientifica e fornire al pubblico informazioni appropriate sui farmaci I motori di ricerca in internet: cosa sono e come funzionano Roberto Ricci, Servizio Sistema
DettagliCorso 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
DettagliLogin. Gestione contenuto. www.sitofaidate.it
www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando
DettagliClasse prima sezione e-f Indirizzo Turismo
PROGRAMMA DI INFORMATICA Classe prima sezione e-f Indirizzo Turismo Anno Scolastico 2014-2015 Testo: Flavia Lughezzani-Daniela Princivalle CLIPPY START 1 Corso di informatica per il biennio Edizione HOEPLY
DettagliCorso Creare Siti WEB
Corso Creare Siti WEB INTERNET e IL WEB Funzionamento Servizi di base HTML CMS JOOMLA Installazione Aspetto Grafico Template Contenuto Articoli Immagini Menu Estensioni Sito di esempio: Associazione LaMiassociazione
DettagliLe Pagine WEB e l HTML
Le Pagine WEB e l HTML Sommario: I concetti fondamentali : l ipertesto e la multimedialità Pag. 3 La progettazione : usabilità e uniformità Gli editor di html: front page Pag. 4 Il linguaggio di programmazione
DettagliInformatica per la comunicazione" - lezione 10 -
Informatica per la comunicazione" - lezione 10 - Evoluzione del Web" Nell evoluzione del Web si distinguono oggi diverse fasi:" Web 1.0: la fase iniziale, dal 1991 ai primi anni del 2000" Web 2.0: dai
DettagliUTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
DettagliAvvio di Internet ed esplorazione di pagine Web.
Incontro 1: Corso di aggiornamento sull uso di internet Avvio di Internet ed esplorazione di pagine Web. Istituto Alberghiero De Filippi Via Brambilla 15, 21100 Varese www.istitutodefilippi.it Tel: 0332-286367
DettagliFISH 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)
Dettagligestione e modifica di immagini fotografiche digitali
gestione e modifica di immagini fotografiche digitali il colore e le immagini la gestione delle immagini Il computer è in grado di gestire le immagini in formato digitale. Gestire vuol dire acquisirle,
DettagliIl calcolatore - Applicazioni
Alfonso Miola Il calcolatore - Applicazioni Esercitazione Dispensa B-01-E Settembre 2005 1 Contenuti Applicazioni Applicazioni e Interfacce Il pacchetto Office Word Excel Power Point Il CD per ECDL 2 Applicazioni
Dettaglilo 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,
DettagliSTAMPA DI UNA PAGINA SEMPLICE
Pagina 11 copiati nel proprio sistema (disco fisso o floppy). Questa operazione è detta download o scaricamento. Il modo più semplice per effettuare un download di un file (a meno che non sia specificato
DettagliInfrastrutture 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 -
DettagliInternet e posta elettronica. A cura di Massimiliano Buschi
Internet e posta elettronica A cura di Massimiliano Buschi Concetti fondamentali Internet www Tcp/ip Browser Terminologia Esistono un sacco di termini con cui bisogna famigliarizzare http url Link Isp
DettagliHTML: la sintassi del web
HTML: la sintassi del web Il linguaggio di codifica per l implementazione dei siti web: HTML Hyper Text Markup Language di BARBARA LOTTI 7/7/2006 1 Le origini dell HTML Il World Wide Web fu inventato nel
DettagliSPECIFICHE E LIMITI DI EXCEL
SPECIFICHE E LIMITI DI EXCEL Un "FOGLIO DI CALCOLO" è un oggetto di un programma per computer costituito da un insieme di celle, organizzate in righe e colonne, atte a memorizzare dati ed effettuare operazioni
DettagliReti di calcolatori. Reti di calcolatori
Reti di calcolatori Reti di calcolatori Rete = sistema di collegamento tra vari calcolatori che consente lo scambio di dati e la cooperazione Ogni calcolatore e un nodo, con un suo indirizzo di rete Storia:
DettagliLe Reti Informatiche
Le Reti Informatiche modulo 10 Prof. Salvatore Rosta www.byteman.it s.rosta@byteman.it 1 Nomenclatura: 1 La rappresentazione di uno schema richiede una serie di abbreviazioni per i vari componenti. Seguiremo
DettagliGuida all uso di Java Diagrammi ER
Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con
DettagliCos è un word processor
Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei
Dettagli