Laboratorio di Informatica
|
|
- Angelina Ricci
- 7 anni fa
- Visualizzazioni
Transcript
1 Il testo Il testo e i sistemi per la gestione del testo Lezione 3 Testo ha una doppia natura rappresentazione visiva del linguaggio un segno grafico proprio Testo digitale Contenuto del testo i caratteri e le parole Aspetto del testo I glifi, i tipi di caratteri, gli attributi, la grandezza display a video recupera l esperienza della tipografia Rappresentazione del testo schemi di bit per rappresentare i caratteri e immagazzinarli in memoria 2 Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura 3 4 Fonti Tipi di fonti Times, corpo 28 Normale, neretto, corsivo, sottolineato con grazie (serif) senza grazie (sans serif) Helvetica, corpo 28 Normale, neretto, corsivo, sottolineato spaziatura proporzionale spaziatura Courier, corpo 28 fissa Normale, neretto, corsivo, sottolineato 5 6 Gestione del testo 1
2 Rappresentare il testo digitale Ogni carattere è rappresentato con un numero, inclusi i segni di punteggiatura e le cifre Lettere maiuscole o minuscole hanno rappresentazione diversa H i, H e a t h e r. Tabelle di caratteri Funzione di corrispondenza tra un insieme di caratteri e un valore, il suo codice Accordarsi su uno standard Nessun trasferimento di file sarebbe possibile altrimenti ASCII (American Standard Code for Information Interchange) Tabella per 128 caratteri, usa 7 bit ISO 646: standard ASCII con varianti nazionali Problemi di trasferibilità Problemi di visualizzazione del codice Formato ASCII esteso Utilizza 8 bit, quindi rappresenta 256 valori La prima metà è il formato ASCII La seconda metà rappresenta vari caratteri speciali Le lettere accentate o con segni particolari: umlaut o cediglie ISO 8859 del 1980 stabilisce lo standard per il formato ASCII esteso a 8 bit ISO-Latin 1 (il vecchio ISO 646) non sono usati i caratteri speciali Ma 256 caratteri non sono comunque sufficienti per molte lingue 9 Formato ISO10646 ISO10646 è una collezione di 2 32 caratteri organizzati in un ipercubo a 4 dimensioni 256 gruppi di 256 piani di 256 righe di 256 caratteri di 8 bit (g,p,r,c) Il formato UNICODE, chiamato anche Basic Multilingual Plane, è (0,0,r,c) e rappresenta tutti i set di caratteri inclusi il cinese, il giapponese e il coreano Encoding è la funzione che mappa un codice in una sequenza di byte per la trasmissione o l archiviazione Quoted Printable: i caratteri tra 128 e 255 sono rappresentati con 3 byte di cui il 1 è il simbolo =, gli altri contengono il valore del codice in esadecimale è diventa =E9 UCS-2 trasmette solo i due piani utilizzati da UNICODE UTF8 inoltre li trasmette in opportune sequenze di byte a 8 bit 10 Due approcci Sistemi per la gestione dei testi Markup: il processo con cui si segna un testo per specificare il suo layout I sistemi di markup: gestori di testo basati su tag Descrittori dei comandi da applicare al testo I sistemi WYSIWYG (What You See Is What You Get) I markup sono presenti ma invisibili: codice binario eseguibile Sostanzialmente una differenza di interfaccia Nei sistemi di markup testuale i file sorgenti sono file di puro testo Più adatti al trasferimento tra piattaforme e sulla rete 12 Gestione del testo 2
3 Markup visuale Nel markup visuale i tag definiscono l apparire del testo Es in LaTeΧ: definire un titolo di sezione centrato \begin{center} \fontfamily{hlh} \fontseries{b} \fontshape{n} \fontsize{14}{16} \selectfont Introduzione \end{center} 13 Markup strutturale Nel markup strutturale i tag identificano elementi logici del documento \sectionheading{introduzione} Altrove, anche in un diverso file, document style, si trova la definizione degli elementi strutturali \newcommand{ \sectionheading} [1] { \begin{center} \bfseries \Large # 1 \end{center} } \begin{flushright} \bfseries \itshape \Large\uppercase{#1} \end{flushright} 14 Vantaggi del markup strutturale Facilita il cambiamento di layout Facilita la localizzazione del documento Accomodare prassi diverse di layout tipografico in diversi paesi Facilita la ridefinizione del layout per differenti media Segnali sonori per non vedenti Separa il layout dalla struttura del documento Un meccanismo di astrazione sul testo Facilta la manipolazione automatica del testo Traduzioni automatiche di formato Generazione automatica di indici Standard Generalized Markup Language Introduce la completa separazione tra struttura e layout visuale Esistono solo markup strutturali Un meta-linguaggio di markup Consente la definizione di propri tag per definire segmenti di documento Paragrafi, indici Non solo per marcare testi, anche per strutturare ogni tipo di dati con documenti che li descrivono DTD e fogli di stile Una DTD (Document Type Definition) definisce la struttura e non il layout Un documento SGML contiene quindi la descrizione della sua struttura Il layout è controllato da: I fogli di stile (style sheet) I browser interpretano i tag con specifiche di default I fogli di stile vengono specificati con un linguaggio ad hoc HyperText Markup Language CERN di Ginevra Linguaggio per autori e un sistema di distribuzione Creare e distribuire sulla rete documenti digitali integrati Linguaggio su cui si basa il World Wide Web La rete di computer che comunicano mediante il protocollo HTTP Basato su architettura client-server I client tramite browser si collegano ai server Gestione del testo 3
4 Il successo del web I protocolli precedentemente usati per il trasferimento dei file (FTP) prevedevano che i documenti fossero trasferiti e copiati sulla macchina per essere consultati le fasi di down-load e consultazione erano distinte Tramite il web è possibile consultare direttamente dei documenti online il trasferimento dei documenti viene effettuato automaticamente, in modo trasparente all utente Il successo del web Consente di accedere in modo uniforme a informazioni di varia natura immagini, animazioni, suoni, filmati... (multimedialità) Con l introduzione di componenti attive (form, applet, javascript, php, ) è anche possibile utilizzare i browser web per trasmettere informazioni dall utente al server Le basi tecnologiche Le tecnologie che hanno permesso l ampia diffusione del web sono: gestione degli ipertesti e della multimedialità disponibilità di browser (client multi-protocollo) efficaci convenzioni per l identificazione delle risorse utilizzo di un protocollo nella connessione browser-server web particolarmente semplice Il punto di forza: la struttura ipertestuale È possibile navigare tra le pagine di documenti che si trovano sul medesimo computer o su computer diversi, magari a migliaia di chilometri l'uno dall'altro i riferimenti ad altri documenti sono specificati tramite link È semplice da usare: mediante l uso di interfacce grafiche (browser) con modalità di interazione point-and-click Ipertesti Esempio L'ipertesto è un testo che può essere letto in sequenza oppure seguendo i rimandi, i link, associati alle sue diverse parti II lettore può scegliere il percorso di lettura che preferisce, assecondando liberamente i suoi interessi Gestione del testo 4
5 Ipertesti esempio In ogni punto del documento può comparire un punto di ancoraggio (anchor) per relazioni link ad un altra parte del medesimo documento hyperlink ad un altro documento il linea viene visualizzato dai browser in modo diverso dal testo (in genere sottolineato) la selezione (point-and-click) viene interpretata dal browser come la richiesta di visualizzare il documento specificato dalla relazione HTML in breve Il linguaggio HyperText Markup Language Definito sull base di SGML In particolare come una SGML DTD per descrivere le pagine del Web Solo un linguaggio di markup Separa la definizione della struttura dal suo layout Titoli, paragrafi e sottoparagrafi, liste Pochi controlli tipografici: italico, grassetto Tavole e moduli interattivi Integrazione di media e introduce i legami ipertestuali Versione standard è HTML Evoluzioni di HTML I fogli di stile CSS (Cascading Style Sheet) per controllare il layout e posizionare correttamente immagini e testo sulla pagina Introduce maggiori capacità di layout DHTML (Dynamic HTML) In accordo con un CSS consente di cambiare dinamicamente la posizione di un elemento di stile Introduce animazione nella pagina HTML oggi Commercializzazione dei browser (metà 90) Numerose estensioni proprietarie non standard Uso indebito dei tag Per controllare il formato del testo Uso massiccio di grafica Per controllare meglio il formato Persino per le formule matematiche Gestione del testo 5
6 Limiti HTML Tag non sufficienti per descrivere la grande varietà di documenti Non consente la definizione di nuovi tag Es: un ristorante vuole i menù su web. Quali tag si usano per definire le diverse entrate? Si useranno i tag delle sezioni solo perché il loro display finale è simile all importanza che vogliamo dare ai diversi piatti Il markup NON descrive correttamente la struttura del documento ma una struttura che si presenta simile Si perde il vantaggio della strutturazione: un motore di ricerca non potrebbe cercare i primi piatti ad esempio Necessaria un evoluzione Contenuto vs presentazione HTML struttura documenti per rendere il contenuto più fruibile Titoli, liste, paragrafi, immagini Non controlla il layout finale Non struttura il contenuto Per questo viene sostituito dalla sua evoluzione: il linguaggio XML (extensibile Markup Language) extensibile Markup Language Raccomandazione del W3C nel 1998 Adattamento di un sottoinsieme SGML per il Web Consente di definire DTD per ogni tipo di documenti, superando i limiti di HTML Esperti definiscono DTD specifiche, che condividono caratteristiche di base di XML Browser le interpretano XML diventa un infrastruttura che supporta vari meccansimi per strutturare testi e documenti multimediali non solo per il web Esempi di DTD per XML SMIL (Synchronized Multimedia Integration language) linguaggio per la presentazione di coreografie multimediali, in cui audio, video testo e grafica sono integrati e sincronizzati in tempo reale Consente di specificare cosa e quando presentare: una frase sincronizzata con un immagine SVG (Standard Vector Graphics) Linguaggio per la definizione di grafica vettoriale, inteso a superare le gravi limitazioni di HTML nella gestione di documenti ricchi in multimedialità Esempi di DTD per XML MathML (Math Markup Language) XFDL (extensibile Forms Description Language) RDF (Resource Description Framework) Fornisce uno standard per la definizione di metadati Metadati: dati sul documento, il linguaggio o etichette per la descrizione del contenuto Strumenti di sviluppo Minimo: un editor di testi (NotePad o SimpleText) e un browser Applicazioni di tipo WYSIWYG (What You See Is What You Get) dedicate (NetscapeComposer, W3C Amaya) Cautela: supporto allo standard 4.0 Comporre i documenti e poi inserire i tag oppure inserire i tag durante la composizione? Controllori di sintassi: HTML Tidy distribuito dal W3C Gestione del testo 6
mi ritrovai per una selva oscura Master Catalogazione AA 2009/10 Maria A. Alberti Gestione dell Informazione Testo e grafica a videa Il testo
Il testo Testo ha una doppia natura rappresentazione visiva del linguaggio un segno grafico proprio a video Testo digitale Contenuto del testo i caratteri e le parole Aspetto del testo Master Catagolazione
DettagliCodifica informazione testuale
Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare
DettagliLuca Tesei. Laboratorio di Sviluppo Web: Le Basi. Modulo IFTS. Fermo 31/03, 03/04, 07/ Prof. Luca Tesei Università di Camerino 1
Luca Tesei Laboratorio di Sviluppo Web: Le Basi Modulo IFTS Fermo 31/03, 03/04, 07/04 2017 Prof. Luca Tesei Università di Camerino 1 Informazioni di Contatto Email docente: luca.tesei@unicam.it Telefono:
DettagliI set di caratteri WWW. Fabio Vitali 5 novembre 1999
I set di caratteri Fabio Vitali 5 novembre 1999 Introduzione Qui esaminiamo in breve: Il problema della codifica dei caratteri ASCII (7 bit ed esteso) ISO/IEC 10646 e UNICODE UCS e UTF 2 I set di caratteri
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
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
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
DettagliReti informatiche. 2. Internet e navigazione
Reti informatiche 2. Internet e navigazione Un po di storia Il 1969 viene considerato l anno di nascita di Internet, quando l Università del Michigan e quella di Wayne stabilirono la prima connessione
Dettagli3.3.6 Gli operatori Le funzioni di accesso al tipo Le strutture di controllo Le funzioni
IIndice Capitolo 1 Da dove partiamo: pagine web statiche 1 1.1 Principi di base.............................. 1 1.1.1 Il paradigma client-server.................... 1 1.1.2 Ipertesto, multimedia, ipermedia................
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
DettagliLogopedia AA 2005/06. Laboratorio di Informatica M.A. Alberti. Formati dei file 1. Formato dei file e programmi. Laboratorio di Informatica.
Formato dei file e programmi Formato dei file, word processing ed elaborazione su foglio elettronico Lezione 3 I programmi manipolano informazioni e in genere salvano queste informazioni su file in modo
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
DettagliLa rappresentazione delle informazioni
La rappresentazione delle informazioni In queste pagine cercheremo di capire come sia possibile rappresentare mediante numeri e memorizzare in un file testi, immagini, video, suoni... Il computer per lavorare
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
DettagliArgomenti XML JSON. Linguaggi per la definizione e lo scambio di dati strutturati, semi-strutturati, non strutturati. XML Data Model JSON
XML JSON Argomenti 2 Linguaggi per la definizione e lo scambio di dati strutturati, semi-strutturati, non strutturati XML Data Model JSON 3 XML XML extensible Markup Language 4 Modello di dati XML Nato
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
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
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
DettagliInformatica e laboratorio
Informatica e laboratorio Corso di Laurea in Geologia Internet, World Wide Web, ipertesti, posta elettronica Internet Internet è l infrastruttura di rete che connette le più svariate reti di calcolatori
DettagliLinguaggi per il Web: XML
Linguaggi per il Web: XML Piero Fraternali Sara Comai Politecnico di Milano XML http://w3c.org/xml/ -- http://www.microsoft.com/xml/ extended Markup Language Formato di file proposto dal W3C per distribuire
DettagliCONCETTI E ARCHITETTURA DI UN SISTEMA DI BASI DI DATI
CONCETTI E ARCHITETTURA DI UN SISTEMA DI BASI DI DATI Introduzione alle basi di dati (2) 2 Modelli dei dati, schemi e istanze (1) Nell approccio con basi di dati è fondamentale avere un certo livello di
DettagliLaboratorio di Informatica
Laboratorio di Informatica per la laurea triennale in Chimica ESERCITAZIONE 2 - Sistemi per la scrittura 1 Storia Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura,
DettagliNozioni di base per creare e visualizzare documenti XML
Nozioni di base per creare e visualizzare documenti XML Il concetto di modello Prima della codifica di un qualsiasi documento è necessario studiarne la natura, le caratteristiche e le possibili funzionalità
DettagliHTML 1. HyperText Markup Language
HTML 1 HyperText Markup Language Introduzione ad HTML Documenti HTML Tag di markup Formattazione del testo Collegamenti ipertestuali Immagini Tabelle Form in linea (moduli) Tecnologie di Sviluppo per il
DettagliTecniche Multimediali
Chiedersi se un computer possa pensare non è più interessante del chiedersi se un sottomarino possa nuotare Edsger Dijkstra (The threats to computing science) Tecniche Multimediali Corso di Laurea in «Informatica»
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
Dettagli1.1. Come funzionano le pagine Web.
Se tu hai voglia di creare il tuo sito web in HTML, oppure stai semplicemente cercando un supporto aggiuntivo perché pensi che le lezioni di HTML che ricevi all università non sono abbastanza chiare e
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
DettagliLa Rappresentazione dell Informazione
La Rappresentazione dell Informazione Parte III I codici Codici a.a. 27-28 Un codice è una funzione che associa ad una sequenza di simboli un significato Codice : {entità} {sequenze di simboli} Un codice
DettagliLa codifica digitale del testo
La codifica digitale del testo Codifica digitale La codifica Il computer elabora esclusivamente numeri binari. Le informazioni per essere trattate ed elaborate dal computer devono essere prima trasformate
DettagliLinguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano
Linguaggi di Markup Violetta Lonati a Dipartimento Scienze dell Informazione Università degli Studi di Milano a E garantito il permesso di copiare, distribuire e/o modificare i materiali cont enuti in
DettagliInformatica. Dipartimento di Economia. Ing. Cristiano Gregnanin. 8 novembre Corso di laurea in Economia
Informatica Dipartimento di Economia Ing. Cristiano Gregnanin Corso di laurea in Economia 8 novembre 2016 1 / 28 Rete informatica La rete informatica è la condivisione d informazioni o servizi. un computer
DettagliProgettazione Siti Web: Web
Progettazione Siti Web: Web Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it Corso di
DettagliDefinizione di file. Directory e file File binari e file di testo
I/O Avanzato e File Definizione di file Directory e file File binari e file di testo 5 Definizione di file Directory e file Tutti i sistemi operativi permettono di organizzare le informazioni su hard disk
Dettagli1.2d: La codifica Digitale dei caratteri
1.2d: La codifica Digitale dei caratteri 2 Bibliografia Curtin, 3.6 (vecchie edizioni) Curtin, 2.5 (nuova edizione) CR pag. 9-14 Questi lucidi 3 La codifica dei caratteri Un testo è rappresentato attraverso
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
DettagliUnità A1. Informazioni e dati. Obiettivi. Informazione automatica. Informatica. Informazione e conoscenza. Il concetto di informazione
Obiettivi Unità A1 Informazioni e dati Conoscere i principali concetti legati all informatica Saper distinguere tra informazioni e dati Conoscere il concetto di rappresentazione analogica e digitale Conoscere
Dettagli1.2d: La codifica Digitale dei caratteri
1.2d: La codifica Digitale dei caratteri 2 12 ott 2011 Bibliografia Curtin, 3.6 (vecchie edizioni) Curtin, 2.5 (nuova edizione) CR pag. 9-14 Questi lucidi 3 12 ott 2011 La codifica dei caratteri Un testo
DettagliTecnologie informatiche multimediali
Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it
DettagliPiccola guida a Sigil. Corso AD Roma XIII Olga Mannella
Piccola guida a Sigil Sigil è un vero e proprio editor di files epub, che non necessita (anche se la cosa rimane possibile) la creazione del testo base con altri editor di testo. Si tratta di un programma
DettagliLinguaggi di Programmazione
Linguaggi di Programmazione Linguaggi di Programmazione Programmazione. Insieme delle attività e tecniche svolte per creare un programma (codice sorgente) da far eseguire ad un computer. Che lingua comprende
DettagliUniversità del Salento Facoltà di Scienze della Formazione, Scienze Politiche e Sociali CORSO DI INFORMATICA. UD5. Internet = Web?
CORSO DI INFORMATICA UD5. Internet = Web? Bruno Ronsivalle Cosa si intende per Internet? Come si accede a Internet? Internet e Web sono la stessa cosa? Cosa significa WWW? Cosa si intende per ipertesto?
DettagliProgettazione Siti Web: Pagine Web Introduzione e HTML
Progettazione Siti Web: Pagine Web Introduzione e HTML Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
DettagliCURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO
dei limiti nel contesto culturale e sociale in cui vengono applicate CURRICOLO PARTIMENTO INFORMATICA PRIMO BIENNIO MODULO 1 Concetti di base della tecnologia dell informazione Acquisire e interpretare
DettagliFondamenti di informatica. Word Elaborazione di testi
Fondamenti di informatica Word Elaborazione di testi INTRODUZIONE Cos è Word? Word è un word processor WYSIWYG (What You See Is What You Get) in grado di soddisfare molte esigenze di word processing e
DettagliComunicazione Digitale
Comunicazione Digitale Schema didattico di riferimento 1 1. Internet e le reti locali 1. Qual è la storia della rete Internet dagli albori ai giorni nostri 2. I tipi di rete, come si organizzano e agglomerano
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
DettagliElenchi puntati e numerati
Elenchi puntati e numerati Gli elenchi giocano un ruolo molto importante nei testi, ma anche nella definizione di elementi strutturali delle pagine HTML. Dal punto di vista dell organizzazione del testo
Dettagli#HTML & MArkup Languages. good web design VS bad web design
#HTML & MArkup Languages good web design VS bad web design #standard web a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those
DettagliIndice generale. Prefazione... xi. Parte I Image editing... 1. Capitolo 1 Basi di grafica digitale... 3
Prefazione... xi Parte I Image editing... 1 Capitolo 1 Basi di grafica digitale... 3 Impiego delle immagini digitali... 3 Normativa d uso delle immagini... 5 Caratteristiche di base dei prodotti digitali...
DettagliModulo 1: Le I.C.T. UD 1.2d: La codifica Digitale dei caratteri
Modulo 1: Le I.C.T. : La codifica Digitale dei caratteri Prof. Alberto Postiglione Corso di Informatica Generale (AA 07-08) Corso di Laurea in Scienze della Comunicazione Università degli Studi di Salerno
DettagliHTML 1 AVVISO. Terminologia. Introduzione ad HTML. HyperText Markup Language
HTML 1 HyperText Markup Language AVVISO Martedì 4 ottobre in laboratorio ci saranno 2 turni: 11:00 12:15 matricole pari 12:30 13:45 matricole dispari Introduzione ad HTML Documenti HTML Tag di markup Formattazione
DettagliWord Elaborazione di testi
Fondamenti di informatica Cos è Word? Word è un word processor WYSIWYG (What You See Is What You Get) in grado di soddisfare molte esigenze di word processing e desktop publishing Word Elaborazione di
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
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
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:
DettagliLa codifica dei caratteri di un testo
La codifica dei caratteri di un testo L obiettivo è quello di comunicare con il calcolatore usando il nostro linguaggio. Dobbiamo rappresentare le lettere dell alfabeto L insieme di simboli comunemente
DettagliCODIFICA DEL TESTO 0???????
CODIFICA DEL TESTO Simboli da rappresentare: lettere a,b,c,.z,a,b,c,.z cifre 0,1,2,3, 9 simboli di punteggiatura ;:,. Rappresentati mediante sequenze di bit Una codifica dei simboli è perciò (almeno) una
DettagliContenuto vs Stile: un esempio
I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle pagine. Molto spesso, invece degli appositi tag, si utilizzano le tabelle per posizionare
DettagliAppunti sui fogli di stile
Appunti sui fogli di stile CSS ( Cascading Style Sheets): Linguaggi di formattazione stilistica e strutturale di un documento HTML o di una serie di documenti in cascata. Può aggiornare lo stile di un
DettagliL XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale e semantico relative ai dati veri e propri.
L XML è un linguaggio di markup aperto e basato su testo che fornisce informazioni di tipo strutturale e semantico relative ai dati veri e propri. L XML è stato ottimizzato per il Web, diventando potente
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:
DettagliLa rappresentazione dell informazione
Fluency La rappresentazione dell informazione Capitolo 5 Quanti sono? Nel mondo ci sono 10 tipi di persone quelli che capiscono il codice binario e quelli che non lo capiscono. Simboli tasti del telefonino
DettagliI.I.S. Federico II di Svevia - Melfi
I.I.S. Federico II di Svevia - Melfi Liceo Scientifico - Opzione Scienze Applicate Progettazione didattica a.s. 2016/2017 INFORMATICA Docente: Michele FICARAZZI Classe 4BA PREMESSA SULLA CLASSE: La classe
DettagliProf. Maristella Agosti, Ing. Marco Dussin
Università degli Studi di Padova Facoltà di Lettere e Filosofia Progettazione di siti web (ING-INF/05) LMSGC, mutuato da LMLIN e Sc. Stat. a.a. 2010-11 Indice: Prof. Maristella Agosti, Ing. Marco Dussin
DettagliAspetto. Lauri Watts Traduzione italiana: Pino Toscano
Lauri Watts Traduzione italiana: Pino Toscano 2 Indice 1 Aspetto 4 1.1 Generale........................................... 4 1.2 Carattere........................................... 4 1.3 Fogli di stile.........................................
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
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Volpedo (AL) www.comune.volpedo.al.it DATA DELLA VALUTAZIONE 1/12/2008 AUTORE DELLA VALUTAZIONE Fabio Regina COMMENTI
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
DettagliAccessibilità Web. Immagini <img> Motivazione implementazione e verifica dei contenuti e delle interfacce ai sensi della legge 4/2004
Accessibilità Web Immagini Motivazione implementazione e verifica dei contenuti e delle interfacce ai sensi della legge 4/2004 Versione ridotta della versione originale Accessibilità web di Roberto
DettagliRappresentazione delle informazioni LA RAPPRESENTAZIONE DELLE INFORMAZIONI. Grandezze digitali. Grandezze analogiche
Rappresentazione delle informazioni LA RAPPRESENTAZIONE DELLE INFORMAZIONI Nella memoria del computer è possibile memorizzare esclusivamente sequenze di bit e il processore può processare soltanto dati
DettagliHTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
DettagliInformatica d ufficio
Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose
DettagliCorso di Informatica
Corso di Informatica Modulo 1 4-Rappresentazione di informazioni non numeriche 1 Prerequisiti Struttura del sistema di elaborazione Evoluzione dei sistemi di elaborazione Uso elementare della multimedialità
DettagliXML: extensible Markup Language
XML: extensible Markup Language Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino laura.farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Introduzione XML: extensible Markup
DettagliPag. 1. La Rappresentazione e la Codifica delle informazioni (parte 2) Tipi di dati. Informatica Facoltà di Medicina Veterinaria
1 Università degli studi di Parma Dipartimento di Ingegneria dell Informazione Informatica a.a. 2012/13 Tipi di dati Informatica Facoltà di Medicina Veterinaria La Rappresentazione e la Codifica delle
DettagliSistema WebGIS per l accesso a dati geografici eterogenei distribuiti su internet, l elaborazione GIS e la restituzione online.
Sistema WebGIS per l accesso a dati geografici eterogenei distribuiti su internet, l elaborazione GIS e la restituzione online. Luciano Fortunati, Giulio Massei ISTI-CNR luciano.fortunati@isti.cnr.it,
DettagliModulo 1. Concetti base della Tecnologia dell informazione. Prof. Nicolello Cristiano. Modulo 1
Concetti base della Tecnologia dell informazione Algoritmi Come interpreta un computer un problema? Algoritmi Algoritmo: sequenza ordinata di istruzioni per risolvere un problema (tradotto: sequenza di
DettagliRappresentazione digitale delle informazioni
Rappresentazione digitale delle informazioni Informazione oggi Informatica: disciplina che studia l elaborazione automatica di informazioni. Elaboratore: sistema per l elaborazione automatica delle informazioni.
DettagliModulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8
I Indice generale 1 Introduzione all ICT Modulo 1 Information Communication Technology ICT e computer... Pag. 6 Classificazione dei computer...» 8 2 Come è fatto un computer I componenti di un personal
DettagliCalcolatore e unità di misura
Calcolatore e unità di misura Ing. Maria Grazia Celentano Dipartimento di Storia, Società e Studi sull Uomo Università del Salento 1 L INFORMAZIONE INFORMAZIONE Dato che riduce l'incertezza tra due o più
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
DettagliHTML, XHTML, CSS. cosa c è dietro al web. Informatica Applicata Prof.Emanuela Zilio
HTML, XHTML, CSS cosa c è dietro al web 1 HTML cos è NON è un linguaggio di programmazione ma un linguaggio di contrassegno (o 'di marcatura'), che permette di indicare come disporre gli elementi all'interno
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
DettagliLa rappresentazione delle Informazioni
La rappresentazione delle Informazioni Nella vita di tutti i giorni siamo abituati ad avere a che fare con vari tipi di informazioni, di natura e forma diversa, così come siamo abituati a diverse rappresentazioni
DettagliBreve Introduzione a XML
Origini! XML (extensible Markup Language) deriva da SGML (Standard Generalized Markup Language).! Sia con XML che con SGML è possibile definire linguaggi di markup specifici per vari domini, come la finanza
DettagliIl Modello di von Neumann (2) Prevede 3 entità logiche:
Introduzione all Architettura degli Elaboratori Sommario Macchina di von Neumann Esecuzione dei programmi Rappresentazione dei dati Dati numerici Dati alfabetici 1 2 Il Modello di von Neumann (1) L architettura
DettagliPROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5
PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 Unità didattica 1 - Architettura di pagina statica HTML Dimostrazione 1-1: Visualizzazione del sito Unità didattica 2 - Prime operazioni Introduzione a Dreamweaver
Dettagliconnessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI
Documenti su Internet LINGUAGGI DI MARKUP Internet permette (tra l altro) di accedere a documenti remoti In generale, i documenti acceduti via Internet sono multimediali, cioè che possono essere riprodotti
Dettaglib) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione
Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico
DettagliLa tecnologia per le applicazioni Web
La tecnologia per le applicazioni Web Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Obiettivo z Capire il funzionamento
DettagliArchitettura di un calcolatore
Architettura di un calcolatore Processore: CPU Componente elettronico costituito da minuscole componenti di silicio, chiamate CHIP. Esegue le istruzioni implementate nel SW, tramite una serie di operazioni
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)
DettagliLa codifica del testo
La codifica delle informazioni Informatica e sistemi di elaborazione delle informazioni La codifica delle informazioni Informatica e sistemi di elaborazione delle informazioni I slide Informatica e sistemi
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 3. Introduzione a Internet Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it Corso di Laurea
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
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
DettagliModellazione e Gestione di Informazioni non Strutturate
Università della Calabria, Corso di Laurea Specialistica in Ingegneria Gestionale Progettazione di Sistemi Informativi Docente: Alfredo Cuzzocrea Modellazione e Gestione di Informazioni non Strutturate
DettagliVoi fareste lo scambio? XML & Co. XML: le origini. XML: cosa è. XML: caratteristiche. XML: caratteristiche 02/03/2012
Lez. 6 Voi fareste lo scambio XML & Co. Nozioni di base per creare e visualizzare documenti XML 29/02/12 XML: cosa è XML: Extensible Markup Language: è un linguaggio che consente la rappresentazione di
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)
Dettagli