Elementi di progettazione di un sito web

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Elementi di progettazione di un sito web"

Transcript

1 Elementi di progettazione di un sito web Lo scopo del web designer è quello di rendere accessibile il proprio sito al maggior numero possibile di utenti, alla luce di questo è importantissimo tenere in considerazione alcuni ma basilari principi che è bene osservare in fase di progettazione. Schematicamente possono essere così riassunti: risoluzione del monitor tipi di browser velocità di connessione caratteri (fonts) colori formati grafici Risoluzione del monitor Questo è probabilmente il parametro più importante da tenere presente. Innanzitutto per risoluzione del monitor, si intende esprimere quanti pixel ci sono sia in orizzontale che in verticale all interno dello schermo di un p.c. Ovviamente questo è al fuori del controllo del progettista, il quale però deve fare in modo che tutti gli utenti finali, possano visualizzare nel miglior modo possibile il sito realizzato. Attualmente le risoluzioni più utilizzate sono tre: 640x480 (quasi totalmente in disuso) 800x x768 pixels. Questi valori vengono spesso confusi con i pollici, che invece indicano la lunghezza della diagonale dello schermo. Al fine di permettere una buona visualizzazione, è bene progettare il sito con la risoluzione di gran lunga più diffusa che è 800x600. In questo modo chi ha un monitor con una risoluzione maggiore vedrà il sito solo un po più piccolo, al contrario se avessimo usato una risoluzione 1024x768, avremmo costretto chi ha una risoluzione minore a muoversi con le barre di scorrimento (come si dice in gergo scrollare ) oltre che in verticale, anche in orizzontale. Teniamo presente che lo scrolling verticale è normale per permettere di scorrere tutta la pagina, al contrario lo scrolling orizzontale è una pratica poco usata e ancor meno gradita, salvo che rientri nelle intenzioni del progettista. Tipi di Browser Questo è un parametro che riporta alla famosa guerra dei browser, ossia Microsoft contro Netscape. Pur parlando lo stesso linguaggio che è l html, lo interpretano in modi differenti, possiamo stare certi che il nostro sito non si vedrà nello stesso modo in entrambi i browser, per ovviare a questo inconveniente, è bene testare ogni modifica apportata sia in Explorer che in Netscape. Certo è un lavoro lungo ma necessario. TECNICHE GRAFICHE: elementi di progettazione 18

2 Un consiglio è quello di non usare le specifiche dell html dell ultima versione (attualmente la 4.0), ma quelle della release precedente (3.2), così si è sicuri che anche i browser più datati visualizzino in modo corretto. Velocità di connessione Ecco un altro tasto dolente, purtroppo le nostre città non sono ancora cablate come quelle americane, e le velocità di connessione dipendono da modem analogici, e nelle migliori ipotesi da linee digitali, ma ancora piuttosto costose. Questo parametro condiziona le dimensioni in peso delle pagine che compongono il sito. A tal proposito una pagina non dovrebbe pesare più di kb, immagini comprese, per permettere uno scaricamento in tempi accettabili, cioè circa secondi. NOTA: da quanto finora detto, si capisce l importanza di testare il sito prima della pubblicazione definitiva, perciò sarebbe buona regola avere un gruppo di amici con sistemi operativi, browser e connessioni differenti, che possano verificare che il sito sia visibile da tutti nel miglior modo possibile. Caratteri (fonts) I caratteri si dividono in due categorie, i serif (con grazie) e i sans serif (senza grazie). Alla categoria serif appartiene il noto Times new roman, mentre gli esponenti di spicco dei sans serif sono Arial e Verdana. Il Verdana è stato studiato appositamente per internet, infatti è il carattere più leggibile sui monitor. In una pagina web è bene usare due, al massimo tre tipi di caratteri diversi, questo per distinguere i vari blocchi delle informazioni che si vogliono dare. Ad esempio un titolo può essere scritto con un Times, mentre il corpo del testo sicuramente con un Verdana. Seppure questi due font siano installati su tutti i p.c., è bene caricarne una copia sul server, per permettere a chi non li avesse di visualizzare il testo correttamente. Se si vogliono usare font particolari, è buona norma destinarli a parti di menù o di sezioni, e trasformarli in immagini, in questo modo si elimina il problema del caricamento e della visualizzazione del carattere. Anche la larghezza del testo ha la sua importanza, quindi mediamente non si dovrebbero superare i 60 caratteri per riga, che corrispondono ad una decina di parole. Per quanto riguarda l allineamento del testo, la giustificazione a sinistra è la soluzione ottimale, in quanto non costringe l occhio a cercare l inizio della riga e inoltre crea un effetto ottico di movimento, che nelle pagine web è sempre gradito. TECNICHE GRAFICHE: elementi di progettazione 19

