Capitolo 6. Formattare il testo con HTML e CSS
|
|
- Orsola Maggi
- 8 anni fa
- Visualizzazioni
Transcript
1 Capitolo 6 Formattare il testo con HTML e CSS 6.1 Elementi a livello di carattere 6.2 Formattazione dei caratteri con i CSS 6.3 Testo preformattato 6.4 Righelli orizzontali 6.5 Interruzioni di riga 6.6 Indirizzi 6.7 Citazioni 6.8 Caratteri speciali 6.9 Allineamento del testo 6.10 Font e dimensioni di font 6.11 <nobr> e <wbr> 6.12 Riepilogo 6.13 Laboratorio Nei capitoli 4 e 5 si sono appresi i fondamenti di HTML, compresi i tag utilizzati per descrivere la struttura della pagina e creare i collegamenti. Con questa conoscenza di base, ora si è pronti per imparare cosa possono fare HTML e CSS dal punto di vista della formattazione e del layout. In questo capitolo In questo capitolo verrà descritta in dettaglio gran parte dei tag rimanenti di HTML che è necessario conoscere per creare le pagine, compresi i tag di HTML 2.0 e fino a HTML 4.01, così come gli attributi HTML dei singoli browser. In particolare si apprenderà come: Specificare l aspetto dei singoli caratteri (grassetto, corsivo, sottolineato). Includere i caratteri speciali (caratteri con accenti, simboli di copyright e così via). Creare testo preformattato (testo che mantiene spazi e tabulazioni). Allineare il testo a sinistra, a destra e al centro. Modificare il font e le sue dimensioni. Creare altri elementi di testo HTML, comprese le interruzioni di riga, le linee dei righelli, gli indirizzi e le citazioni. HTML.indb /04/
2 126 C APITO L O 6 Inoltre, verranno esaminate le differenze tra HTML standard e le estensioni HTML, e quando scegliere quali tag utilizzare nelle pagine. Si apprenderà anche quali di questi tag sono sconsigliati in XHTML, e come sfruttare CSS per ottenere gli stessi effetti. Infine, si creerà una pagina Web completa che utilizza molti dei tag illustrati nel capitolo, così come le informazioni dei quattro capitoli precedenti. In questo capitolo verranno descritti diversi tag e numerose opzioni, quindi la lettura potrebbe risultare leggermente pesante. Per ora non ci si deve preoccupare di ricordare tutto, basta farsi un idea del tipo di formattazione che si può eseguire in HTML; i tag specifici si potranno esaminare più avanti. 6.1 Elementi a livello di carattere Quando si utilizzano i tag HTML per i paragrafi, i titoli o gli elenchi, tali tag influiscono sul quell intero blocco di testo: modificando il font e la spaziatura sopra e sotto la riga, o aggiungendo i caratteri (nel caso di elenchi puntati). Questi vengono chiamati elementi a livello di blocco. Gli elementi a livello di carattere sono i tag che influiscono sulle parole o sui caratteri all interno di altre entità HTML e modificano l aspetto di quel testo così che sia diverso da quello circostante: per esempio, trasformandolo in grassetto o sottolineandolo. Per modificare l aspetto di un set di caratteri all interno del testo, è possibile utilizzare uno di questi due tipi di tag: stili logici o stili fisici. Stili logici I tag di stile logico descrivono il significato del testo presente al loro interno, non come deve essere presentato. Sono simili ai comuni tag di elemento per i paragrafi o i titoli. Per esempio, i tag di stile logico possono indicare una definizione, una porzione di codice o una parola evidenziata. Tutto questo può essere leggermente fuorviante poiché esistono standard di fatto che collegano ciascuno di questi tag a un determinato stile visuale. In altre parole, anche se un tag come <strong> ha significati diversi per persone differenti, nei borwser Web significa grassetto. Utilizzando i tag di stile logico, il browser stabilisce la reale presentazione del testo, che sia grassetto, corsivo o qualsiasi altra modifica nell aspetto. Non è possibile garantire che il testo evidenziato attraverso questi tag sarà sempre grassetto o corsivo, quindi non si deve dipendere da esso. Oggi, i creatori di browser si sono abbastanza adattati al modo in cui ciascuno di questi tag logici viene visualizzato, ma è comunque importante comprendere che questi tag hanno un significato più profondo dei semplici stili fisici che applicano. HTML.indb /04/
3 F O RMATTARE IL TES T O CON HTML E CSS 127 Ciascuno stile di carattere dispone di tag di apertura e di chiusura e influisce sul testo all interno di questi due tag. Di seguito sono riportati gli otto tag di stile logico: <em> Questo tag indica che i caratteri devono essere evidenziati in qualche modo; in altre parole, vengono formattati in modo diverso rispetto al resto del testo. Solitamente, nei browser grafici <em> evidenzia il testo in corsivo. Per esempio: <p>the anteater is the <em>strangest</em> looking animal, isn t it?</p> <strong> Con questo tag, i caratteri devono essere evidenziati maggiormente rispetto a <em>: solitamente in grassetto. Si consideri quanto segue: <p>take a <strong>left turn</strong> at <strong>dee s Hop Stop</strong></p> <code> Questo tag indica che il testo al suo interno è un esempio di codice e deve essere visualizzato con un font a larghezza fissa come Courier. Per esempio: <p><code>#include trans.h </code></p> <samp> Questo tag indica un testo di esempio e solitamente viene presentato con un font a larghezza fissa, come <code>. Ecco un esempio di utilizzo di questo tag: <p>the URL for that page is <samp> <kbd> Questo tag indica che il testo deve essere inserito dall utente. Viene anche presentato con un font a larghezza fissa. Si consideri quanto segue: <p>type the following command: <kbd>find. -name prune -print</kbd></p> <var> Questo tag indica il nome di una variabile, o di una qualche entità, da sostituire con un valore reale. Spesso viene visualizzato in corsivo o sottolineato, e utilizzato nel modo seguente: <p><code>chown</code> <var>your_name for the_file</var></p> <dfn> Questo tag indica una definizione. <dfn> viene utilizzato per evidenziare una parola (solitamente in corsivo) che verrà definita o che è appena stata definita, come nell esempio seguente: <p>styles that are named after how they are actually used are called <dfn>logical styles</dfn></p> <cite> Questo tag indica una breve citazione, come illustrato di seguito: <p>eggplant has been known to cause nausea in some people<cite> (Lemay, 1994)</cite></p> HTML.indb /04/
4 128 C APITO L O 6 NOTA Dei tag di questo elenco, tutti eccetto <dfn> fanno parte della raccomandazione ufficiale HTML 2.0. <dfn> è stato aggiunto nella raccomandazione HTML 3.2. Nella raccomandazione XHTML 1.0 sono ancora tutti validi. HTML 4.01 ha introdotto due ulteriori tag di stile logico molto utili per i browser audio. Un browser grafico, come Netscape o Internet Explorer, non li visualizzerà in modo diverso. Tuttavia, quando un browser audio legge il contenuto incluso in uno di questi tag, ciascuna lettera viene pronunciata singolarmente. Per esempio, fox viene pronunciata F-O-X. Anche questi tag dispongono di un apertura e di una chiusura e influiscono sul testo al loro interno. Quelli che seguono sono i nuovi tag: <abbr> Questo tag indica l abbreviazione di una parola, come nel seguente esempio: <p>use the standard two-letter state abbreviation (such as <abbr>ca</abbr> for California)</p> <acronym> Simile al tag <abbr>, <acronym> indica una parola formata dall unione delle lettere iniziali di diverse parole, come nel seguente esempio: <p>jonathan learned his great problem-handling skills from <acronym>steps</ acronym> (Simply Tackle Each Problem Seriously)</p> Sono stati memorizzati tutti i tag? Ottimo. Alla fine del capitolo è riportato un questionario. La seguente porzione di codice illustra ciascuno dei tag di stile logico, e la Figura 6.1 mostra come vengono visualizzati. <p>the anteater is the <em>strangest</em> looking animal, isn t it?</p> <p>take a <strong>left turn</strong> at <strong>dee s Hop Stop </strong></p> <p><code>#include trans.h </code></p> <p>the URL for that page is <samp> <p>type the following command: <kbd>find. -name prune -print</kbd></p> <p><code>chown </code><var>your_name the_file</var></p> <p>styles that are named after how they are used are called <dfn>logical styles</dfn></p> <p>eggplant has been known to cause nausea in some people<cite> (Lemay, 1994)</cite></p> <p>use the standard two-letter state abbreviation (such as <abbr>ca</abbr> for California)</p> <p>jonathan learned his great problem-handling skills from <acronym>steps</acronym> (Simply Tackle Each Problem Seriously) HTML.indb /04/
5 F O RMATTARE IL TES T O CON HTML E CSS 129 Output Figura 6.1 I vari stili logici visualizzati in un browser. Stili fisici Oltre a questi tag di stile, per modificare il reale stile di presentazione del testo (grassetto, corsivo o monospaziato) è possibile utilizzare un set di tag di stile fisico. Come i tag per lo stile di carattere, ciascun tag di formattazione dispone di un apertura e di una chiusura. HTML 2.0 standard ha definito tre tag di stile fisico: <b> Grassetto. <i> Corsivo. <tt> Font monospaziato. HTML 3.2 ha definito diversi ulteriori tag di stile fisico, tra cui: <u> Sottolineato (sconsigliato in HTML 4.0). <s> Barrato (sconsigliato in HTML 4.0). <big> Stampa più grande rispetto al testo circostante. <small> Stampa più piccola. <sub> Pedice. <sup> Apice. NOTA I browser basati sul testo, come Lynx e quelli associati ai dispositivi wireless, non possono visualizzare il testo in grassetto, corsivo o a cui sia stato applicato uno stile. Solitamente evidenziano il testo in qualche modo, ma questo varia a seconda del browser e della piattaforma. È possibile annidare i tag di carattere, per esempio utilizzando sia grassetto che corsivo per un set di caratteri, nel seguente modo: <b><i>text that is both bold and italic</i></b> HTML.indb /04/
6 130 C APITO L O 6 Tuttavia, il risultato a video dipende dal browser, come per tutti i tag HTML. Non apparirà necessariamente il testo sia in grassetto sia in corsivo; potrebbe venire visualizzato uno stile o l altro: <p>in Dante s <i>inferno</i>, malaboge was the eighth circle of hell, and held the malicious and fraudulent.</p> <p>all entries must be received by <b>september 26, 1999</b>.</p> <p>type <tt>lpr -Pbirch myfile.txt</tt> to print that file.</p> <p>sign your name in the spot marked <u>sign Here</u>:</p> <p>people who wear orange shirts and plaid pants <s>have no taste</s> are fashion-challenged.</p> <p>rcp floor mats give you <big>big</big> savings over the competition!</p> <p>then, from the corner of the room, he heard a <small>tiny voice </small>.</p> <p>in heavy trading today. Consolidated Orange Trucking rose <sup>1</sup>/<sub>4</sub> points on volume of 1,457,900 shares.</p> La Figura 6.2 mostra alcuni tag fisici e il loro aspetto. Output Figura 6.2 Gli stili fisici visualizzati in un browser. 6.2 Formattazione dei caratteri con i CSS È già stato descritto il modo in cui è possibile utilizzare gli stili per modificare l aspetto dei vari elementi. Uno qualsiasi di questi effetti associati ai tag introdotti in questo capitolo può essere creato anche utilizzando i CSS. Tuttavia, prima di descrivere queste proprietà, è meglio spiegare come utilizzarle. Come è già stato accennato, l attributo style può essere sfruttato con la maggior parte dei tag. Tuttavia, molti tag influiscono in qualche modo sull aspetto del testo che racchiudono. Esiste un tag che non ha alcun effetto sul testo che include: il tag <span>, che esiste solamente per essere associato ai fogli di stile; esso HTML.indb /04/
7 F O RMATTARE IL TES T O CON HTML E CSS 131 viene utilizzato esattamente come qualsiasi altro tag esaminato in questo capitolo. Basta inserirlo intorno a un testo, in questo modo: <p>this is an example of the <span>usage of the span tag</span>.</p> Utilizzato da solo, il tag <span> non ha alcun effetto. Se accoppiato con l attributo style, può sostituire qualsiasi tag di questo capitolo e può anche eseguire un ottimo lavoro. La proprietà di decorazione del testo La proprietà text-decoration viene utilizzata per specificare quale decorazione, se presente, verrà applicata al testo incluso nel tag su cui influisce. Valori validi per questa proprietà sono underline, overline, line-through e blink. L applicazione di ciascuno di essi è rispettivamente sottolineato, sovralineato, barrato e lampeggiante. Di seguito è riportato un esempio che illustra come utilizzare ognuno di questi valori: <p>here is some <span style= text-decoration: underline >underlined text</span>.</p> <p>here is some <span style= text-decoration: overline >overlined text</ span>.</p> <p>here is some <span style= text-decoration: line-through >line-through text</span>.</p> <p>here is some <span style= text-decoration: blink >blinking text</span>.</p> L utilizzo di <span> e della proprietà text-decoration per sottolineare il testo non è diverso dall impiego del tag <u>, a eccezione del fatto che alcuni browser più datati che non supportano i CSS potrebbero non supportare questa soluzione. La buona notizia è che è possibile utilizzare questa proprietà, e tutte le proprietà descritte in questo capitolo, con qualsiasi tag che racchiude il testo. Si osservi il seguente esempio: <h1 style= text-decoration: underline >An Underlined Heading</h1> Utilizzando l attributo style, è possibile specificare l aspetto del testo del titolo. La scelta tra questo approccio e il tag <u> è indifferente: se si desidera eliminare la sottolineatura dal titolo, è necessario tornare indietro e modificare il tag stesso, indipendentemente che sia stato utilizzato il tag <u> o l attributo style. Più avanti, si imparerà come i fogli di stile possono essere sfruttati per controllare contemporaneamente l aspetto di molti elementi. HTML.indb /04/
8 132 C APITO L O 6 Proprietà dei font Quando si desidera modificare l aspetto del testo, l altra grande famiglia di proprietà che si può utilizzare sono le proprietà dei font, che possono essere sfruttate per cambiare praticamente qualsiasi aspetto del carattere utilizzato per visualizzare il testo in un browser. Una delle peculiarità delle proprietà dei font è che sono molto più specifiche rispetto ai tag descritti finora. Innanzitutto, si osserveranno alcune delle sostituzioni dirette dei tag già esaminati. La proprietà font-style può essere utilizzata per applicare il corsivo al testo. Ha tre valori possibili, normal, che è quello predefinito, italic, che visualizza il testo allo stesso modo del tag <i>, e oblique, che rappresenta una via di mezzo tra lo stile corsivo e quello normale, e non è supportata dai browser quanto il corsivo. Ecco alcuni esempi: <p>here s some <span style= font-style: italic >italicized text</span>.</p> <p>here s some <span style= font-style: oblique >oblique text</span> (which may look like regular italics in your browser).</p> Ora si esaminerà come utilizzare i CSS per creare un testo in grassetto. Nel mondo di HTML, esistono due opzioni: grassetto e non grassetto. Con i CSS, in teoria si hanno più possibilità. In teoria perché il supporto del browser per la vasta gamma di pesi dei font disponibili attraverso i CSS non è omogeneo. Per specificare che il testo deve essere visualizzato in grassetto, si utilizza la proprietà font-weight, i cui valori validi sono normal (quello predefinito), bold, bolder, lighter, e da 100 a 900, in unità di 100. Ecco acuni esempi: <p>here s some <span style= font-weight: bold >bold text</span>.</p> <p>here s some <span style= font-weight: bolder >bolder text</span>.</p> <p>here s some <span style= font-weight: lighter >lighter text</span>.</p> <p>here s some <span style= font-weight: 700 >bolder text</span>.</p> È anche possibile impostare il carattere per il testo utilizzando la proprietà font-family. Si può anche impostare il font specifico per il testo, argomento che però verrà esaminato più avanti nel capitolo. Nel frattempo, si osservi come definire il font per un membro di una particolare famiglia di font. Il font specifico verrà preso dalle preferenze dell utente. La proprietà per la modifica è font-family, i cui valori possibili sono serif, sans-serif, cursive, fantasy e monospace. Quindi, se si desidera specificare che un font monospaziato deve essere utilizzato con i CSS al posto del tag <tt>, si scriverà il seguente codice: <p><span style= font-family: monospace >This is monospaced text.</span></p> Verrà ora esaminata un opzione non disponibile attraverso i normali tag HTML. Utilizzando la proprietà font-variant, è possibile visualizzare il testo HTML.indb /04/
9 F O RMATTARE IL TES T O CON HTML E CSS 133 in modo che le lettere minuscole vengano sostituite da lettere maiuscole più grandi. I due valori possibili sono normal e small-caps. Ecco un esempio: <p><span style= font-variant: small-caps >This Text Uses Small Caps.</span></ p> La finestra del browser mostrata nella Figura 6.3 contiene un testo che utilizza la proprietà font-variant e tutte le altre proprietà descritte in questo paragrafo. Output Figura 6.3 Il testo con gli stili applicati attraverso i CSS. 6.3 Testo preformattato La maggior parte delle volte, il testo di un file HTML viene formattato in base ai tag HTML utilizzati per marcarlo. Come accennato nel Capitolo 3, qualsiasi spazio vuoto supplementare (spazi, tabulazioni, ritorni a capo) inserito nel testo viene eliminato dal browser. L unica eccezione a questa regola è il tag per il testo preformattato, <pre>. Qualsiasi spazio vuoto inserito nel testo racchiuso tra i tag <pre> e </pre> viene mantenuto nell output finale. Con questi tag, la spaziatura del testo nel codice sorgente HTML viene conservata quando questo è visualizzato sulla pagina. Lo svantaggio è che solitamente il testo preformattato viene visualizzato (almeno nei browser grafici) con un font monospaziato come Courier. Il testo preformattato è adatto per la visualizzazione di esempi di codice in cui si desidera che il testo venga formattato esattamente con i rientri utilizzati dall autore. Poiché per allineare il testo inserendo gli spazi è possibile utilizzare HTML.indb /04/
10 134 C APITO L O 6 il tag <pre>, esso può essere sfruttato per semplici tabelle. Tuttavia, il fatto che le tabelle vengano presentate con un font monospaziato non lo rende la scelta migliore (nel Capitolo 8 si apprenderà come creare vere tabelle). Di seguito è riportato un esempio di una tabella creata con <pre>: <pre> Diameter Distance Time to Time to (miles) from Sun Orbit Rotate (millions of miles) Mercury days 59 days Venus days 244 days Earth days 24 hrs Mars days 24 hrs 24 mins Jupiter years 9 hrs 50 mins Saturn years 10 hrs 39 mins Uranus years 23 hrs Neptune days 15 hrs 48 mins Pluto years 6 days 7 hrs </pre> La Figura 6.4 mostra come appare in un browser. Output Figura 6.4 Una tabella creata con <pre>, mostrata in un browser. Quando si crea il testo per il tag <pre>, è possibile utilizzare i tag di collegamento e gli stili di carattere, ma non i tag di elemento come i titoli o i paragrafi. È necessario interrompere le righe con i ritorni a capo e cercare di mantenere 60 caratteri o meno per riga. Alcuni browser possono avere uno spazio orizzontale limitato in cui visualizzare il testo. Poiché solitamente i browser non riformattano il testo preformattato per adattarlo a tale spazio, HTML.indb /04/
11 F O RMATTARE IL TES T O CON HTML E CSS 135 occorre assicurarsi che il testo rimanga entro i limiti per evitare che i lettori debbano scorrere da un lato all altro. Occorre prestare attenzione alle tabulazioni nel testo preformattato: il numero reale di caratteri per ciascuna tabulazione varia da browser a browser. Un browser può avere una tabulazione ogni quattro caratteri, mentre un altro ogni otto. È necessario convertire in spazi qualsiasi tabulazione presente nel testo preformattato così che la formattazione non venga compromessa se il testo viene visualizzato con impostazioni di tabulazione diverse rispetto a quelle del programma utilizzato per inserirlo. Il tag <pre> è adatto anche per convertire velocemente e facilmente in HTML i file che in origine avevano una qualche forma di solo testo, come i messaggi di posta o gli invii di notizie Usenet. Basta circondare l intero contenuto dell articolo con i tag <pre> e si ottiene immediatamente HTML, come nel seguente esempio: <pre> To: lemay@lne.com From: jokes@lne.com Subject: Tales of the Move From Hell, pt. 1 I spent the day on the phone today with the entire household services division of northern California, turning off services, turning on services, transferring services and other such fun things you have to do when you move. It used to be you just called these people and got put on hold for and interminable amount of time, maybe with some nice music, and then you got a customer representative who was surly and hard of hearing, but with some work you could actually get your phone turned off. </pre> Un utilizzo creativo del tag <pre> consiste nel creare immagini ASCII per le pagine Web. I seguenti esempi di input e output HTML mostrano una semplice immagine di mucca ASCII: <pre> ( ) Moo (oo) \/------\ \ ---W * </pre> HTML.indb /04/
12 136 C APITO L O 6 Il risultato è visualizzato nella Figura 6.5. Output Figura 6.5 Un immagine ASCII che illustra il funzionamento del testo preformattato. 6.4 Righelli orizzontali Il tag <hr>, che in HTML non dispone di un tag di chiusura e non ha alcun testo associato, crea una riga orizzontale sulla pagina. Le linee dei righelli vengono utilizzate per separare visualmente le sezioni di una pagina Web, per esempio prima dei titoli, o per staccare il corpo del testo da un elenco di voci. L input seguente mostra una linea del righello e un elenco scritti in XHT- ML 1.0: <hr /> <h2>to Do on Friday</h2> <ul> <li>do laundry</li> <li>send FedEx with pictures</li> <li>have lunch with Mollie</li> <li>read </li> <li>set up Ethernet</li> Chiudere gli elementi vuoti In HTML, il tag <hr> non dispone di un tag di chiusura. Per convertire questo tag in XHTML e assicurare la compatibilità con i browsers HTML, aggiungere alla fi ne del tag uno spazio e una barra laterale: <hr /> Se la riga orizzontale dispone di attributi, la barra laterale appare comunque alla fi ne del tag, come mostrato nei seguenti esempi: <hr size= 2 /> <hr width= 75% /> <hr align= center size= 4 width= 200 /> HTML.indb /04/
13 F O RMATTARE IL TES T O CON HTML E CSS 137 Figura 6.6 Un esempio di utilizzo dei righelli orizzontali intorno a un elenco. </ul> <hr /> La Figura 6.6 mostra l aspetto in un browser. Output Attributi del tag <hr> In HTML 2.0, il tag <hr> ha l aspetto illustrato, senza tag di chiusura o attributi. Tuttavia, HTML 3.2 ha introdotto diversi attributi per il tag <hr> così da disporre di un maggiore controllo sull aspetto della riga disegnata. Nella specifica HTML 4.01, tutti questi attributi sono stati sconsigliati in favore dei fogli di stile. NOTA Sebbene gli attributi di presentazione come size, width e align siano ancora supportati in HTML 4.01, i fogli di stile rappresentano ora il metodo raccomandato per controllare l aspetto di una pagina. L attributo size indica lo spessore, in pixel, della linea del righello. Il valore predefinito è 2, che rappresenta anche la dimensione più piccola. La Figura 6.7 mostra gli spessori campione delle linee dei righelli creati con il seguente codice: <h2>2 Pixels</h2> <hr size= 2 /> <h2>4 Pixels</h2> <hr size= 4 /> <h2>8 Pixels</h2> <hr size= 8 /> <h2>16 Pixels</h2> <hr size= 16 /> HTML.indb /04/
14 138 C APITO L O 6 Output Figura 6.7 Esempi di spessori delle linee dei righelli. L attributo width specifica la larghezza orizzontale della linea del righello. È possibile indicare la larghezza esatta del righello in pixel. Si può anche specificare il valore come percentuale della larghezza del browser (per esempio, 30% o 50%). Se la larghezza di un righello orizzontale viene impostata su una percentuale, essa cambierà per adattarsi alle dimensioni della finestra se l utente ridimensiona la finestra del browser. La Figura 6.8 mostra il risultato del seguente codice, che visualizza alcune larghezze campione per le linee del righello: <h2>100%</h2> <hr /> <h2>75%</h2> <hr width= 75% /> <h2>50%</h2> <hr width= 50% /> <h2>25%</h2> <hr width= 25% /> <h2>10%</h2> <hr width= 10% /> HTML.indb /04/
15 F O RMATTARE IL TES T O CON HTML E CSS 139 Output Figura 6.8 Esempi di larghezze delle linee dei righelli. Se si specifica una larghezza inferiore a quella reale della finestra del browser, è anche possibile indicare l allineamento di quel righello con l attributo align, facendo in modo che venga allineato a sinistra (align= left ), a destra (align= right ), o che sia centrato (align= center ). Per impostazione predefinita, le linee dei righelli sono centrate. Infine, nella maggior parte dei browser odierni, l attributo noshade mostrato nell esempio seguente costringe il browser a disegnare la linea del righello come una semplice riga senza l ombreggiatura tridimensionale, come mostrato nella Figura 6.9. Output Figura 6.9 Le linee dei righelli senza ombreggiatura. HTML.indb /04/
16 140 C APITO L O 6 Gestire gli attributi senza valori In HTML 4.0 e nelle versioni precedenti, l attributo noshade non richiede alcun valore. Il metodo utilizzato per applicare questo attributo è il seguente: <hr align= center size= 4 width= 200 noshade> Tuttavia, per conformarsi a XHTML 1.0, tutti gli attributi necessitano di un valore. La specifi ca HTML 4.01 richiede che gli attributi booleani (come noshade) abbiano come valore solo il nome dell attributo stesso. L esempio seguente illustra come applicare l attributo noshade al tag <hr> in conformità alla specifi ca XHTML 1.0. <hr align= center size= 4 width= 200 noshade= noshade /> <hr align= center size= 4 width= 300 noshade= noshade /> <hr align= center size= 4 width= 400 noshade= noshade /> <h1 align= center >NorthWestern Video</h1> <hr align= center size= 4 width= 400 noshade= noshade /> <hr align= center size= 4 width= 300 noshade= noshade /> <hr align= center size= 4 width= 200 noshade= noshade /> <h2 align= center >Presents</h2> 6.5 Interruzioni di riga Il tag <br> interrompe una riga di testo nel punto in cui appare. Quando un browser Web incontra un tag <br>, fa ripartire il testo dopo il tag dal margine sinistro (qualunque sia il margine sinistro corrente per l elemento). È possibile utilizzare <br> all interno di altri elementi, come i paragrafi o le voci di elenco; <br> non aggiungerà spazio supplementare sopra o sotto la nuova riga o modificherà il font o lo stile dell entità corrente. Il suo compito consiste nel far ripartire il testo sulla riga successiva. Chiudere correttamente i tag singoli Come il tag <hr>, in HTML <br> non dispone del tag di chiusura. Per convertire questo tag in XHTML e assicurare la compatibilità con i browser HTML, aggiungere uno spazio e una barra laterale alla fi ne del tag e dei suoi attributi, come mostrato nell esempio seguente: And then is heard no more: it is a tale <br /> Told by an idiot, full of sound and fury, <br /> Signifying nothing.</p> L esempio seguente mostra un semplice paragrafo in cui ciascuna riga (a eccezione dell ultima, che termina con un tag <p> di chiusura) finisce con <br>: <p>tomorrow, and tomorrow, and tomorrow,<br /> Creeps in this petty pace from day to day,<br /> To the last syllable of recorded time;<br /> HTML.indb /04/
17 F O RMATTARE IL TES T O CON HTML E CSS 141 And all our yesterdays have lighted fools<br /> The way to dusty death. Out, out, brief candle!<br /> Life s but a walking shadow; a poor player,<br /> That struts and frets his hour upon the stage,<br /> And then is heard no more: it is a tale <br /> Told by an idiot, full of sound and fury, <br /> Signifying nothing.</p> La Figura 6.10 mostra come appare in un browser. NOTA clear è un attributo del tag <br> e viene utilizzato con le immagini circondate dal testo. Questo attributo verrà esaminato nel Capitolo 7. Output Figura 6.10 Interruzioni di riga. 6.6 Indirizzi Il tag di indirizzo <address> viene utilizzato sulle pagine Web per entità di tipo firma. I tag di indirizzo solitamente vengono inseriti nella parte inferiore di ciascuna pagina Web e vengono impiegati per indicare la persona che ha scritto la pagina Web, chi contattare per ulteriori informazioni, la data, qualsiasi informazione sul copyright o altri avvertimenti, e tutto ciò che sembri appropriato. Spesso gli indirizzi sono preceduti da una linea di righello (<hr>), e il tag <br> può essere utilizzato per separare le righe. Senza un indirizzo o un qualche altro metodo di firma delle pagine Web, è praticamente impossibile scoprire chi ha scritto la pagina o chi contattare per ulteriori informazioni. La firma di ciascuna pagina Web attraverso il tag <address> rappresenta un ottimo modo per assicurarsi che le persone possano contattare l autore. <address> è un tag a livello di blocco che mostra il testo al suo interno in corsivo. L input seguente illustra un indirizzo: <hr /> <address> HTML.indb /04/
18 142 C APITO L O 6 Laura Lemay <a href= mailto:lemay@lne.com >lemay@lne.com</a><br /> A service of Laura Lemay, Incorporated <br /> last revised January 10, 2003 <br /> Copyright Laura Lemay 2003 all rights reserved <br /> Void where prohibited. Keep hands and feet inside the vehicle at all times. </address> La Figura 6.11 mostra il suo aspetto in un browser. Output Figura 6.11 Un blocco di indirizzo. 6.7 Citazioni Il tag <blockquote> viene utilizzato per creare un blocco di testo con rientro all interno di una pagina (a differenza del tag <cite>, che evidenzia brevi citazioni, <blockquote> viene impiegato per citazioni più lunghe che non devono essere annidate in altri paragrafi). Per esempio, il monologo del Macbeth utilizzato nell esempio delle interruzioni di riga avrebbe funzionato meglio come <blockquote> che come semplice paragrafo. Ecco un esempio di input: <blockquote> During the whole of a dull, dark, and soundless day in the autumn of the year, when the clouds hung oppressively low in the heavens, I had been passing alone, on horseback, through a singularly dreary tract of country, and at length found myself, as the shades of evening grew on, within view of the melancholy House of Usher. ---Edgar Allen Poe </blockquote> Come per i paragrafi, è possibile dividere le righe presenti in <blockquote> utilizzando il tag per l interruzione di riga, <br>. Il seguente esempio di input mostra questo impiego: <blockquote> Guns aren t lawful, <br /> nooses give.<br /> gas smells awful.<br /> HTML.indb /04/
19 F O RMATTARE IL TES T O CON HTML E CSS 143 You might as well live.<br /> ---Dorothy Parker </blockquote> La Figura 6.12 illustra come appare in un browser l esempio di input precedente. Output Figura 6.12 Una citazione. NOTA Il tag <blockquote> viene spesso utilizzato non per indicare le citazioni all interno del testo, ma per creare i margini su entrambi i lati di una pagina allo scopo di renderla più leggibile. Questa tecnica funziona, anche se rappresenta un utilizzo improprio del tag. Oggi, i margini vengono controllati con i Cascading Style Sheet, come descritto nel Capitolo Caratteri speciali Come si è appreso nei capitoli precedenti, i file HTML sono composti da testo ASCII e non devono contenere alcuna formattazione o strani caratteri. Infatti, gli unici caratteri che è possibile inserire nei file HTML sono quelli realmente presenti sulla tastiera. Se per produrre un singolo carattere occorre tenere premuto un tasto diverso da Maiusc, o digitare una strana combinazione di tasti, non è possibile utilizzare tale carattere nel file HTML. Questo comprende i caratteri utilizzati quotidianamente, come i trattini lunghi e le virgolette inglesi (se il word processor è impostato per eseguire automaticamente le virgolette inglesi, occorre disattivare questa funzione quando si scrivono i file HTML). Ma se è possibile digitare sulla tastiera un carattere come un pallino o una a accentata attraverso una speciale sequenza di tasti, lo si può includere in un file HTML, e il browser lo visualizza correttamente, qual è il problema? Il problema è che la codifica interna eseguita dal proprio computer per produrre quel carattere (che ne consente la corretta visualizzazione nel file HTML.indb /04/
20 144 C APITO L O 6 HTML e nel browser) probabilmente non verrà interpretata da altri computer. Chiunque su Internet legga il file HTML contenente quello strano carattere potrebbe vederne un altro o semplicemente trovarsi davanti a una sequenza di caratteri incomprensibile. Oppure, a seconda del modo in cui la pagina viene inviata su Internet, il carattere potrebbe andare perso prima che raggiunga il computer su cui verrà visualizzato il file. Quindi, cosa fare? HTML fornisce una soluzione ragionevole: definisce uno speciale set di codici, chiamati entità di carattere, che possono essere inclusi nei file HTML allo scopo di rappresentare i caratteri che si desidera utilizzare. Quando interpretati da un browser, queste entità di carattere vengono visualizzate come i caratteri speciali corretti per la piattaforma e il font. Alcuni caratteri speciali non provengono dal set di caratteri ASCII esteso. Per esempio, le virgolette e le & commerciali possono essere presentate su una pagina utilizzando le entità di carattere anche se sono presenti nel set di caratteri ASCII standard. Nei documenti HTML questi caratteri hanno un significato particolare in un determinato contesto, quindi possono essere rappresentati con le entità di carattere allo scopo di evitare di confondere i browser Web. Generalmente i browser moderni non hanno problemi con questi caratteri, ma è meglio utilizzare comunque le entità. Entità di carattere per i caratteri speciali Le entità di carattere hanno le due seguenti forme: entità con nome ed entità numerate. Le entità con nome iniziano con una & commerciale e terminano con un punto e virgola (;). Tra questi due simboli si trova il nome del carattere (o, più probabilmente, una versione abbreviata di quel nome, come agrave per una a con l accento grave, o reg per un simbolo di marchio registrato).a differenza di altri tag HTML, i nomi sono sensibili all utilizzo delle maiuscole, quindi occorre assicurarsi che siano scritti correttamente. Le entità con nome hanno il seguente aspetto: à " «Anche le entità numerate iniziano con una & commerciale e terminano con un punto e virgola, ma al posto di un nome, contengono il simbolo # e un numero. I numeri corrispondono alle posizioni dei caratteri nel carattere ISO-Latin-1 (ISO ). Ogni carattere che è possibile digitare o per cui si può utilizzare un entità con nome dispone anche di un entità numerata. Le entità numerate hanno il seguente aspetto: ‚ õ HTML.indb /04/
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,
DettagliWord è 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
DettagliCos è 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
DettagliMS 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
Dettagli4. Fondamenti per la produttività informatica
Pagina 36 di 47 4. Fondamenti per la produttività informatica In questo modulo saranno compiuti i primi passi con i software applicativi più diffusi (elaboratore testi, elaboratore presentazioni ed elaboratore
DettagliWWW.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
DettagliFUNZIONI 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
DettagliSistema 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
DettagliWORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera
WORD per WINDOWS95 1.Introduzione Un word processor e` come una macchina da scrivere ma con molte più funzioni. Il testo viene battuto sulla tastiera ed appare sullo schermo. Per scrivere delle maiuscole
DettagliEsercitazione 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
DettagliCONTROLLO ORTOGRAFICO E GRAMMATICALE
CONTROLLO ORTOGRAFICO E GRAMMATICALE Quando una parola non è presente nel dizionario di Word, oppure nello scrivere una frase si commettono errori grammaticali, allora si può eseguire una delle seguenti
DettagliMicrosoft Word. Nozioni di base
Microsoft Word Nozioni di base FORMATTARE UN DOCUMENTO Gli stili Determinano l aspetto dei vari elementi di testo di un documento Consistono in una serie di opzioni (predefinite o personalizzate) salvate
DettagliISTITUTO DI ISTRUZIONE SUPERIORE STATALE M.K.GANDHI WORD 2007. Isabella Dozio 17 febbraio 2012
ISTITUTO DI ISTRUZIONE SUPERIORE STATALE M.K.GANDHI WORD 2007 Isabella Dozio 17 febbraio 2012 L IMPOSTAZIONE DI WORD 2007 PULSANTE - Fare clic qui per aprire, salvare o stampare il documento e per informazioni
DettagliAppunti 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
DettagliComandi 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
DettagliManuale 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
DettagliDefinire gli attributi dei blocchi
Definire gli attributi dei blocchi Attributi:Informazioni associate ad un blocco Definire gli attributi Menu: Disegna Blocco Attributo Comando: DEFATT Utilizzo riga di comando: -DEFATT Note Lo stile di
DettagliLA CORRISPONDENZA COMMERCIALE
LA CORRISPONDENZA COMMERCIALE GLI ELEMENTI ESSENZIALI DELLA LETTERA COMMERCIALE Intestazione Individua il nome e il cognome o la ragione sociale di chi scrive; contiene inoltre l indirizzo e i recapiti
DettagliCominciamo 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.
DettagliEUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0
Pagina I EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Modulo 3 Elaborazione testi Il seguente Syllabus è relativo al Modulo 3, Elaborazione testi, e fornisce i fondamenti per il test di tipo
DettagliModulo 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
Dettagli2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno
DettagliTutorial 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
DettagliEsame 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
DettagliChe cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo
Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato
DettagliFONDAMENTI DI INFORMATICA. 3 Elaborazione testi
FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come
DettagliElaborazione di testo
Elaborazione di testo Ambienti Integrati Gli ambienti integrati sono pacchetti applicativi che contengono le applicazioni per la produttività personale di uso più frequente. un programma di elaborazione
Dettagliparagrafo. 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
DettagliDESKTOP. Uso del sistema operativo Windows XP e gestione dei file. Vediamo in dettaglio queste parti.
Uso del sistema operativo Windows XP e gestione dei file DESKTOP All accensione del nostro PC, il BIOS (Basic Input Output System) si occupa di verificare, attraverso una serie di test, che il nostro hardware
DettagliWORD 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
DettagliIntroduzione a Word. Prima di iniziare. Competenze che saranno acquisite. Requisiti. Tempo stimato per il completamento:
Introduzione a Word Word è una potente applicazione di elaborazione testi e layout, ma per utilizzarla nel modo più efficace è necessario comprenderne gli elementi di base. Questa esercitazione illustra
DettagliProgetto PON C1-FSE-2013-37: APPRENDERE DIGITANDO SECONDARIA VERIFICA INTERMEDIA CORSISTA NOME E COGNOME:
Progetto PON C-FSE-0-7: APPRENDERE DIGITANDO SECONDARIA VERIFICA INTERMEDIA CORSISTA NOME E COGNOME:. Quando si ha un documento aperto in Word 007, quali tra queste procedure permettono di chiudere il
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
DettagliCapitolo III Esercitazione n. 3: Funzionalità base di Word parte seconda
Capitolo III Esercitazione n. 3: Funzionalità base di Word parte seconda Scopo: formattare un documento con Microsoft Word 2007. PAGINA LASCIATA BIANCA INTENZIONALMENTE A Convertire un documento da formato
DettagliPULSANTI 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
DettagliTabelle 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
DettagliCREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS
CONTENUTI: CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS Creazione database vuoto Creazione tabella Inserimento dati A) Creazione di un database vuoto Avviamo il programma Microsoft Access. Dal menu
DettagliDOCUMENTO 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
DettagliEXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
DettagliExcel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
Dettagli7. Layer e proprietà degli oggetti
7. Layer e proprietà degli oggetti LAYER 09/01/13 ing. P. Rordorf arch. D. Bruni arch. A. Chiesa ing. A. Ballarini 38(52) Le proprietà dei layer: - Nome: ogni layer ha un nome proprio che ne permette una
DettagliDISPENSA PER MICROSOFT WORD 2010
DISPENSA PER MICROSOFT WORD 2010 Esistono molte versioni di Microsoft Word, dalle più vecchie ( Word 97, Word 2000, Word 2003 e infine Word 2010 ). Creazione di documenti Avvio di Word 1. Fare clic sul
DettagliWord. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1
Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre
DettagliUTILIZZO 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
Dettagliwww.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
DettagliMANUALE D'USO DEL PROGRAMMA IMMOBIPHONE
1/6 MANUALE D'USO DEL PROGRAMMA IMMOBIPHONE Per prima cosa si ringrazia per aver scelto ImmobiPhone e per aver dato fiducia al suo autore. Il presente documento istruisce l'utilizzatore sull'uso del programma
DettagliPOSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL
POSTECERT POSTEMAIL CERTIFICATA GUIDA ALL USO DELLA WEBMAIL Sommario Pagina di accesso... 3 Posta in arrivo... 4 Area Posta... 5 Area Contatti... 8 Area Opzioni... 10 Area Cartelle... 13 La Postemail Certificata
DettagliCome 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
DettagliGuida 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
Dettagli2.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
DettagliFormattazione 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:
DettagliStampa su moduli prestampati utilizzando Reflection for IBM 2011 o 2008
Stampa su moduli prestampati utilizzando Reflection for IBM 2011 o 2008 Ultima revisione 13 novembre 2008 Nota: Le informazioni più aggiornate vengono prima pubblicate in inglese nella nota tecnica: 2179.html.
DettagliCATALOGO 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
DettagliUso dei modelli/template
Uso dei modelli/template Il modello (o template, in inglese) non è altro che un normale file di disegno, generalmente vuoto, cioè senza alcuna geometria disegnata al suo interno, salvato con l estensione.dwt.
DettagliIndice PARTE PRIMA L INIZIO 1
Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5
DettagliFIRESHOP.NET. Gestione Lotti & Matricole. www.firesoft.it
FIRESHOP.NET Gestione Lotti & Matricole www.firesoft.it Sommario SOMMARIO Introduzione... 3 Configurazione... 6 Personalizzare le etichette del modulo lotti... 6 Personalizzare i campi che identificano
Dettagli3.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 Le impostazioni del documento utili ai
DettagliIl sofware è inoltre completato da una funzione di calendario che consente di impostare in modo semplice ed intuitivo i vari appuntamenti.
SH.MedicalStudio Presentazione SH.MedicalStudio è un software per la gestione degli studi medici. Consente di gestire un archivio Pazienti, con tutti i documenti necessari ad avere un quadro clinico completo
DettagliIntroduzione a LyX. Creazione di un documento... 1608 Struttura e stile... 1610 Modelli di documento...1613 Automatismi... 1613 Riferimenti...
Introduzione a LyX Creazione di un documento.............................. 1608 Struttura e stile......................................... 1610 Modelli di documento...................................1613
DettagliIl controllo della visualizzazione
Capitolo 3 Il controllo della visualizzazione Per disegnare in modo preciso è necessario regolare continuamente l inquadratura in modo da vedere la parte di disegno che interessa. Saper utilizzare gli
DettagliGUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL
GUIDA RAPIDA BOZZA 23/07/2008 INDICE 1. PERCHÉ UNA NUOVA VERSIONE DEI MODULI DI RACCOLTA DATI... 3 2. INDICAZIONI GENERALI... 4 2.1. Non modificare la struttura dei fogli di lavoro... 4 2.2. Cosa significano
Dettagli. A primi passi con microsoft a.ccepss SommarIo: i S 1. aprire e chiudere microsoft access Start (o avvio) l i b tutti i pro- grammi
Capitolo Terzo Primi passi con Microsoft Access Sommario: 1. Aprire e chiudere Microsoft Access. - 2. Aprire un database esistente. - 3. La barra multifunzione di Microsoft Access 2007. - 4. Creare e salvare
DettagliFigura 1 Le Icone dei file di Excel con e senza macro.
18 Le macro Le macro rappresentano una soluzione interessante per automatizzare e velocizzare l esecuzione di operazioni ripetitive. Le macro, di fatto, sono porzioni di codice VBA (Visual Basic for Applications)
DettagliI) ALFANUMERICA: Lettere, numeri e caratteri propri della punteggiatura sono presenti nella zona evidenziata. Figura 1: TASTIERA ALFANUMERICA
: La tastiera è il dispositivo principale di input e serve per digitare dati ed inviare comandi direttamente al computer. Il termine tastiera viene spesso scambiato con il termine keyboard, che è la sua
Dettagliper immagini guida avanzata Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Una tabella Pivot usa dati a due dimensioni per creare una tabella a tre dimensioni, cioè una tabella
DettagliUso 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
DettagliCapitolo 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
DettagliSTRUMENTI DI PRESENTAZIONE MODULO 6
STRUMENTI DI PRESENTAZIONE MODULO 6 2012 A COSA SERVE POWER POINT? IL PROGRAMMA NASCE PER LA CREAZIONE DI PRESENTAZIONI BASATE SU DIAPOSITIVE (O LUCIDI) O MEGLIO PER PRESENTARE INFORMAZIONI IN MODO EFFICACE
DettagliConsiderazioni sulla leggibilità del codice a barre e dei caratteri OCR
OCR e font di codice a 3 di 9 1 Considerazioni sulla leggibilità del codice a e dei caratteri OCR Diversi sono i fattori che influiscono sulla leggibilità dei codici a e dei caratteri OCR, tra questi impostazioni
DettagliWord per iniziare: aprire il programma
Word Lezione 1 Word per iniziare: aprire il programma Per creare un nuovo documento oppure per lavorare su uno già esistente occorre avviare il programma di gestione testi. In ambiente Windows, esistono
DettagliA destra è delimitata dalla barra di scorrimento verticale, mentre in basso troviamo una riga complessa.
La finestra di Excel è molto complessa e al primo posto avvio potrebbe disorientare l utente. Analizziamone i componenti dall alto verso il basso. La prima barra è la barra del titolo, dove troviamo indicato
Dettagli5.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
DettagliManuale per i redattori del sito web OttoInforma
Manuale per i redattori del sito web OttoInforma Contenuti 1. Login 2. Creare un nuovo articolo 3. Pubblicare l articolo 4. Salvare l articolo in bozza 5. Le categorie 6. Modificare un articolo 7. Modificare
DettagliAPPUNTI 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à
DettagliMon Ami 3000 Varianti articolo Gestione di varianti articoli
Prerequisiti Mon Ami 3000 Varianti articolo Gestione di varianti articoli L opzione Varianti articolo è disponibile per le versioni Azienda Light e Azienda Pro e include tre funzionalità distinte: 1. Gestione
DettagliWord Processor: WORD. Classificazione
Parte 5 Word Processor: WORD Classificazione Esistono diversi strumenti per la realizzazione di documenti di testuali: Editor di testo (Es: Blocco Note) Word Processor (Es: MS Word, Open Office ) Applicazioni
DettagliWORD (livello avanzato): Struttura di un Documento Complesso. Struttura di un Documento Complesso
Parte 5 Adv WORD (livello avanzato): Struttura di un Documento Complesso 1 di 30 Struttura di un Documento Complesso La realizzazione di un libro, di un documento tecnico o scientifico complesso, presenta
DettagliCompilatore risorse display grafico LCD serie IEC-line
Compilatore risorse display grafico LCD serie IEC-line aggiornamento: 22-11-2012 IEC-line by OVERDIGIT overdigit.com 1. Il display grafico LCD I PLC della serie IPC-line possono disporre opzionalmente
DettagliLinguaggio 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:
DettagliGestire 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
DettagliNAVIGAORA HOTSPOT. Manuale utente per la configurazione
NAVIGAORA HOTSPOT Manuale utente per la configurazione NAVIGAORA Hotspot è l innovativo servizio che offre ai suoi clienti accesso ad Internet gratuito, in modo semplice e veloce, grazie al collegamento
DettagliMODULO 4: FOGLIO ELETTRONICO (EXCEL)
MODULO 4: FOGLIO ELETTRONICO (EXCEL) 1. Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei Personal computer. Essi
DettagliCome modificare la propria Home Page e gli elementi correlati
Come modificare la propria Home Page e gli elementi correlati Versione del documento: 3.0 Ultimo aggiornamento: 2006-09-15 Riferimento: webmaster (webmaster.economia@unimi.it) La modifica delle informazioni
Dettagliper immagini guida avanzata Organizzazione e controllo dei dati Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Organizzazione e controllo dei dati Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Il raggruppamento e la struttura dei dati sono due funzioni di gestione dati di Excel, molto simili tra
DettagliStart/Tutti i programmi/ Microsoft Office/Word File/Chiudi Pulsante Chiudi File/Nuovo/Documento vuoto Modelli presenti. File/Salva File/Salva con nome
Nuova ECDL Word Processing Versione per Word 2010-2013 Nuovi elementi dell interfaccia utente Barra di accesso rapido (pulsanti Salva, Annulla, Ripeti/Ripristina) Pulsante Office Backstage (FILE) Barra
DettagliGuida introduttiva. Barra di accesso rapido I comandi di questa barra sono sempre visibili. Fare clic su un comando per aggiungerlo.
Guida introduttiva L'aspetto di Microsoft Word 2013 è molto diverso da quello delle versioni precedenti. Grazie a questa guida appositamente creata è possibile ridurre al minimo la curva di apprendimento.
Dettagli- 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
DettagliPlate Locator Riconoscimento Automatico di Targhe
Progetto per Laboratorio di Informatica 3 - Rimotti Daniele, Santinelli Gabriele Plate Locator Riconoscimento Automatico di Targhe Il programma plate_locator.m prende come input: l immagine della targa
DettagliI cookie sono classificati in base alla durata e al sito che li ha impostati.
1. Informativa sui cookie 1.1. Informazioni sui cookie I siti Web si avvalgono di tecniche utili e intelligenti per aumentare la semplicità di utilizzo e rendere i siti più interessanti per ogni visitatore.
DettagliE possibile modificare la lingua dei testi dell interfaccia utente, se in inglese o in italiano, dal menu [Tools
Una breve introduzione operativa a STGraph Luca Mari, versione 5.3.11 STGraph è un sistema software per creare, modificare ed eseguire modelli di sistemi dinamici descritti secondo l approccio agli stati
DettagliUtilizzo 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
DettagliStatistica 4038 (ver. 1.2)
Statistica 4038 (ver. 1.2) Software didattico per l insegnamento della Statistica SERGIO VENTURINI, MAURIZIO POLI i Il presente software è utilizzato come supporto alla didattica nel corso di Statistica
DettagliUniversità 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
DettagliLA MISURAZIONE DEL CARATTERE
TPO PROGETTAZIONE UD 03 GESTIONE DEL CARATTERE IL TIPOMETRO LA MISURAZIONE DEL CARATTERE A.F. 2011/2012 MASSIMO FRANCESCHINI - SILVIA CAVARZERE 1 IL TIPOMETRO: PARTI FONDAMENTALI Il tipometro è uno strumento
DettagliCreare un nuovo articolo sul sito Poliste.com
Creare un nuovo articolo sul sito Poliste.com Questa breve guida ti permetterà di creare dei nuovi articoli per la sezione news di Poliste.com. Il sito Poliste.com si basa sulla piattaforma open-souce
DettagliMANUALE PORTALE UTENTE IMPRENDITORE
MANUALE PORTALE UTENTE IMPRENDITORE Indice 1. REQUISITI MINIMI DI SISTEMA E CONTATTI PROGETTO RIGENER@... 3 2. IL PORTALE RIGENER@... 4 2.1 ACCESSO ALLE AREE PRIVATE... 7 2.1.1 Accesso al sito con Windows
Dettaglitommaso.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
DettagliPersonalizza. 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
DettagliCreare e ripristinare immagine di sistema con Windows 8
Creare e ripristinare immagine di con Windows 8 La versione Pro di Windows 8 offre un interessante strumento per il backup del computer: la possibilità di creare un immagine completa del, ovvero la copia
Dettagli