Informatica di Base. Programma Lezioni
|
|
|
- Barbara Bernardini
- 8 anni fa
- Visualizzazioni
Transcript
1 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 in binario e Struttura del PC 3 9 novembre Linguaggio Html novembre Linguaggio Html 2 + Sistema operativo 5 23 novembre Foglio elettronico 6 30 novembre Reti di computer e WEB 7 14 dicembre Banche dati 8 21 dicembre Codifica dati: Immagini 9 11 gennaio banche dati on-line gennaio ripasso a quiz 2 Informatica di Base 1
2 Programma Esercitazioni 1 29 ottobre File system e formato dati Posta elettronica 2 8 novembre Word Processor 3 15 novembre HTML /24 novembre HTML novembre Foglio elettronico: tracciamento di funzioni 6 14 dicembre Foglio elettronico: trasformazioni di basi numeriche 7 20/22 10 dicembre Foglio elettronico: lettura dati e statistica 8 10 gennaio Ripasso Foglio elettronico e HTML 9 17 gennaio Foglio elettronico (regressione lineare) gennaio Ripasso Foglio elettronico 3 Informatica di Base 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) 4 Informatica di Base 2
3 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 5 Informatica di Base 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 6 Informatica di Base 3
4 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 7 Informatica di Base Linguaggio HTML 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 8 Informatica di Base 4
5 I TAG 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> 9 Informatica di Base Scrittura di una pagina 10 Informatica di Base 5
6 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: 11 Informatica di Base 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> 12 Informatica di Base 6
7 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> 13 Informatica di Base Struttura di un documento 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> 14 Informatica di Base 7
8 Struttura 15 Informatica di Base Gli spazi 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 > 16 Informatica di Base 8
9 Testo preformattato 17 Informatica di Base Caratteri speciali 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 altri caratteri speciali è (è accentata) ° (simbolo di gradi-degree) E il simbolo &? Si scrive & ampersand = nome inglese per la nostra e commerciale 18 Informatica di Base 9
10 hyperlink 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 19 Informatica di Base 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> 20 Informatica di Base 10
11 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 relativamente alla pagina corrente 21 Informatica di Base Path assoluti e relativi Consideriamo la pagina.htm dentro alla cartella corsi nel seguente albero: corsi biotecnologie farmacia Toss. Amb. lezioni Eserc. lezioni Eserc. lezioni Eserc. Per indicare una lezione di biotec, dalla pagina cartella corsi, dovrò scrivere un riferimento: href= biotecnologie/lezioni/lez1.htm Se da biotcnologie voglio far riferimento ad un esercitazione di farmacia: href=../farmacia/esercitazioni/eserc1.htm 22 Informatica di Base 11
12 Link interni al PC Se intendiamo pubblicare la pagina Trasferirla su un web server Dobbiamo usare link interni che siano percorribili dalla cartella della pagina Non devono includere cartelle 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. 23 Informatica di Base Esempio di collegamento 24 Informatica di Base 12
13 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. 25 Informatica di Base 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. 26 Informatica di Base 13
14 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 Colore 27 Informatica di Base Colore 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) 28 Informatica di Base 14
15 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> 29 Informatica di Base 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 30 Informatica di Base 15
16 Tabelle 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 31 Informatica di Base Tabella dei colori <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> 32 Informatica di Base 16
17 Tabella dei colori Le caselle possono usare vari attributi Ecco il testo della tabella vista prima: 33 Informatica di Base 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%) 34 Informatica di Base 17
18 Errori Quando il browser legge il testo 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 35 Informatica di Base 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 Nvu Si possono anche salvare pagine Html da applicazioni non specifiche Word processor Foglio elettronico 36 Informatica di Base 18
19 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 37 Informatica di Base 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 38 Informatica di Base 19
20 39 Informatica di Base Codifica del colore L occhio umano distingue colori compresi tra 0,4 e 0,8 µm di lunghezza d onda 40 Informatica di Base 20
21 La percezione umana non è la medesima per tutte le lunghezze d onda, ma è maggiore nella zona del verde 41 Informatica di Base 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 42 Informatica di Base 21
22 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 43 Informatica di Base 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 white gray black green red yellow 44 Informatica di Base 22
23 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 45 Informatica di Base 46 Informatica di Base 23
24 47 Informatica di Base 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 48 Informatica di Base 24
25 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ò indicare con 2 cifre esadecimali 49 Informatica di Base 50 Informatica di Base 25
26 51 Informatica di Base 26
Ipertesti. 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
Primi 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.
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:
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
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
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. 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
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:
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
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
Il 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
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 , ,...,
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
Per 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,
Corso 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
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
HTML 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
Esercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
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
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
Navigare 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
APPUNTI 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
Un 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
HTML 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
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
HTML (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
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
INTRODUZIONE ALL HTML
INTRODUZIONE ALL HTML LE REGOLE GENERALI Di seguito, sono raccolti i tag html (comandi) di uso più frequente per la formattazione dei testi e la gestione di una pagina web all interno del nostro sistema
Richiami sugli elementi del linguaggio HTML
Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi
Manuali.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
WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
Maria 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
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
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
Capitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
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
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à
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
UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
Login. 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
Architettura 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
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
Altro esempio di HTML
HTML (Hyper Text Markup Language) Linguaggio per descrivere una pagina di ipertesto Specifica come dovra apparire quando sara visualizzata, quali collegamenti contiene e dove portano Comando in HTML: riguarda
Esercitazione n. 10: HTML e primo sito web
+ Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine
Language. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
INFORMATICA 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
Convertitori 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
SPECIFICHE 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
Introduzione 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
Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
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 3 Immagini in documenti HTML 3.1 Rappresentazione delle
Pagine 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
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
Università di L Aquila Facoltà di Biotecnologie Agro-alimentari
RIFERIMENTI Università di L Aquila Facoltà di Biotecnologie Agro-alimentari Esame di Laboratorio di informatica e statistica Parte 3 (versione 1.0) Il riferimento permette di identificare univocamente
Word è 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
Università degli Studi di Milano
Università degli Studi di Milano Corso di Laurea in Sicurezza dei Sistemi e delle Reti Informatiche Lezioni 17 e 18 Creazione di File HTML FABIO SCOTTI Laboratorio di programmazione per la sicurezza Indice
MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004
MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del Vostro
GUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
Olga Scotti. Esercizi. Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)
Esercizi Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file) Esercizi 12biz htdocs img Index.html Canzoni.html Galleria.htm guestbook
Formattare 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
HTML: 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
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
Cos è 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
LA FINESTRA DI OPEN OFFICE CALC
LA FINESTRA DI OPEN OFFICE CALC Barra di Formattazione Barra Standard Barra del Menu Intestazione di colonna Barra di Calcolo Contenuto della cella attiva Indirizzo della cella attiva Cella attiva Intestazione
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)
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)
gestione 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,
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un
Informatica 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
FORMULE: Operatori matematici
Formule e funzioni FORMULE Le formule sono necessarie per eseguire calcoli utilizzando i valori presenti nelle celle di un foglio di lavoro. Una formula inizia col segno uguale (=). La formula deve essere
Scuola Digitale. Manuale utente. Copyright 2014, Axios Italia
Scuola Digitale Manuale utente Copyright 2014, Axios Italia 1 SOMMARIO SOMMARIO... 2 Accesso al pannello di controllo di Scuola Digitale... 3 Amministrazione trasparente... 4 Premessa... 4 Codice HTML
Protocolli 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
EUROPEAN 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
Simonotti Graziano DATABASE
DATABASE 1 - Che cos'è un database? Il database è un archivio di dati, che può essere gestito con sistemi informatici oppure in modo manuale. 2 - Come si chiamano i programmi che gestiscono gli archivi?
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
Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005
Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore
Modulo 1: Fondamenti per scrivere una pagina web
Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere
L aspetto dei file HTML
L aspetto dei file HTML Le pagine HTML contengono due tipi di oggetti: il testo del documento i TAG HTML Il documento si presenta come una successione di elementi (annidati) del tipo Testo influenzato
www.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
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,
Compilatore risorse display grafico LCD serie IEC-line
Compilatore risorse display grafico LCD serie IEC-line aggiornamento: 22-11-2012 IEC-line by OVERDIGIT overdigit.com 1. Il display grafico LCD I PLC della serie IPC-line possono disporre opzionalmente
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la
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
Informazione analogica e digitale
L informazione L informazione si può: rappresentare elaborare gestire trasmettere reperire L informatica offre la possibilità di effettuare queste operazioni in modo automatico. Informazione analogica
Reti 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
Gestire immagini e grafica con Word 2010
Gestire immagini e grafica con Word 2010 Con Word 2010 è possibile impaginare documenti in modo semi-professionale ottenendo risultati graficamente gradevoli. Inserire un immagine e gestire il testo Prima
Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate
MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento
Basi di programmazione HTML
Basi di programmazione HTML HTML (Hyper Text Markup Language) è un semplice linguaggio basato su un sistema di etichettatura (tagging scheme), derivato dal più complesso linguaggio SGML (Structured Generalized
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013.
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013. Questo documento contiene le istruzioni per lo svolgimento dell esame. La durata della prova è 60 minuti e richiede lo svolgimento
PowerPoint 2007 Le funzioni
PowerPoint 2007 Le funzioni Introduzione Cos è un ipertesto L' ipertesto è un testo organizzato in link, o collegamenti ad altre parti del testo e/o altri testi, in modo da consentire all utente di scegliere
A tal fine il presente documento si compone di tre distinte sezioni:
Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali
Avvio 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
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
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Progettare un
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Ciao mondo File
- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.
I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come
Introduzione a LyX. Creazione di un documento... 1608 Struttura e stile... 1610 Modelli di documento...1613 Automatismi... 1613 Riferimenti...
Introduzione a LyX Creazione di un documento.............................. 1608 Struttura e stile......................................... 1610 Modelli di documento...................................1613