Che differenza c’è tra Template e Layout?
Template
E’ un termine inglese (letteralmente vuol dire “Sagoma” ma viene spesso appellato “modello”) che indica una “falsariga” su cui dovranno venire formattati dei documenti.
Esempio.
Carta intestata è il nostro template per le nostre lettere.
Una serie di indicazioni comuni e ricorrenti (nome, logo ed indirizzo del mittente) sono prestampate nel modello. Quando vogliamo scrivere una nuova lettera, prendiamo il template e lo completiamo della parte variabile (destinatario, oggetto, data e testo della lettera) mentre i dati ricorrenti sono gia’ presenti e non servira’ riscriverli ogni volta.
In ambito web è lo stesso ciascuna pagina avra’ il suo template o pure piu’ di uno, come nel caso della carta intestata che potrà avere quella dell’ azienda, personale, natalizia, di fatturazione, circolare ecc.. cosi potranno esistere vari diversi templates per ciascun tipo di esigenza, esempio Homepage e pagina interna.
Layout
Descrive la disposizione appropriata degli elementi che compongono un annuncio pubblicitario, o una pagina web… (HEADER=TESTATA, body=CORPO DELLA PAGINA) consentendo di visualizzare l’insieme prima della realizzazione. (normalmente realizzato con un software di grafica Photoshop o Fireworks ad esempio).
Nella grafica web che tipi di immagini si utilizzano?
Vettoriali
Significa che tutte le forme, le linee, gli oggetti creati sono gestite e memorizzate tramite formule matematiche (vettori). es. per disegnare una linea sono necessari solo 2 punti, ovvero gli estremi . Questo permette di creare oggetti grafici facilmente scalabili senza perdita di informazioni.
Bitmap
Vengono memorizzati tutti i pixels e c’è perdita di qualità nel ridimensionamento.
Quali sono i formati di immagini utilizzati?
JPEG o JPG
JPEG ossia Joint Photographic Experts Group è un metodo di lossy compression.
Cioè la compressione altera i dati originali.
Questo è il motivo per cui in immagini con vaste aree di singolo colore i blocchi in tinta unita possono apparire con delle ondulazioni in prossimità dei bordi. L’effetto finale è quello di una scarsa messa a fuoco. Quindi il suo uso è fortemente consigliato con immagini tipo fotografie e texture.
GIF
Ossia Graphic Interchange Format è il più diffuso formato grafico per il Web.
A differenza della JPG nella compressione dei dati al momento del salvataggio sono mantenuti tutti i dati originali, senza alterazioni.
Può esportare immagini che contengono un numero di colori limitato (256 colori) e se l’originale ne contiene di più può produrre una significativa perdita di qualità. Per questo motivo, i file GIF sono indicati per immagini con pochi colori o per immagini con aree molto estese di un singolo colore. Il suo uso è normalmente legato a immagini vettoriali, geometriche o testo.
La caratteristica vincente del formato GIF è il supporto della trasparenza. Le immagini sono sempre rettangolari o quadrate e soltanto tramite l’effetto di trasparenza del colore di fondo si possono rendere sullo schermo figure non geometriche.
Inoltre GIF permette anche di creare brevi sequenze dinamiche con le GIF animate, il programma che le produce è Image Ready.
PNG
Il formato PNG è acronimo di Portable Network Graphic.
Questo tipo di formato è molto simile al formato gif.
A livello di file sorgente produce file di grandi dimensioni ma una volta salvato diventa come il formato gif e non perde dati alla compressione. Viene realizzato con Fireworks.
Questo formato (supporta colori fino a 32 bit)
SWF
Il file SWF è un file che contiene animazioni e non è modificabile.
Viene creato dal software Flash e il file sorgente ha estensione .fla ed è modificabile.
L’utilizzo attuale di SWF spazia dalla realizzazione di siti internet, allo sviluppo di applicazioni grafiche interattive ad esempio Banner, alla creazione di menu per DVD fino alla realizzazione di cartoni animati.
