CSS font-size: pt, px o em? Che unità di misura utilizzare?
|
|
|
- Gaspare Arnoldo Caruso
- 8 anni fa
- Visualizzazioni
Transcript
1 CSS font-size: pt, px o em? Che unità di misura utilizzare? In linea di massima possiamo dire che ogni unità di misura ammessa nei CSS ha una destinazione d'uso precisa: pt I punti (pt) sono l'unità di misura utilizzata nei processi di stampa e nei software (come ad esempio Microsoft Word) destinati alla creazione di documenti stampabili. Le stampanti, infatti, non "ragionano" in pixel ma in punti. Se mandiamo in stampa un testo formattato in pixel la stampante provvederà autonomamente a convertire i pixel in punti. Se state predisponendo un foglio di stile per la stampa, quindi, il suggerimento è di utilizzare pt per avere un risultato più preciso. px I pixel (px) sono, ovviamente, l'unità di misura dei monitor o, più in generale, dei display (la cui risoluzione è data dal numero di pixel della linea orizzontale per quella verticale). em L'em, a differenza di pt e px, è un'unità di misura relativa (cioè non fissa). Per utilizzare questa unità di misura si definisce nel body del documento la dimensione di default dei caratteri utilizzando i pixel. Dopodiché, mediante em, vengono definiti i singoli elementi della pagina. L'unità di misura così definita (in "em") sarà relativa alla dimensione dei caratteri di default. In sostanza l'em è una specie di moltiplicatore della dimensione di default. facciamo un esempio: se la dimensione dei caratteri di default è 10 pixel, un paragrafo avente font-size: 1.5 em avrà, in pratica, un font di 15 pixel sulla base di questo semplice calcolo: 10px * 1.5 = 15px Settare la dimensione dei font del Body Alcuni suggeriscono di settare la dimensione dei font del <body> in base alla dimensione del testo necessaria, oppure equivalente a10px (0.625em oo 62.5%) per poter calcolare la dimensione dei figli in maniera semplice. Entrambe hanno ragione, ma mi sembra più sensato lasciare le impostazioni di default del browser e cambiare solamente dove sia necessario. Quindi, sappiamo che la dimensione dei font è pari a 16px di default. Sappiamo anche che se una persona ha cambiato i suoi settaggi, la nostra interfaccia elastica si regolerà in base a questi cambiamenti. Perfetto, così possiamo settare: body{ font-size:1em; } Purtroppo, Explorer ha un problema con gli em. Ridimensionando il testo da medium (default) a large in IE5/6 avremo un aumento inaspettato nella dimensione che va oltre quella prevista. Così ci vuole un altro selettore per fare in modo che anche su IE funzioni: html{ font-size:100%; } Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 1
2 Diamo al nostro <body> qualche altro stile, e centriamo tutto nel nostro viewport (questo sarà importante successivamente per il content wrapper.) Il nostro CSS sarà come questo: html{ font-size: 100%;} body{ font-size: 16px; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; } Tabella di Conversione Pixels -> Ems per CSS I valori em nella tabella presuppongono che l'impostazione della dimensione del carattere di default del browser generico di 16px non sia stata modificata. Si presuppone, inoltre, che nel <body> la dimensione del carattere sia stata impostata a 1em o 100% o 16px. Dimensione in px Dimensione in em 1px in ems Note Browser standard default Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 2
3 Dimensione in px Dimensione in em 1px in ems Note Formula per calcolare pixels desiderati in em 1 font size elemento precedente(px) pixels desiderati = em equivalente I fattori da valutare nella scelta del line-height C è da premettere che non c è una misura standard per il line-height, e che il più delle volte la misura di default dei browser (tipicamente 1.2 volte il font-size) non è sufficiente per garantire una buona leggibilità. Ecco i fattori che, a parer mio, influenzano la scelta: La dimensione del font La lunghezza di linea La lunghezza (densità) dei singoli paragrafi Il contrasto tra testo e sfondo Il tipo di font L allineamento del testo Il valore del line-height dipenderà dai casi, e su layout a più colonne o pagine con sezioni di testo di differente grandezza, è consigliabile utilizzare differenti line-height, tenendo presente che sezioni di testo più lunghe, testo più grande, giustificato e con contrasto minore con lo sfondo richiedono line-height maggiore. Valori accettabili del line-height spaziano tra 1.3 e 1.7 volte il font-size, e che valori tra 1.4 e 1.5 siano indicati per la sezione di testo centrale di una pagina con testo di dimensioni medie. Una raccomandazione: Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 3
4 è preferibile utilizzare il dimensionamento del line-height relativo, anche con il font dimensionato in pixel; in ogni caso un line-height in pixel è accettabile solo quando il testo è dimensionato in pixel. Prima di procedere, c è ancora una cosa importantissima da evidenziare: il line-height viene ereditato. Questo significa che è possibile assegnarlo ad esempio al body e tale valore verrà propagato a tutti gli elementi di pagina. Tale approccio si rivela efficace, basterà avere cura poi di interrompere la sua propagazione qualora necessario: ad esempio, specificando un line-height diverso per le colonne laterali o le sezioni di testo più piccolo. Posizionare un Box Proprietà Position Abbiamo visto che un box è praticamente un contenitore che inserito in un punto qualsiasi della pagina ne segue il suo flusso naturale generando un ritorno a capo come tutti gli elementi di blocco, ne consegue che più box sarebbero disposti verticalmente uno di seguito all'altro. A causa di questa caratteristica diventa impossibile creare dei layout elaborati usando più box senza fare uso di una proprietà dei fogli di style dal nome position che permette di posizionare il box in modo diverso da quello naturale. Position: relative; relative è il posizionamento modificato rispetto alla posizione predefinita, praticamente un offset che consente di spostare il box rispetto alla sua naturale origine, senza che questo spostamento incida o alteri il posizionamento degli altri elementi (oggetti) facenti parte della stessa pagina. E' possibile specificare la posizione relative usando gli attributi top, left, bottom e right. Rispettivamente per posizionarlo a partire dall'alto, da sinistra, dal basso e da destra. Sono ammessi anche numeri negativi che posizionerebbero il blocco in direzione contraria a quella di numeri positivi. Position: absolute; absolute è il posizionamento assoluto, cioè è possibile posizionare il blocco in un qualsiasi punto della pagina, a differenza del posizionamento relativo che abbiamo visto non alterava gli altri oggetti, pur condizionandoli con la sua presenza, absolute farà in modo che il blocco così definito risulti come se non facesse parte della pagina, praticamente non inciderà in alcun modo con gli altri oggetti, una specie di sovrapposizione alla pagina stessa. E' possibile specificare la posizione absolute usando gli stessi attributi visti per relative top, left, bottom e right. Rispettivamente per posizionarlo a partire dall'alto, da sinistra, dal basso e da destra. Questa volta però il punto di riferimento è al primo blocco progenitore non statico e se non esiste, all'elemento <html>. Praticamente i margini della finestra del browser. Il CSS Box Model Tutti gli elementi HTML possono essere considerati come scatole. In CSS, il termine "box model" è usato quando si parla di design e layout. Il modello box CSS è essenzialmente una scatola che avvolge gli elementi HTML, e si compone di: margini, bordi, padding e il contenuto effettivo. Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 4
5 Il modello box ci permette di aggiungere un bordo intorno agli elementi e di definire lo spazio tra gli elementi. L'immagine seguente illustra il modello di Box: Spiegazione delle diverse parti: Margin - definisce un'area di fuori del box. Il margine è trasparente, non può essere cambiato Border - i 4 bordi relativi al contenuto del box, si pu definire spessore, tipo linea e contenuto Padding - Spazio tra bordi e zona contenuto. Solitamente è trasparente, ma può essere cambiato Content - il contenuto vero e proprio del box, dove il testo e le immagini appaiono Esempio div { } width: 300px; height: 200px; padding: 25px; border: 20px solid navy; margin: 30px; In questo caso l altezza del box è: Margine superiore + spessore bordo + padding superiore + altezza box (contenuti) + padding inferiore +bordo inferiore +margine inferiore cioè: E la larghezza del box è: = 350 Margine sinistro + spessore bordo + padding sinistro + larghezza box (contenuti) + padding destro + bordo destro + margine destro cioè: Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 5
6 = 450 Tipi di Fogli di stile CSS 1) Fogli di stile esterni </head>... <link rel="stylesheet" type="text/css" href="fogliodistile.css" media="screen" /> </head> Nel file "fogliodistile.css" andremo a definire tutte le nostre regole di stile, per il layout, per la formattazione, per i colori, dichiareremo classi, selettori e quant'altro. In ogni singola pagina html includeremo il nostro file css semplicemente "linkandolo" nella sezione head del codice html. Questo è il metodo più comune ed usato per inserire i fogli di stile all'interno delle pagine html, ed offre molti vantaggi, innanzi tutto si ha una netta separazione tra il contenuto delle pagine e le regole di stile, inoltre le regole css definite nel file esterno hanno valenza su tutte le pagine che lo linkano, conseguentemente basterà apportare una modifica ad una regola presente nel foglio di stile esterno per vederla ripercuotere su tutto l'intero sito. Inoltre l'uso dei fogli di stile esterni incrementa anche la velocità di download delle pagine rispetto ai fogli di stile interni e conseguentemente la navigazione del sito. Quando richiediamo una pagina web col browser (il client), facciamo un "download" della pagina e del codice in esso contenuto (quindi anche le regole CSS, interne o esterne che siano), quando passiamo a navigare la pagina successiva dello stesso sito, per i fogli di stile interni sarà necessario scaricare nuovamente tutto il codice, per quelli esterni invece no poichè saranno mantenuti nella cache del browser, alleggerendo così il "peso" della pagina e migliorandone quindi la velocità di caricamento. 2) Fogli di stile incorporati I CSS incorporati nella pagina rappresentano un passo in avanti rispetto ai CSS in linea, poichè tramite essi si definiscono una o più regole di stile all'interno di uno script css la cui valenza viene applicata all'intera pagina in cui si definiscono, come al solito facciamo un'esempio per capirci meglio: <head>... <styletype="text/css" media="screen"> body { font-family:"trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif; background-color:white; color:#666666; font-size:.8em; margin-top:0auto auto 0; } p { padding: 1px 2px 1px 2px; } </style> </head> <body> Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 6
7 ... </body> Per inserire le regole di stile in linea, ossia all'interno della pagina stessa, bisogna definirle nella sezione head, racchiuse in uno script di tipo CSS (l'attributo media indica l'output per cui verranno applicate, che può essere screen il video o print per la stampa). Le regole di stile definite in questo modo hanno valenza per tutta la pagina in cui sono inserite, quindi se definiamo una regola CSS per il tag paragrafo <p></p> questa verrà applicata a tutti i paragrafi presenti nella pagina. Anche questa tecnica porta gli svantaggi di quella precedente, nel caso di voler apportare una modifica, bisogna rivedere tutte le pagine del nostro sito, risulta utile invece quando si vuol definire esclusivamente una pagina o un componente diverso da tutti gli altri e focalizzare il foglio di stile all'interno della pagina stessa è un buon metodo per evitare una eccessiva frammentazione. 3) Fogli di stile in linea I CSS in linea rappresentano forse il modo più facile per applicare una regola di stile ad un tag HTML, infatti basta inserire la regola css all'interno di un qualsiasi tag HTML per vederla subito applicata a quell'elemento, ad esempio in questo modo: <span style="font:arial; font-size:medium; color:red;">hello Word!!!</span> in questo esempio applichiamo un font Arial di dimensioni medie e colore rosso ad un semplice testo racchiuso nel tag span, niente di più facile. Sebbene l'uso dei fogli di stile in linea sia semplice ed immediato il loro uso è fortemente sconsigliato, poichè non solo "sporcano" il codice della pagina, ma risultano poco uniformi e nel caso del cambio ad es. di un colore saremmo costretti a rivedere ogni singolo elemento html per tutte le pagine, per un sito di poche pagine ancora questo è possibile, ma per siti di grandi dimensioni diventa un lavoro proibitivo. Il loro uso è da preferire solo in quei casi in cui dobbiamo modificare un singolo elemento o forzare una regola di stile presente su un foglio CSS esterno a cui non riusciamo ad accedere. 4) Fogli di stile importati Infine c'è un quarto metodo per inserire i fogli di stile all'interno delle pagine di un sito, ma si tratta sempre di fogli di stile esterni, solo che con questo metodo saremo in grado d'inserire più fogli di stile esterni in un sol colpo, facendo uso e linkando un file CSS esterno che usi la per ogni altro foglio di stile esterno che si voglia inserire nelle pagine del sito. Quindi creiamo un file import.css ed al suo interno andremo a specificare quali file css vogliamo inserire, in questo "menu.css"; dopodichè non dobbiamo far altro che linkare questo file nelle nostre pagine web, così come abbiamo fatto per i fogli di stile esterni visti al punto 3, in questo modo: <link rel="stylesheet" type="text/css" href="import.css" media="screen" /> Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 7
8 automaticamente inseriremo così tutti i fogli di stile esterni specificati nel file import.css. Attenzione, per come è illustrato nell'esempio, i vari fogli di stile assieme a quello import devono risiedere nella stessa cartella, diversamente ricordatevi di specificare i path corretti. Questo metodo oltre a portarsi dietro tutti i vantaggi visti per i fogli di stile esterni, permette di specificare fogli di stile differenti, il che non è poco, pensate a siti di medie-grosse dimensioni, e tutto ad un tratto vi accorgete di dover inserire un secondo file css esterno, linkare nuovamente il secondo file su 2000 pagine sarebbe una vera seccatura. Inoltre a mio avviso tenere separati i fogli di stile del layout da quello degli stili per la formattazione o per l'home page ha un'enorme vantaggio, ovvero quello di modularizzare le regole e sapere subito dove andare a mettere le mani, senza perdersi in fogli di stile lunghi chilometri e chilometri. Pseudo Classi Sintassi delle pseudo classi Da un punto di vista sintattico la pseudo-classe si definisce con questa sintassi: selettore:pseudo-classe {... } La pseudo-classe si definisce apponendo i due punti (:) tra il selettore ed il nome della stessa pseudo-classe. Per quanto riguarda il selettore non ci sono limiti di sorta rispetto alle possibilità analizzate nelle lezioni precedenti: è possibile apporre una pseudo-classe ad un selettore per classe, per ID, per attributo, ecc. Qualche esempio: /* selettore per tipo */ p:hover {... } /* selettore per classe */ div.bottone:hover {... } Pseudo-classi per i link CSS 2.1 offre alcune pseudo-classi apposite per i link. Questo sono: :link La pseudo-classe :link può essere applicata solo al tag <a> e definisce l'aspetto del link nel suo stato iniziale, quando non sono stati visitati. Lo scopo di :link è di "sovrascrivere" le impostazioni di default del browser che prevedono colore blu e sottolineatura per i link in questo stato. Vediamo un esempio: /* applico il colore rosso a tutti i link */ a:link { color: #FF0000; } :visited La pseudo-classe :visited è utilizzata per definire le regole di presentazione dei link una volta che questi sono già stati visitati dall'utente. Per impostazione di default, i browser utilizzano il colore viola per ricordare all'utente di aver già visto il documento collegato. Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 8
9 /* applico il colore rosso a tutti i link */ a:link { color: #FF0000; } /* imposto il colore nero per i link già visitati */ a:visited { color: #000000; } Pseudo-classi dinamiche Oltre alle pseudo-classi per i link (viste poco sopra) esiste una seconda famiglia di pseudo-classi dette dinamiche in quanto lo stato dell'elemento varia a seconda di un'azione dell'utente: un click, il passaggio col cursorse del mouse, ecc. :hover Anche questa pseudo-classe è tipica dei link ma può essere utilizzata anche per altre tipologie di elementi, ad esempio bottoni o DIV. Attraverso :hover è possibile, in sostanza, intercettare il passaggio del mouse sopra ad un dato elemento e definire regole di presentazione specifiche per questo stato. Vediamo un esempio proseguendo nella stilizzazione dei link: /* applico il colore rosso a tutti i link */ a:link { color: #FF0000; } /* imposto il colore nero per i link già visitati */ a:visited { color: #000000; } /* imposto la sottolineatura al passaggio del mouse */ a:hover { text-decoration: underline; } Come detto, però, questa pseudo-classe non è riservata ai link, quindi nulla vieta di utilizzarla anche per altri elementi, ad esempio: /* cambio colore di sfondo di un box quando l'utente ci passa col mouse */ div.box:hover { background-color:#ffff00; } /* imposto un bordo nero di 5 pixel su un bottone al passaggio del mouse */ button:hover { border: 5px solid #000000; } :active Questa pseudo-classe, in realtà, appartiene sia alla famiglia delle dinamiche che di quelle riservate ai link. Mediante :active è possibile definire la presentazione di un link quando attivo, cioè al momento del click dell'utente. Normalmente si tratta di un momento piuttosto breve, ma possiamo prolungarlo mantenendo premuto il pulsante del mouse... in pratica lo stato attivo riguarda l'intervallo di tempo che passa dalla pressione del bottone sino al suo rilascio. Proseguiamo nel nostro esempio: /* applico il colore rosso a tutti i link */ a:link { color: #FF0000; } /* imposto il colore nero per i link già visitati */ a:visited { color: #000000; } Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 9
10 /* imposto la sottolineatura al passaggio del mouse */ a:hover { text-decoration: underline; } /* imposto uno stile grassetto al momento del click */ a:active { font-weight: bold; } Template Il termine inglese template (letteralmente "sagoma" o "calco") in informatica indica un documento o programma nel quale, come in un foglio semicompilato cartaceo, su una struttura generica o standard esistono spazi temporaneamente "bianchi" da riempire successivamente. In questo ambito, la parola è traducibile in italiano come "modello", "semicompilato", "schema", "struttura base", "ossatura generale" o "scheletro", o più correntemente "modulo", anche se di solito non così elaborato e sofisticato. Nel campo delle pagine web vengono denominati template quei documenti d'esempio che vengono messi a disposizione gratuitamente o a pagamento su siti internet, per lo sviluppo di altre pagine web con grafica e formattazione identiche ma contenuti diversi. Sono uno strumento utile e potente per chi vuole: creare un sito con uno stile uniforme pur non avendo molte competenze, usare un codice che spesso risulta corretto se convalidato, ottenere un layout 'user-friendly' e graficamente ricercato. Spesso, nei template gratuiti, in fondo alla pagina viene inserito un collegamento al sito dell'autore, che è bene lasciare per non andare contro le licenze sotto cui sono distribuiti i template. Solitamente vengono utilizzati i linguaggi principali del Web, l'html per i contenuti e il CSS per la formattazione, ma non mancano esempi in Flash. Unità di misura del font, Box Model, tipi CSS, pseudoclassi Ultima revisione 19/05/2015 Pag. 10
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
Principio. di base per una buona riuscita
Una delle attività da affrontare nel nostro lavoro è quella di realizzare un layout, ossia una struttura dove posizionare contenuti per creare una pagina web. Ci sono molti tipi di pagine web quindi diverse
- 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
Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA
CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA In questo tutorial verrà illustrato come sfruttare la flessibilità del componente "Catalogo E-commerce" per realizzare un classico negozio a griglia, del tipo di
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
Guida Joomla. di: Alessandro Rossi, Flavio Copes
Guida Joomla di: Alessandro Rossi, Flavio Copes Grafica e template 1. 15. La grafica e i template Personalizzare l'aspetto del sito aggiungendo nuovi template e customizzandoli 2. 16. Personalizzare il
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
XSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
FUNZIONI DI IMPAGINAZIONE DI WORD
FUNZIONI DI IMPAGINAZIONE DI WORD IMPOSTARE LA PAGINA Impostare la pagina significa definire il formato del foglio e vari altri parametri. Per impostare la pagina occorre fare clic sul menu File e scegliere
Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini
STRUTTURA A DUE COLONNE Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini Un layout a due colonne ha, in genere, la seguente struttura: un'intestazione (TESTATA)
MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti
MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e
Alla scoperta della nuova interfaccia di Office 2010
Alla scoperta della nuova interfaccia di Office 2010 Una delle novità più eclatanti della versione 2007 era la nuova interfaccia con la barra multifunzione. Office 2010 mantiene questa filosofia di interfaccia
Guida all uso di Java Diagrammi ER
Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con
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
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
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
La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.
Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,
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:
[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
<a href= page2.html > Questo é il link all altra pagina </a> <a href= page2.html > <img src= "lamiaimmagine.jpg"/> </a>
Tutorial 4 Links, Span e Div È ora di fare sul serio! Che ci crediate o no, se sei arrivato fino a questo punto, ora hai solo bisogno di una cosa in più per fare un sito reale! Al momento hai una pagina
Uso di base delle funzioni in Microsoft Excel
Uso di base delle funzioni in Microsoft Excel Le funzioni Una funzione è un operatore che applicato a uno o più argomenti (valori, siano essi numeri con virgola, numeri interi, stringhe di caratteri) restituisce
Figura 54. Visualizza anteprima nel browser
Per vedere come apparirà il nostro lavoro sul browser, è possibile visualizzarne l anteprima facendo clic sulla scheda Anteprima accanto alla scheda HTML, in basso al foglio. Se la scheda Anteprima non
Software standard Alpi Label Ver. 2.2.0.0
Pag. 1 di 16 Manuale utente Software standard Alpi Label Ver. 2.2.0.0 Pag. 2 di 16 1 SOMMARIO Sommario 1 Sommario... 2 2 Specifiche Tecniche... 3 3 Maschera Principale... 4 4 Funzioni menù... 7 Pag. 3
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,
PowerPoint. Guida introduttiva
PowerPoint Guida introduttiva Informativa Questa guida nasce con l intento di spiegare in modo chiaro e preciso come usare il software Microsoft PowerPoint. In questa guida saranno tralasciati tutti quei
9 tecniche di selezione testi formattazione, copiare e incollare testi
9 tecniche di selezione testi formattazione, copiare e incollare testi Creare un file (OpenOffice.org Writer) dentro ad una cartella e digitare un breve testo Per prima cosa occorre creare un file di testo
GENERAZIONE PREVENTIVI
GENERAZIONE PREVENTIVI Per la creazione di un nuovo preventivo si fa sempre riferimento ad un Tipo Preventivo, identificato da una certa Sigla. Nell esempio seguente vediamo come il preventivo abbia impostata
EasyPrint v4.15. Gadget e calendari. Manuale Utente
EasyPrint v4.15 Gadget e calendari Manuale Utente Lo strumento di impaginazione gadget e calendari consiste in una nuova funzione del software da banco EasyPrint 4 che permette di ordinare in maniera semplice
COME CREARE UNA LEZIONE
COME CREARE UNA LEZIONE Il modulo di attività lezione consente al docenti di distribuire contenuti o esercitazioni in modo interessante e flessibile. E' possibile usare la lezione per creare pagine da
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à
Manuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
Guida all uso del portale www.revisoreweb.it per il software Bilancio di previsione 2012
Guida all uso del portale www.revisoreweb.it per il software Bilancio di previsione 2012 Per accedere all uso del prodotto Schema di relazione dei revisori al Bilancio di previsione degli Enti Locali per
Formattazione e Stampa
Formattazione e Stampa Formattazione Formattazione dei numeri Formattazione del testo Veste grafica delle celle Formattazione automatica & Stili Formattazione dei numeri Selezionare le celle, poi menu:
2.3 Cenni sui fogli di stile CSS per XML
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.3 Cenni sui fogli di stile CSS per XML Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE
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
MANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16. Manuale pratico per docenti e tutor
Guida all utilizzo della Piattaforma per la staffetta di Scrittura Creativa 2015-16 Manuale pratico per docenti e tutor Sommario Sommario Primo utilizzo... 3 Ricezione della mail con il nome utente e creazione
IL MIO PRIMO SITO: NEWS
Pagina 1 IL MIO PRIMO SITO: NEWS Sommario IL MIO PRIMO SITO: NEWS...1 Introduzione...2 I Contenitori...2 Creo un Contenitore...3 I Tracciati...4 Creo le Notizie...6 Inserisco il Testo...6 Inserisco un
5.3 TABELLE 5.3.1 RECORD 5.3.1.1 Inserire, eliminare record in una tabella Aggiungere record Eliminare record
5.3 TABELLE In un sistema di database relazionali le tabelle rappresentano la struttura di partenza, che resta poi fondamentale per tutte le fasi del lavoro di creazione e di gestione del database. 5.3.1
(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE
Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA
3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.
Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione
Lezione 3. Joomla 2.5
Lezione 3 Joomla 2.5 Joomla: il template Prima di partire con la modifica del template, diamo un occhiata alle posizioni definite dallo stesso. Come si può notare LOGO non ha un area che lo identifica
jt - joetex - percorsi didattici
jt - joetex - percorsi didattici Corso dreamweaver lezione 1 Sommario 1. Creare un sito in locale 2. creare la prima pagina Creare un sito in locale Un sito va creato tutto all'interno di un'unica cartella.
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
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
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
Client - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
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:
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
Guida rapida per i docenti all'uso della piattaforma di e-learning dell'istituto Giua
Guida rapida per i docenti all'uso della piattaforma di e-learning dell'istituto Giua Moodle è la piattaforma didattica per l'e-learning utilizzata dall'istituto Giua per consentire ai docenti di creare
Office 2007 Lezione 08
Word: gli stili veloci e i temi Da questa lezione, iniziamo ad occuparci delle innovazioni che riguardano specificamente Word. Cominceremo parlando di stili e temi. Nella filosofia di questo nuovo Word,
DOCUMENTO ESERCITAZIONE ONENOTE. Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida
Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida MICROSOFT OFFICE ONENOTE 2003 AUMENTA LA PRODUTTIVITÀ CONSENTENDO AGLI UTENTI L ACQUISIZIONE COMPLETA, L ORGANIZZAZIONE EFFICIENTE E IL RIUTILIZZO
SOMMARIO... 3 INTRODUZIONE...
Sommario SOMMARIO... 3 INTRODUZIONE... 4 INTRODUZIONE ALLE FUNZIONALITÀ DEL PROGRAMMA INTRAWEB... 4 STRUTTURA DEL MANUALE... 4 INSTALLAZIONE INRAWEB VER. 11.0.0.0... 5 1 GESTIONE INTRAWEB VER 11.0.0.0...
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche
Cominciamo dalla barra multifunzione, ossia la struttura a schede che ha sostituito la barra dei menu e la barra delle icone (Figura 1).
La barra multifunzione La barra multifunzione e il pulsante Microsoft Office Se avete lavorato per tanti anni con la suite da ufficio Office, questa nuova versione 2007 può disorientarvi davvero molto.
Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali
PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video
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
Personalizza. Page 1 of 33
Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su
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
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
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA NOZIONI DI INFORMATICA Il PC è composto solitamente di tre parti principali: - Il Case, ovvero il contenitore del cuore del computer, da qui si accende
Creare un sito Multilingua con Joomla 1.6
Creare un sito Multilingua con Joomla 1.6 Istruzioni Vai a: navigazione, ricerca Testo originale: http://docs.joomla.org/language_switcher_tutorial_for_joomla_1.6 Questa guida è valida sia per Joomla 1.6
Utilizzo della Intranet, forum privati Soci e Staff
Utilizzo della Intranet, forum privati Soci e Staff Se durante la registrazione ad Associazioni Milano avete fatto richiesta del servizio denominato Intranet, questo sarà subito disponibile già a partire
Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti
Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta
[Tutoriale] Realizzare un cruciverba con Excel
![[Tutoriale] Realizzare un cruciverba con Excel](/thumbs/30/14141462.jpg "[Tutoriale] Realizzare un cruciverba con Excel")
[Tutoriale] Realizzare un cruciverba con Excel Aperta in Excel una nuova cartella (un nuovo file), salviamo con nome in una precisa nostra cartella. Cominciamo con la Formattazione del foglio di lavoro.
TRASMISSIONE RAPPORTO ARBITRALE IN FORMATO PDF
TRASMISSIONE RAPPORTO ARBITRALE IN FORMATO PDF Come da disposizioni di inizio stagione, alcune Delegazioni provinciali hanno richiesto la trasmissione dei referti arbitrali solo tramite fax o tramite mail.
Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente
Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente Vediamo come utilizzare Word per costruire un modulo compilabile, ovvero una scheda che contenga delle parti fisse di
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
Realizzare il layout di un sito web senza utilizzare frame e tabelle
Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera
Utilizzo del foglio di lavoro con gli strumenti di disegno di Excel
Utilizzo del foglio di lavoro con gli strumenti di disegno di Excel Geometra Luigi Amato Guida Avanzata per immagini Excel 2000 1 Presentazione della barra degli strumenti di disegno La barra degli strumenti
Guida al sistema. Dott. Enea Belloni
Sistema Gestionale Voucher Guida al sistema Dott. Enea Belloni Sommario della presentazione Il sistema informatico per la gestione delle domande L utente presentatore: diritti e responsabilità La pagina
PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1
Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6
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 , ,...,
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
Laboratorio di informatica umanistica
UNIVERSITÀ DEGLI STUDI DI SASSARI Dipartimento di Storia, Scienze dell Uomo e della Formazione Laboratorio di Informatica Umanistica Manuale Esercitazione 3 Docente: 1 Introduzione a Calc Introduzione
L interfaccia utente di Office 2010
L interfaccia utente di Office 2010 Personalizza la barra multifunzione Pagine: 3 di 4 Autore: Alessandra Salvaggio - Tratto da: Office 2010 la tua prima guida - Edizioni FAG Milano Ridurre la barra multifunzione
MAUALE PIATTAFORMA MOODLE
MAUALE PIATTAFORMA MOODLE La piattaforma moodle ci permette di salvare e creare contenuti didattici. Dal menù principale è possibile: inviare dei messaggi agli altri docenti che utilizzano la piattaforma:
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE Con questa guida impareremo come eliminare delle singole zone del template che utilizziamo all'interno di una pagina specifica. Questo metodo torna utile
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
Le sezioni logiche di una pagina web
Le sezioni logiche di una pagina web Il primo passo da fare nella realizzazione di un sito web è pianificare i contenuti. Strutturare logicamente i contenuti di una pagina, creare un template (modello)
per scrivere un articolo da prima pagina! per inviare una newsletter Come si crea Comunicazione Anfaa Edizione 4a.2013
per scrivere un articolo da prima pagina! Quando si vuole inserire un articolo che compaia nel riquadro Ultime notizie della home page, si deve impostare la categoria Ultime notizie, in aggiunta a quella
Foglio di calcolo. Il foglio di calcolo: Excel. Selezione delle celle
Foglio di calcolo Il foglio di calcolo: Excel I dati inseriti in Excel sono organizzati in Cartelle di lavoro a loro volta suddivise in Fogli elettronici. I fogli sono formati da celle disposte per righe
WORD 97 SCRIVERE UNA TESI DI LAUREA
WORD 97 SCRIVERE UNA TESI DI LAUREA PASSO 1 Per prima cosa pensiamo al formato generale della pagina: i margini richiesti da una tesi sono quasi sempre più ampi di quelli di un testo normale. Apriamo ora
Office 2007 Lezione 02. Le operazioni più
Le operazioni più comuni Le operazioni più comuni Personalizzare l interfaccia Creare un nuovo file Ieri ci siamo occupati di descrivere l interfaccia del nuovo Office, ma non abbiamo ancora spiegato come
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
Manuale Utente Amministrazione Trasparente GA
Manuale Utente GA IDENTIFICATIVO DOCUMENTO MU_AMMINISTRAZIONETRASPARENTE-GA_1.0 Versione 1.0 Data edizione 03.05.2013 1 Albo Pretorio On Line TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione
Versione 7.0 Taglie e Colori. Negozio Facile
Versione 7.0 Taglie e Colori Negozio Facile Negozio Facile: Gestione taglie e colori Il concetto di base dal quale siamo partiti è che ogni variante taglia/colore sia un articolo a se stante. Partendo
Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Maria Maddalena Fornari Impostazioni di pagina: orientamento È possibile modificare le
BREVE GUIDA ACCESSO AL REGISTRO:
BREVE GUIDA ACCESSO AL REGISTRO: Nella schermata iniziale del 'Registro Elettronico' inserire 'Nome utente', 'Password' e premere 'Accedi'. Inizialmente Nome utente=proprio cognome con caratteri in minuscolo,
GUIDA. Redazione Portale. Manuale operativo per la creazione contenuti da pubblicare sul portale www.aplevante.org. Autorità Portuale del Levante
Autorità Portuale del Levante GUIDA Redazione Portale Manuale operativo per la creazione contenuti da pubblicare sul portale www.aplevante.org Note: le procedure illustrate per la sezione News e comunicati
ISTR- XX Uso del Blog http://telelavoro.tpk.it
Pagina 1 di 5 1.CAMPO DI APPLICAZIONE Ai dipendenti che fanno parte del progetto di Telelavoro è stato attivato un utente al Blog situato al sito http://telelavoro.tpk.it, che permette una veloce ed efficace
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
[FINANZAECOMUNICAZIONE / VADEMECUM]
![[FINANZAECOMUNICAZIONE / VADEMECUM]](/thumbs/24/2375461.jpg "[FINANZAECOMUNICAZIONE / VADEMECUM]")
2011 Finanza e Comunicazione [FINANZAECOMUNICAZIONE / VADEMECUM] [PANNELLO DI CONTROLLO SCRIVERE UN ARTICOLO PUBBLICARE MEDIA CREARE UNA GALLERIA FOTOGRAFICA MODIFICHE SUCCESSIVE CAMBIARE PASSWORD SALVARE,
I link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1
INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 IMPORTANTE: forse non visualizzate questa barra, se così fosse usiamo questa procedura: posizioniamo il cursore sulla parte vuota tasto destro del
Tabelle 3.4. Unità didattica. Copyright 2009 Apogeo. Obiettivi. Prerequisiti
Unità didattica 3.4 In questa unità realizzerai un annuncio da appendere in una bacheca per la vendita del tuo lettore MP3. Il tuo annuncio deve essere gradevole e armonioso in modo che, tra tanti altri