3 Colori per il web Per riprodurre nel modo più fedele possibile la gamma dei colori visibili in natura si ricorre normalmente alla miscelazione di alcune tinte di base: dalla loro combinazione si ottengono tutte le sfumature intermedie. Questa miscelazione si basa su due diverse tecniche o metodi: La sintesi sottrattiva, basata sull'assorbimento e dunque sulla sottrazione della luce da parte dei corpi fisici. Questa tecnica si applica per la stampa dei colori su carta o su altri supporti. I colori di base in questo caso sono il ciano, il magenta, il giallo e il nero; la sintesi sottrattiva viene perciò indicata con la sigla CMYK (Cyan, Magenta, Yellow, black). La sintesi additiva, basata sull'emissione e dunque sull'addizione o sovrapposizione della luce grazie a dispositivo di proiezione. Questa tecnica si applica per la visualizzazione dei colori su schermi e monitor. I colori di base in questo caso sono il rosso, il verde e il blu; la sintesi additiva viene perciò indicata con la sigla RGB (Red, Green, Blue). Poiché le pagine Web hanno come applicazione principale la visualizzazione sui monitor, il metodo di riferimento per la gestione dei colori è la sintesi additiva (RGB). Ogni possibile tonalità di colore è definita da una combinazione di valori delle tre componenti di base: rosso, verde e blu. In pratica, ogni colore è identificato da tre valori (numeri): il primo indica la "quantità" di rosso presente nel colore in questione; il secondo la "quantità" di verde"; il terzo la "quantità" di blu. Ciascuno di questi tre valori può variare da 0 (minimo: componente non presente) a 255 (massimo: componente dominante). Ad esempio il nero corrisponde ai valori RGB 0, 0, 0, il bianco corrisponde ai valori RGB 255, 255, 255. Vedremo nella pratica che i colori saranno codificati in forma esadecimale, che è il formato richiesto dall HTML, quindi al nero e al bianco corrispondono rispettivamente i codici esadecimali # e #FFFFFF. I numeri esadecimali si basano su un sistema di numerazione in base 16 che comprende le cifre da0 a 9 e da A a F. I codici esadecimali dei colori sono costituiti da numeri di sei cifre. Le prime due cifre definiscono il livello del rosso, le seconde due cifre definiscono il livello del verde e la terza coppia di cifre definisce il livello del blu, e la sequenza alfanumerica deve essere preceduta dal simbolo di cancelletto #. Anche la visualizzazione dei colori può essere diversa a seconda del browser o del sistema operativo utilizzato. La stessa pagina (con gli stessi colori) potrebbe apparire diversa se visualizzata da un P.c. o da un Mac, da un browser piuttosto che da un altro. Una soluzione per ovviare a questo inconveniente è quella di utilizzare una tavolozza colori chiamata WEB SAFE (colori sicuri per il web), che comprende 256 colori, riconosciuta da tutti i browser e dai differenti sistemi operativi. TECNICHE GRAFICHE: elementi di progettazione 20

4 Formati grafici Quando si progetta la grafica per internet, i formati grafici permessi sono due: uno bitmap e l altro vettoriale, vediamoli entrambi in dettaglio. Formato Bitmap (BMP) E un formato a mappatura di bit: l immagine viene mappata, cioè catalogata pixel per pixel, e per ogni pixel viene fornita un informazione relativa al colore, alla sua profondità, alla luminosità, alla brillantezza e alla saturazione. Quello che ne ricaviamo è un file piuttosto pesante e poco adatto ad essere utilizzato per internet, quindi i file in questo formato devono essere compressi. Esistono due tipi di compressione a seconda delle caratteristiche dell immagine che dobbiamo trattare, e sono GIF e JPEG. GIF (Graphic Interchange Format) Questo formato supporta fino ad un massimo di 256 colori, quindi è adatto a comprimere immagini con colori solidi o con grossi campi di colore omogeneo ed è meno efficiente nella compressione di immagini complicate con molti colori e sfumature o gradienti. Questa compressione consente anche di salvare le immagini in un formato interlacciato. Il formato a interlacciamento produce una visualizzazione graduale di un'immagine in una serie di passate sempre più definite a mano a mano che i dati arrivano al browser. Ogni nuovo passo crea un'immagine più nitida fino al completamento dell'intera immagine. Il vantaggio più importante di questa tecnica è che offre un'anteprima dell'intera area dell'immagine mentre l'immagine viene scaricata sul browser. L'interlacciamento è più adatto a immagini GIF di grandi dimensioni, quali le illustrazioni e le fotografie, ma non rappresenta una buona scelta per immagini GIF di piccole dimensioni come le barre di navigazione, i pulsanti e le icone che vengono caricate su schermo molto più rapidamente se mantenute nel formato GIF tradizionale (non interlacciato). In generale, l'interlacciamento non ha effetti significativi sulle dimensioni dei file d'immagine GIF. Il formato GIF consente anche di scegliere nell'immagine un colore che risulterà trasparente nel browser. Nelle aree di colore contrassegnato come trasparente, verrà visualizzato il colore di sfondo della pagina. Purtroppo la proprietà trasparente non è selettiva: se rendiamo trasparente un colore, ogni pixel dell'immagine caratterizzato da tale colore diventerà a sua volta trasparente, e questo può produrre risultati imprevisti. L'aggiunta di trasparenza a un'immagine GIF può anche produrre risultanti deludenti quando l'immagine contiene smussature o antialiasing. I problemi iniziano quando s'imposta il colore di sfondo a trasparente e si utilizza l'immagine in una pagina web su un altro colore di sfondo: il pixel soggetto ad antialiasing nell'immagine corrisponderà sempre al colore di sfondo originale e quindi si vedrà un brutto alone attorno all'immagine. JPEG (Joint Photografic Expert Group) Questo formato supporta i milioni di colori, quindi da quanto detto per il GIF, si deduce che la compressione JPEG è più adatta al trattamento di immagini di tipo fotografico. Una forma più recente di JPEG, chiamata JPEG progressivo, conferisce alle immagini JPEG la stessa gradualità di visualizzazione delle immagini GIF interlacciate; al pari di queste ultime, le immagini JPEG progressive impiegano spesso un tempo maggiore per lo scaricamento sulla pagina rispetto ai JPEG standard, ma offrono al lettore un'anteprima più rapida. TECNICHE GRAFICHE: elementi di progettazione 21

5 Solitamente il grado di compressione applicato al formato JPEG è del 75%, ma è possibile cambiare questo valore, determinando la qualità dell'immagine. Più si comprime un'immagine con la compressione JPEG, più si riduce la qualità dell'immagine stessa. Formato vettoriale Il formato vettoriale, è un esclusiva dei programmi vettoriali, come Flash, questo formato non fa nessuna mappatura, ma si basa su algoritmi matematici per la definizione delle forme e sulle informazioni di colore. Quindi risulta molto più leggero rispetto ai formati GIF e JPEG. TECNICHE GRAFICHE: elementi di progettazione 22

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano Immagini digitali LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in

Dettagli

C M A P M IONAM A E M NT N O

C M A P M IONAM A E M NT N O IMMAGINE DIGITALE Nelle immagini digitali, il contenuto fotografico (radiometria) viene registrato sotto forma di numeri. Si giunge a tale rappresentazione (RASTER) suddividendo l immagine fotografica

Dettagli

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd Esistono due tipi di immagini digitali: Immagini vettoriali, rappresentate come funzioni vettoriali che descrivono curve e poligoni Immagini bitmap, (o raster) rappresentate sul supporto digitale come

Dettagli

PDF created with pdffactory trial version www.pdffactory.com

PDF created with pdffactory trial version www.pdffactory.com Codifica di immagini Codifica di immagini o Un immagine è un insieme continuo di informazioni A differenza delle cifre e dei caratteri alfanumerici, per le immagini non esiste un'unità minima di riferimento

Dettagli

Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini

Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini ACQUISIZIONE ED ELABORAZIONE DELLE IMMAGINI Teoria e pratica La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: Il numero

Dettagli

Un ripasso di aritmetica: Rappresentazione binaria - operazioni. riporti

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

Dettagli

Modelli di colore. Un tocco di blu non guasta

Modelli di colore. Un tocco di blu non guasta Modelli di colore Un tocco di blu non guasta Obiettivi Come faccio a rappresentare i colori in una immagine? Per formati immagine raster e vettoriali Come specificare che il mare della mia foto è di colore

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

La codifica delle immagini

La codifica delle immagini La codifica delle immagini La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: 1. Il numero dei campionamenti o di misurazioni

Dettagli

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. 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

Dettagli

INFORMATICA E GRAFICA PER IL WEB

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

Dettagli

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni La codifica delle Immagini Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni Lettere e numeri non costituiscono le uniche informazioni utilizzate dagli elaboratori, infatti

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in termini numerici.

Dettagli

Esercitazioni di Informatica Grafica A.A. 2009-2010

Esercitazioni di Informatica Grafica A.A. 2009-2010 Esercitazioni di Informatica Grafica A.A. 2009-2010 Ing. Simone Garagnani simone.garagnani@unibo.it UNIVERSITA DI BOLOGNA Simone Garagnani - Esercitazioni di Informatica Grafica PARTE II Gli strumenti

Dettagli

Immagini vettoriali. Immagini raster

Immagini vettoriali. Immagini raster Immagini vettoriali Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche chiamate vettori. I vettori sono segmenti definiti da un punto di origine, una direzione e

Dettagli

Immagini Digitali Immagini digitali

Immagini Digitali Immagini digitali Immagini digitali Processi e metodi per la codifica e il trattamento dei formati raster e vettoriali Immagini raster Fondamenti Le immagini raster, chiamate anche pittoriche o bitmap, sono immagini in

Dettagli

INFORMATICA. Elaborazione delle immagini digitali. Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale

INFORMATICA. Elaborazione delle immagini digitali. Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale INFORMATICA Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale A.A. 2014/2015 II ANNO II SEMESTRE 2 CFU CORSO DI LAUREA MAGISTRALE IN SCIENZE E TECNICHE DELLE ATTIVITÀ MOTORIE

Dettagli

gestione e modifica di immagini fotografiche digitali

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,

Dettagli

Grafica Online Luca Panella Innovatek scrl - Bari

Grafica Online Luca Panella Innovatek scrl - Bari Grafica Online Luca Panella Innovatek scrl - Bari Sommario Scenario Web Nozioni di grafica on-line Principali programmi di grafica web Realizzazione di banner e layout per il web 2 Risorse online Sito

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

Il colore. IGEA 2006-07 7 febbraio 2007

Il colore. IGEA 2006-07 7 febbraio 2007 Il colore IGEA 2006-07 7 febbraio 2007 La luce Radiazione elettromagnetica 380 740 nanometri (790 480 THz) Percezione della luce /1 Organi sensoriali: Bastoncelli Molto sensibili (anche a un solo fotone:

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI asdf LA CODIFICA DELLE IMMAGINI 3 March 2012 Premessa L'articolo che segue vuole essere, senza alcuna pretesa di rigore scientifico e di precisione assoluta, in quanto non ne possiedo le competenze, una

Dettagli

Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap.

Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap. Origine delle immagini Elaborazione delle immagini Adobe Photoshop I programmi per l elaborazione di immagini e la grafica permettono in genere di: Creare immagini ex novo (con gli strumenti di disegno)

Dettagli

Le immagini digitali: introduzione

Le immagini digitali: introduzione Le immagini digitali: introduzione 1 L immagine digitale Un immagine pittorica è compsta da milioni di pigmenti colorati molto piccoli che, messi vicino l uno all altro, danno l impressione dei vari oggetti.

Dettagli

IMMAGINE BITMAP E VETTORIALI

IMMAGINE BITMAP E VETTORIALI BITMAP VETTORIALE VETTORIALE BITMAP IMMAGINE BITMAP è una immagine costituita da una matrice di Pixel. PIXEL (picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione

Dettagli

Codifica dell informazione

Codifica dell informazione Codifica Cosa abbiamo visto : Rappresentazione binaria Codifica dei numeri (interi positivi, interi con segno, razionali.) Cosa vedremo oggi: Codifica dei caratteri,codifica delle immagini,compressione

Dettagli

Publishing & Editing Immagini

Publishing & Editing Immagini Publishing & Editing Immagini Un'immagine digitale è la rappresentazione numerica di una immagine bidimensionale. La rappresentazione può essere di tipo vettoriale oppure raster (altrimenti detta bitmap);

Dettagli

Componenti multimediali per il Web. Modulo 14

Componenti multimediali per il Web. Modulo 14 Componenti multimediali per il Web Modulo 14 Obiettivi Valutare e usare strumenti di utilità e produzione grafica anche animata per inserire e modificare componenti multimediali (immagini, immagini animate,

Dettagli

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi Le immagini digitali formati, caratteristiche e uso Testo e foto di Mario Ceppi GIF Ideale per la rappresentazione di immagini sul Web come gif animate, pulsanti e intestazioni, non è invece adatto alle

Dettagli

Informatica pratica. L'immagine digitale

Informatica pratica. L'immagine digitale Informatica pratica L'immagine digitale Riassunto della prima parte Fino ad ora abbiamo visto: le cose necessarie per utilizzare in modo utile il computer a casa alcune delle tante possibilità dell'uso

Dettagli

Rappresentazione delle Immagini

Rappresentazione delle Immagini Rappresentazione delle Immagini Metodi di rappresentazione Raster: Informazione grafica rappresentata come matrice di pixel Vettoriale: Informazione grafica rappresentata da relazioni matematiche (funzioni

Dettagli

1.3a: La Codifica Digitale delle Immagini

1.3a: La Codifica Digitale delle Immagini 1.3a: La Codifica Digitale delle Immagini Bibliografia Curtin, 4.7 e 4.9 (vecchie edizioni) Curtin, 3.7 e 3.9 (nuova edizione) CR pag. 14-18 Questi lucidi La codifica delle immagini: Pixel Un immagine

Dettagli

corso di photoshop full immersion

corso di photoshop full immersion I S T I T U T O PALMISANO corso di photoshop full immersion Basic BITMAP La grafica bitmap, o grafica raster (in inglese bitmap graphics, raster graphics), è una tecnica utilizzata in computer grafica

Dettagli

DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE. Gruppo Iseo Immagine 10 novembre 2009. A cura di Giancarlo Caperna bfi

DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE. Gruppo Iseo Immagine 10 novembre 2009. A cura di Giancarlo Caperna bfi DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE Gruppo Iseo Immagine 10 novembre 2009 A cura di Giancarlo Caperna bfi I PIXEL I pixel di un immagine digitale sono l analogo dei granuli di sali della

Dettagli

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia Grafica Digitale Concetti di base della computer grafica Oliviero Neglia Per grafica digitale intendiamo quell'insieme di processi che ci permettono di creare, modificare e visualizzare immagini attraverso

Dettagli

Codifica dell informazione

Codifica dell informazione Codifica dell informazione Il calcolatore memorizza ed elabora vari tipi di informazioni Numeri, testi, immagini, suoni Occorre rappresentare tale informazione in formato facilmente manipolabile dall elaboratore

Dettagli

Realizzazione siti web. Le immagini

Realizzazione siti web. Le immagini Realizzazione siti web Le immagini Rappresentqazione digitale delle immagini (immagini bitmapped Si sovrappone all'immagine analogica (ad esempio una fotografia) una griglia fittissima di minuscole cellette.

Dettagli

Cosa vediamo? Poche cose ma di estremo interesse. Elenchiamole brevemente:

Cosa vediamo? Poche cose ma di estremo interesse. Elenchiamole brevemente: 1 Mariafelice schede di informatica avanzata Lezione 1 In questa lezione abbiamo trattato principalmente il sistema operativo Windows e le sue interazioni nei rapporti con tutti gli altri programmi. Sia

Dettagli

Codifica delle immagini

Codifica delle immagini Codifica delle immagini Abbiamo visto come la codifica di testi sia (relativamente) semplice Un testo è una sequenza di simboli Ogni simbolo è codificato con un numero Ed ecco che il testo è trasformato

Dettagli

Introduzione alla realizzazione di pubblicazioni personalizzate professionali

Introduzione alla realizzazione di pubblicazioni personalizzate professionali Introduzione alla realizzazione di pubblicazioni personalizzate professionali Vantaggi di Publisher Publisher non consente solo di creare notiziari o brochure, ma fornisce anche modelli predefiniti per

Dettagli

Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona

Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona Classificazione delle immagini Le immagini si suddividono in raster e vettoriali. Le immagini raster sono di tipo

Dettagli

Esercitazione n. 10: HTML e primo sito web

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

Dettagli

IL TAG <IMG> LA GRAFICA IN UNA PAGINA WEB

IL TAG <IMG> LA GRAFICA IN UNA PAGINA WEB Giorno dopo Giorno - Scritture quotidiane Un blog di Sergio Fumich www.sergiofumich.com Helps & Tools for the Web and Webmasters IL TAG LA GRAFICA IN UNA PAGINA WEB 1 IL TAG Per inserire un'immagine

Dettagli

Nozioni di grafica sul calcolatore. concetti di base

Nozioni di grafica sul calcolatore. concetti di base Nozioni di grafica sul calcolatore concetti di base La riproduzione di immagini fotografiche su computer avviene suddividendo l'immagine stessa in una matrice di punti colorati: pixels I formati basati

Dettagli

Corso di Informatica

Corso di Informatica Corso di Informatica Modulo T2 A2 Elaborazione grafica in 2D 1 Prerequisiti Utilizzo elementare di applicazioni grafiche Conoscenza elementare di dispositivi grafici Elementi di numerazione binaria 2 1

Dettagli

01. Conoscere l area di lavoro

01. Conoscere l area di lavoro 01. Conoscere l area di lavoro Caratteristiche dell interfaccia Cambiare vista e dividere le viste Gestire i pannelli Scegliere un area di lavoro Sistemare le barre degli strumenti Personalizzare le preferenze

Dettagli

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2014/2015 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 04 INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente:

Dettagli

Corso di Informatica

Corso di Informatica CdLS in Odontoiatria e Protesi Dentarie Corso di Informatica Prof. Crescenzio Gallo crescenzio.gallo@unifg.it Compressione delle immagini 2 Tecniche di compressione Esistono tecniche di compressione per

Dettagli

Dal foglio di carta alla multimedialità

Dal foglio di carta alla multimedialità Dal foglio di carta alla multimedialità Multimediale Che utilizza più mezzi di comunicazione. Nell'ambito delle tecnologie educative significa utilizzare più mezzi didattici integrati. IPERTESTO E IPERMEDIA

Dettagli

I formati dei file immagine

I formati dei file immagine I formati dei file immagine Le immagini vettoriali Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche chiamate vettori I vettori sono segmenti definti da un punto

Dettagli

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni?

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

Codifica delle Informazioni

Codifica delle Informazioni Codifica delle Informazioni Luca Bortolussi Dipartimento di Matematica e Informatica Università degli studi di Trieste Panoramica Le informazioni gestite dai sistemi di elaborazione devono essere codificate

Dettagli

Photohands. Software di ritocco e stampa per Windows. Manuale di istruzioni. Versione 1.0 K862PSM8DX

Photohands. Software di ritocco e stampa per Windows. Manuale di istruzioni. Versione 1.0 K862PSM8DX I Photohands Versione 1.0 Software di ritocco e stampa per Windows Manuale di istruzioni K862PSM8DX Windows è un marchio di fabbrica di Microsoft Corporation. Altre aziende e nomi di prodotti sono marchi

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Prof. PIER LUCA MONTESSORO Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000 Pier Luca Montessoro (si veda la nota di copyright alla slide n.

Dettagli

Università degli studi di Verona. Corso di Informatica di Base. Lezione 5 - Parte 2. Disegni e Immagini

Università degli studi di Verona. Corso di Informatica di Base. Lezione 5 - Parte 2. Disegni e Immagini Università degli studi di Verona Corso di Informatica di Base Lezione 5 - Parte 2 Disegni e Immagini In questa seconda parte ci occuperemo della gestione di disegni e immagini. In particolare vedremo come:

Dettagli

Le immagini. Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni?

Le immagini. Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

Capitolo3. Si apre la seguente finestra. Figura 29. Proprietà immagine di sfondo. - Università degli Studi della Repubblica di San Marino -

Capitolo3. Si apre la seguente finestra. Figura 29. Proprietà immagine di sfondo. - Università degli Studi della Repubblica di San Marino - Capitolo3 LAVORARE CON LE IMMAGINI E certo che l impatto visivo in un sito internet è molto importante ma è bene tenere presente che immagini e fotografie, pur arricchendo la struttura grafica di un web,

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Ing. DAVIDE PIERATTONI Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000-2007 P. L. Montessoro - D. Pierattoni (cfr.la nota di copyright alla

Dettagli

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione 3. LA RISOLUZIONE La risoluzione di un immagine indica il grado di qualità di un immagine. Generalmente si usa questo termine parlando di immagini digitali, ma anche una qualunque fotografia classica ha

Dettagli

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2015/2016 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 02 INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente:

Dettagli

Le immagini digitali. Le immagini digitali. Caterina Balletti. Caterina Balletti. Immagini grafiche. Trattamento di immagini digitali.

Le immagini digitali. Le immagini digitali. Caterina Balletti. Caterina Balletti. Immagini grafiche. Trattamento di immagini digitali. 1 Le immagini digitali Le immagini digitali Università IUAV di venezia Trattamento di immagini digitali immagini grafiche immagini raster immagini vettoriali acquisizione trattamento geometrico trattamento

Dettagli

Lavorare con le immagini

Lavorare con le immagini Lavorare con le immagini Domande più frequenti D: Ho importato alcune immagini PNG molto grandi e adesso il mio sito e molto lento. Come mai? R: Il formato PNG non è il più adatto per immagini di grandi

Dettagli

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS Maria Teresa Natale (OTEBAC) 12 aprile 2010 Introduzione Argomenti: terminologia

Dettagli

[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina

[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

Dettagli

Numerazione binaria e rappresentazione delle informazioni

Numerazione binaria e rappresentazione delle informazioni Numerazione binaria e rappresentazione delle informazioni Info Sito del corso: http://home.dei.polimi.it/amigoni/informaticab.html Nicola Basilico, nicola.basilico@gmail.com Problema Abbiamo informazioni

Dettagli

Elaborazione testi: immagini

Elaborazione testi: immagini by Studio Elfra sas Gestione Immagini Aggiornato a Aprile 2009 Informatica di base 1 Elaborazione testi: immagini Il testo di un documento di Word può essere integrato con immagini di vario tipo: 2 1 Elaborazione

Dettagli

VARI TIPI DI FILE I FORMATI DI FILE E LA COMPRESSIONE

VARI TIPI DI FILE I FORMATI DI FILE E LA COMPRESSIONE I FORMATI DI FILE E LA COMPRESSIONE I formati dei file di grafica si differenziano per come rappresentano i dati dell immagine (pixel o vettori), per la tecnica di compressione e per le funzioni di Photoshop

Dettagli

Ingegneria Aerospaziale Prof. A. Palomba - Elementi di Informatica (E-Z) Rappresentazione caratteri Rappresentazioni immagini Rappresentazione suoni

Ingegneria Aerospaziale Prof. A. Palomba - Elementi di Informatica (E-Z) Rappresentazione caratteri Rappresentazioni immagini Rappresentazione suoni 2009-200 Ingegneria Aerospaziale Prof. A. Palomba - Elementi di Informatica (E-Z) 3 Rappresentazione caratteri Rappresentazioni immagini Rappresentazione suoni Lez. 3 Calcolatore e Informazione Tutti i

Dettagli

XnView. Visualizzatore/Convertitore di formato per immagini. Guida di riferimento alle funzionalità principali

XnView. Visualizzatore/Convertitore di formato per immagini. Guida di riferimento alle funzionalità principali XnView Visualizzatore/Convertitore di formato per immagini Guida di riferimento alle funzionalità principali Questa guida è stata realizzata dall'aiuto in linea di XnView ed ha lo scopo di essere un riferimento

Dettagli

Come si misura la memoria di un calcolatore?

Come si misura la memoria di un calcolatore? Come si misura la memoria di un calcolatore? Definizione Il byte è definito come unità di misura di memoria. I multipli del byte sono: KiloByte (KB) - 1 KB = 2 10 byte = 1024 byte MegaByte (MB) - 1 MB

Dettagli

La rappresentazione delle informazioni

La 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

Dettagli

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario La rappresentazione dell informazione Su questa parte vi fornirò dispense Sui testi di approfondimento: leggere dal Cap. 2 del testo C (Console, Ribaudo): 2.3, 2.4 Parte II La codifica dei dati multimediali

Dettagli

La rappresentazione dell informazione

La rappresentazione dell informazione La rappresentazione dell informazione Sui testi di approfondimento: leggere dal Cap. 2 del testo C (Console, Ribaudo): 2.3, 2.4 Parte II La codifica dei dati multimediali I caratteri alfanumerici non costituiscono

Dettagli

Suddivisioni, psicologia e leggibilità dei colori. Come si suddividono.

Suddivisioni, psicologia e leggibilità dei colori. Come si suddividono. Teoria dei Colori Suddivisioni, psicologia e leggibilità dei colori. Il nostro occhio, percependo solo alcune delle moltissime onde che la luce diffonde colpendo gli oggetti, riconosce uno spetto di sette

Dettagli

COME RIDIMENSIONARE UNA FOTO. piccolo studio teorico pratico di Fabrizio Livi

COME RIDIMENSIONARE UNA FOTO. piccolo studio teorico pratico di Fabrizio Livi COME RIDIMENSIONARE UNA FOTO piccolo studio teorico pratico di Fabrizio Livi 1 Introduzione Spesso sentiamo parlare delle dimensioni di una foto oppure ne leggiamo le misure entrando nelle proprietà di

Dettagli

Microsoft Paint. Per far partire il programma occorre cliccare su START \ PROGRAMMI \ ACCESSORI \ PAINT

Microsoft Paint. Per far partire il programma occorre cliccare su START \ PROGRAMMI \ ACCESSORI \ PAINT Microsoft Paint Paint è uno strumento di disegno che consente di creare disegni sia semplici che elaborati. È possibile creare disegni in bianco e nero o a colori e salvarli come file bitmap. I disegni

Dettagli

Informatica Personale. Contributi digitali per rappresentare immagini e suoni: Parte I. Dante Picca

Informatica Personale. Contributi digitali per rappresentare immagini e suoni: Parte I. Dante Picca Informatica Personale Contributi digitali per rappresentare immagini e suoni: Parte I Dante Picca 1 Premessa Nella prima parte del corso abbiamo visto che un elaboratore elettronico deve essere in grado

Dettagli

Capitolo V : Il colore nelle immagini digitali

Capitolo V : Il colore nelle immagini digitali Capitolo V : Il colore nelle immagini digitali Lavorare con il colore nelle immagini digitali L uso dei colori nella visione computerizzata e nella computer grafica implica l incorrere in determinate problematiche

Dettagli

gestione e modifica di immagini fotografiche digitali

gestione e modifica di immagini fotografiche digitali gestione e modifica di immagini fotografiche digitali i formati grafici immagini raster e vettoriali La rappresentazione delle immagini in formato elettronico può essere attuata in due modi: raster (detta

Dettagli

Guida OpenOffice.org Impress

Guida OpenOffice.org Impress Guida OpenOffice.org Impress Introduzione ad Impress IMPRESS è un programma nato per creare presentazioni e lezioni di aspetto professionale. È un programma inserito nella versione standard del pacchetto

Dettagli

Elementi di Informatica

Elementi di Informatica Università degli Studi di Catania FACOLTA DI MEDICINA E CHIRURGIA Elementi di Informatica Anno accademico: 2008/2009 Docente: angelo.nicolosi@unict.it Le immagini digitali scansione di fotografie esistenti

Dettagli

Guida alla qualità del colore

Guida alla qualità del colore Pagina 1 di 7 Guida alla qualità del colore Nella presente guida vengono descritte le opzioni disponibili sulla stampante per la regolazione e la personalizzazione della resa del colore. Menu Qualità Modalità

Dettagli

La codifica delle immagini

La codifica delle immagini Lettere e numeri non costituiscono le uniche informazioni utilizzate dagli elaboratori ma si stanno diffondendo sempre di più applicazioni che utilizzano ed elaborano anche altri tipi di informazione:

Dettagli

paragrafo. Testo Incorniciato Con bordo completo Testo Incorniciato Con bordo incompleto

paragrafo. Testo Incorniciato Con bordo completo Testo Incorniciato Con bordo incompleto Applicare bordi e sfondi ai paragrafi Word permette di creare un bordo attorno ad un intera pagina o solo attorno a paragrafi selezionati. Il testo risulta incorniciato in un rettangolo completo dei quattro

Dettagli

Finestre: Vengono aperte dal menù finestre

Finestre: Vengono aperte dal menù finestre Finestre: Vengono aperte dal menù finestre Strumenti Puntatori: la freccia nera sposta il contenuto della selezione la freccia bianca sposta la selezione pulsante sinistro del mouse sposta pulsante destro

Dettagli

Primi passi con HTML. Il documento HTML

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.

Dettagli

X-Sign Basic Manuale Utente

X-Sign Basic Manuale Utente X-Sign Basic Manuale Utente Copyright Copyright 2015 di BenQ Corporation. Tutti i diritti riservati. Nessuna parte della presente pubblicazione può essere riprodotta, trasmessa, trascritta, salvata in

Dettagli

Tipi di colore. Informazioni sul colore. Durante la stampa. Uso del colore. Gestione della carta. Manutenzione. Risoluzione dei problemi

Tipi di colore. Informazioni sul colore. Durante la stampa. Uso del colore. Gestione della carta. Manutenzione. Risoluzione dei problemi L'uso del colore consente di migliorare e ottimizzare l'effetto del materiale stampato e di renderne più piacevole la lettura rispetto alla stampa in bianco e nero. Il colore consente inoltre di velocizzare

Dettagli

Gestione home page. Intranet -> Ambiente Halley -> Gestione homepage

Gestione home page. Intranet -> Ambiente Halley -> Gestione homepage Gestione home page egovernment L home page del portale Halley egovernment permette all Amministrazione di pubblicare contenuti e informazioni e di organizzarle in blocchi. Questa struttura per argomenti

Dettagli

Sono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni.

Sono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni. Maschere di Livello Maschere di livello Le maschere di livello sono utili per nascondere porzioni del livello a cui vengono applicate e rivelare i livelli sottostanti. Sono uno strumento di composizione

Dettagli

COMPUTER GRAFICA LINK

COMPUTER GRAFICA LINK COMPUTER GRAFICA COMPUTER GRAFICA RASTER V/S VETTORIALE Di cosa sono fatte le immagini digitali Qualità a confronto DPI/PPI e risoluzione adeguata al mezzo Applicazioni ACCENNI SUL COLORE CMYK - RGB LAB

Dettagli

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 4: DIGITAL IMAGING PROCESSING 2. D. Cecchin, F. Bui. Esempi di scale colore

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 4: DIGITAL IMAGING PROCESSING 2. D. Cecchin, F. Bui. Esempi di scale colore UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1 Lezione 4: DIGITAL IMAGING PROCESSING 2 D. Cecchin, F. Bui Esempi di scale colore Bianco e nero: 1 solo bit per pixel Ogni pixel può essere bianco o

Dettagli

Tema2.0. http://www.timerplus.it

Tema2.0. http://www.timerplus.it Tema2.0 http://www.timerplus.it Definizione Tema è un software che permette di mostrare su uno schermo o lavagna elettronica il titolo di un discorso o di una parte con diversi scenari. E' possibile: Mostrare

Dettagli

C=1.44. densità d accumulo, potente strumento di controllo del colore

C=1.44. densità d accumulo, potente strumento di controllo del colore C=1.44 k=1.45 M=1.41 Y=.76 densità d accumulo, potente strumento di controllo del colore di Mike Ruff (Chief Technology Officer di Nazdar Consulting Services) Trentasette anni di attività e consulenza

Dettagli

3. Gestione di un sistema operativo a interfaccia grafica (elementi di base) 3.1 Software

3. Gestione di un sistema operativo a interfaccia grafica (elementi di base) 3.1 Software Pagina 29 di 47 3. Gestione di un sistema operativo a interfaccia grafica (elementi di base) 3.1 Software Come abbiamo già detto in precedenza, l informatica si divide in due grandi mondi : l hardware

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

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

Dettagli

Fondamenti di Informatica 2. Codifica delle immagini

Fondamenti di Informatica 2. Codifica delle immagini Corso di per il corso di Laurea di Ingegneria Gestionale Codifica delle immagini Università degli Studi di Udine - A.A. 2010-2011 Docente Ing. Sandro Di Giusto Ph.D. 1 Scalare vs Vettoriale Per codificare

Dettagli

NUOVO PORTALE ANCE. MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI

NUOVO PORTALE ANCE. MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI NUOVO PORTALE ANCE MANUALE per la GESTIONE della HOME PAGE VAI ALL INDICE DEI CONTENUTI DEI CONTENUTI ACCESSO AL MENU PRINCIPALE PAG. 3 CREAZIONE DI UNA NUOVA HOME PAGE 4 SELEZIONE TIPO HOME PAGE 5 DATA

Dettagli

Regione Calabria ARPACAL. Agenzia Regionale per la Protezione dell Ambiente della Calabria

Regione Calabria ARPACAL. Agenzia Regionale per la Protezione dell Ambiente della Calabria Regione Calabria ARPACAL Agenzia Regionale per la Protezione dell Ambiente della Calabria MANUALE DI COMUNICAZIONE ISTITUZIONALE Elementi di base del Marchio-Logo istituzionale dell ARPACAL (Agenzia Regionale

Dettagli

IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI

IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI IV CAP IMPORTAZIONE ED ELABORAZIONE DI IMMAGINI IV.1 Importazione di immagini vettoriali. Con Flash è possibile realizzare grafica vettoriale, oppure è possibile elaborare sia grafica vettoriale creata

Dettagli