Corso html 5. Di Roberto Abutzu. `***********` Decima parte: il linguaggio Css, introduzione. `**********` Il linguaggio Css, introduzione.

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Corso html 5. Di Roberto Abutzu. `***********` Decima parte: il linguaggio Css, introduzione. `**********` Il linguaggio Css, introduzione."

Transcript

1 Corso html 5. Di Roberto Abutzu. `***********` Decima parte: il linguaggio Css, introduzione. `**********` Il linguaggio Css, introduzione. Col passare del tempo e l'evoluzione del linguaggio html, ma soprattutto con l'ampliamento delle funzionalità dei siti web, si è percepita la necessità di separare la gestione degli elementi html dalla loro formattazione. In origine ogni elemento veniva formattato direttamente nel file html, quindi, oltre al codice html, nella pagina erano inseriti anche i codici di formattazione del singolo elemento. Per questo motivo, ne risultavano pagine lunghissime, con un codice molto complesso per la gestione e la comprensione, soprattutto in fase di modifica. Da qui l'idea di creare un altro file, con un linguaggio diverso, collegato al file originale, con l'incarico di assegnare la formattazione agli elementi. Tale file ha un suo nome e come estensione CSS. Cosa significa CSS? CSS è un acronimo e significa: "Cascading Style Sheets". La traduzione italiana potrebbe essere "fogli di stile a cascata". Però, in genere, Si dice " foglio di stile", senza aggiungere altro. Per capire l'utilità di questi file particolari, tanto per fare un esempio molto semplice, se io desiderassi avere tutte le intestazioni di livello 1 (h1) con un colore verde, lo scriverei una volta sola nel file css, e tutte le intestazioni h1 del sito sarebbero verdi. Lo stesso vale per il font del carattere, lo stile e le sue dimensioni. Ovviamente, utilizzando degli identificativi, posso comunque creare colori e stili diversi per gli stessi elementi. Posso quindi avere tre intestazioni h1, una verde, una rossa, una nera, e tutte con font diversi. Il linguaggio Css non crea nessuna limitazione all'elemento e alla sua formattazione, anzi, ci consente di stabilire quello che vogliamo e per gli elementi che vogliamo, una sola volta. In pratica, tutto quello che sarà stabilito sarà applicato in tutte le pagine del sito. In rete è possibile reperire diverse nozioni sulla storia e sullo sviluppo di questo linguaggio, quindi, c'è solo l'imbarazzo della scelta per il tanto materiale reperibile. L'argomento è molto vasto e molto interessante, ma rimando alla ricerca in rete tutti i curiosi e gli esigenti.

2 In questo corso, si parte immediatamente nello studio del linguaggio che, pur non essendo complesso, è diverso come codice dal linguaggio html. Naturalmente i codici che andremo a inserire nei nostri file css saranno collegati e funzioneranno col nostro sito, procedendo parallelamente allo studio del linguaggio html 5. Cosa sono i file css. Per creare i nostri file css sarà sufficiente aprire e salvare con nome due file di testo creati con il blocco note di Windows. Appena creati, cambiamo l'estensione da txt a css ed il gioco è fatto. I file css sono semplicemente dei file di testo e vengono aperti da blocconote. Nella creazione del nostro sito, se vi ricordate, avevamo creato nella cartella principale una sottocartella chiamata css. Al suo interno avevamo creato due file: style.css e template.css. Questi nomi non sono obbligatori, ma sarà bene assegnare a questi file dei nomi significativi. La ragione è presto detta: serve per avere sotto controllo, in fase di modifica del layout del sito, la possibilità di capire subito su quale file agire per correggere o modificare. Questi sono i nomi che io preferisco assegnare, ma è comunque una cosa soggettiva. Niente vieta al programmatore di assegnare nomi differenti, l'importante è poi riportare correttamente i parametri giusti in esso dichiarati in modo corretto nel codice del file html. Per mia abitudine, utilizzo questi due nomi, assegnando al file style tutta la formattazione dei caratteri, mentre al template rimando l'impaginazione delle pagine del sito. Qualora dovessi assegnare qualche formattazione specifica, quindi ad un solo determinato elemento, creerò un altro file, pcss.css e ne inserisco all'interno il codice. Si lascia a ognuno la libertà di decidere sia quanti file css utilizzare e i nomi da assegnare loro. Mi limito solo a consigliarvi di evitare di creare pochi file troppo lunghi, difficili poi da gestire, soprattutto quando bisogna apportare modifiche, e di assegnare nomi ai file che possiate raggiungere subito senza doverli cercare. Inoltre, se una pagina del mio sito necessita di una formattazione particolare e unica, è buona norma assegnare lo stesso nome css della pagina html. Per esempio, se si trattasse della pagina Turismo.html, è bene creare il file CSS con il nome Turismo.css. Nei file css, è possibile inserire lo stile dei caratteri, il loro colore, il font con le rispettive dimensioni. Possiamo assegnare la formattazione alle intestazioni, ai link, ai pulsanti e a tutti gli elementi. Inoltre, con i file css è possibile posizionare un elemento in un determinato punto della pagina, come è possibile dare le dimensioni alle immagini, oltre che specificarne la corretta collocazione nella pagina. Le possibilità sono infinite e man mano che il corso procede, le affronteremo. Siccome questo corso nasce fondamentalmente per persone disabili della vista, esattamente come il sottoscritto che è non vedente

3 totale da venti anni, si fa questa precisazione perché è importante comprendere e accettare che, per formattare una pagina web, l'aiuto di una persona vedente può essere fondamentale. Non intendo dire che serve un vedente per inserire un'immagine o per dare il colore a un link, ma di certo qualcuno dovrà vedere per noi se il risultato è gradevole per chi vede, perché poi alla fine saranno proprio i vedenti i maggiori utilizzatori del nostro sito. Per esempio, potrei dover inserire un'immagine, ma qualcuno dovrà pur dirmi se va ridimensionata o spostata, e soprattutto se quell'immagine realmente abbellisce il sito. Quello che voglio dire è che questa è la normalità per chi non vede e bisogna accettarla. E' mio interesse fare in modo che anche i non vedenti possano scrivere pagine web, ma costruendole sempre senza sminuirne la bellezza e costruendo dei siti che rispettino le giuste proporzioni. Quindi mi sento in dovere di specificare anche i limiti che abbiamo noi disabili della vista e come farsi aiutare. Tanto per capirci, anch'io chiedo a mia moglie l'abbinamento dei colori e chiedo di scegliermi le immagini più adatte. L'importante è che noi si sia in grado poi di inserire il codice corretto. Fatta la premessa, la prima cosa da fare, dopo aver creato i nostri file css, è inserire i link nelle pagine html affinché questi possano richiamare la formattazione che noi andremo a scrivere nei file css. Inizieremo aprendo con il blocco note il nostro file index.html e andremo ad incollare queste stringhe che sono i link che richiamano i file css. Queste stringhe, abbastanza complesse, le spiegheremo successivamente. Scrivo tenendo conto che avete creato una cartella css e che avete inserito al suo interno i file: style.css e template.css. Qualora avete deciso di utilizzare altri nomi per questi file, analizzate le stringhe e sostituite i nomi dei file, anche se per il momento vi consiglio di mantenere i nomi indicati nel corso, in modo che non ci saranno incomprensioni o errori. Queste sono le stringhe da incollare nel file index.html: ``<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />`` ``<link rel="stylesheet" type="text/css" href="css/template.css" media="screen" />`` Queste stringhe, vanno incollate all'interno della tag: Head. Vi ricordo che all'interno della Head vengono inserite quelle informazioni che non sono visualizzate all'utente finale ma che comunque servono al buon funzionamento del sito. Siccome nella head andranno inserite parecchie stringhe, bisogna stare attenti a non inserire delle tag all'interno di altre tag, quindi, è importante accertarsi di inserire del nuovo codice dopo la chiusura di tag precedenti. Io vi consiglio di fare come segue:

4 - Aperto i file index.html, scendiamo fino a trovare la chiusura della tag head: ``</head>``. - Premiamo il tasto home per portarci ad inizio riga. - Creiamo un paio di righe vuote sopra a questa tag di chiusura, premendo ripetutamente il tasto invio. - Con freccia su, troviamo le righe vuote appena create ed incolliamo il codice sopra riportato. - Chiudiamo la nostra index salvando le modifiche eseguite. Questa modifica, quindi le operazioni sopra descritte, dobbiamo eseguirle per tutti i nostri file html che abbiamo nella nostra cartella del sito. Così facendo, ogni file html richiamerà i due file di stile: style.css e template.css per la formattazione degli elementi come sarà da noi prevista. Una volta indicato a tutte le pagine dove cercare i codici di formattazione degli oggetti in esse contenuti, iniziamo a compilare i file css spiegandone il codice, anche se prima dobbiamo vedere un po' di teoria, in modo da semplificare la comprensione pratica degli elementi di un CSS. Le varie indicazioni di stile che noi scriveremo nei file css, seguono una struttura ben precisa: Selettore ``{proprietà:valore; }`` Semplificando al massimo questa struttura, possiamo affermare che il selettore è: - L'elemento con il quale possiamo modificare lo stile. - La sua proprietà è il tipo di modifica allo stile che vogliamo apportare. - Il valore è la misura che assegneremo alla proprietà. Ciò precisato, facciamo alcune considerazioni: - Tra la proprietà e il valore va inserito il segno di due punti e si consiglia uno spazio non obbligatorio. - Ogni coppia Proprietà:valore (vedi segno di punteggiatura), viene chiusa col punto e virgola. - Tutte le proprietà:valore di un selettore vanno all'interno delle parentesi graffe. - E' possibile indicare più coppie di proprietà:valore, chiudendo ogni proprietà:valore con il punto e virgola. - Ogni coppia Proprietà:valore può essere scritta anche in righe consecutive. Esistono vari tipi di selettori e man mano ne vedremo l'utilizzo. Il più semplice è quello che indica come formattare una tag html. Eccolo: ``h1 {proprietà: valore; }`` Iniziamo con il notare che i selettori non hanno i segni di maggiore o

5 minore. E' possibile assegnare una coppia di Proprietà:valore a più selettori. Un esempio: ``h1, h2, h3, h4 {proprietà:valore; }`` Notare che tra ogni intestazione ho inserito una virgola e uno spazio. Questa proprietà e il suo valore verranno applicati agli elementi: h1, h2, h3 ed h4. Volendo assegnare uno stile per ogni intestazione sarà sufficiente scriverle singolarmente: ``h1 {proprietà:valore; }`` ``h2 {proprietà:valore; }`` ``h3 {proprietà:valore; }`` ``h4 {proprietà:valore; }`` Gli esempi sopra riportati possono servire anche quando si vogliono aggiungere delle altre coppie di proprietà:valore agli elementi. Per esempio, alle intestazioni h1, h2, h3 ed h4 posso prima assegnare una stessa coppia proprietà:valore come il font, e poi, però, riscrivendole separate posso dare ad ognuna di esse un colore diverso. Esistono altri selettori molto specifici. Per esempio: - I selettori contestuali. Si intende per questi selettori la possibilità di dare delle regole particolari. Significa dare delle regole specifiche per un determinato contesto, cioè, un selettore che si trovi in un determinato punto della pagina, magari all'interno di una determinata tag, o che sia figlio di un determinato elemento, applicherà le proprietà:valore che gli abbiamo dato. - I selettori adiacenti che, quindi, devono essere consecutivi per attribuirgli una regola. I selettori, comunque, essendo tanti, saranno spiegati nel dettaglio successivamente, nella pratica, cosa che renderà tutto più semplice. Portiamoci nella cartella del nostro sito, entriamo nella cartella css e premiamo invio sul file template.css. Il file è vuoto. Ognuno, quando fa queste cose adotta dei metodi personali per tante cose, come per esempio, inserire un titolo, una nota, il proprio nome piuttosto che una sigla, oppure altro. L'accorgimento che uso sempre io quando faccio programmazione, è quello di inserire in ogni file che modifico, quindi, anche nei file css, la data dell'ultima modifica eseguita. Questo ci aiuta

6 quando dovremo apportare modifiche o aggiunte nel file che stiamo modificando. Inseriamo per ora la data, quindi, digitiamo: ``/* 01 Agosto 2013 */`` Per il browser che legge il file css, questo risulta essere un commento e, non solo non influenzerà il funzionamento del file css, ma sarà ignorato anche dal browser. Come avete potuto notare, i commenti nei file css vengono identificati, nella loro apertura e nella loro chiusura, inserendo dei caratteri particolari: - apertura del commento: una barra (shift più 7), e un asterisco (shift più il tasto più). - Chiusura del commento: un asterisco (shift più il tasto più), e una barra (shift più 7). Tra queste due coppie di caratteri sopra indicati, inseriremo tutto quello che vogliamo indicare come note per leggere meglio il file css. Verificate con cura l'apertura e la chiusura dei commenti, visto che, a causa di un commento errato, il file css potrebbe anche non funzionare. Per prima cosa, inseriremo il colore dello sfondo del sito, spiegando successivamente la suddivisione e la codifica dei colori, con le loro assegnazioni. Ecco la stringa da inserire: ``body {background-color: #F0FFFF; }`` Per chi non ne fosse a conoscenza, riporto le combinazioni di tasti per scrivere le parentesi graffe: - Aperta parentesi graffa ``({)``, = control più alt più Shift più e accentata. - Chiusa parentesi graffa ``(})``, = control più alt più shift più il tasto più. In sostituzione delle combinazioni di tasti control più Alt, è possibile utilizzare l'alt di destra, alt grafico. Se si può usare il tastierino numerico, con i numeri inseriti, queste due parentesi si ottengono anche con alt più 123 e con alt più 125, rispettivamente per parentesi graffa aperta e parentesi graffa chiusa. Un altro simbolo che incontreremo nei file css è il simbolo cancelletto ``(#)``. Questo simbolo si ottiene premendo Alt grafico più la a accentata. Analizziamo la stringa inserita, in modo da capire meglio con che cosa abbiamo a che fare.

7 La prima parola che incontriamo è: body, un elemento html. Scritto in minuscolo, ma fate attenzione sempre a come l'avete scritto nel file html, perché quello che scriviamo in questo tipo di file è sensibile al maiuscolo e al minuscolo. La parola body ci indica che tutte le modifiche che apporteremo all'interno delle parentesi graffe, verranno apportate alla parte di pagina delimitata da questa tag, dalla sua apertura alla sua chiusura, parte che poi sarebbe tutta la nostra pagina visibile. Riassumendo, body è la tag, quindi il selettore, tutto quello dentro le parentesi sono le sue proprietà e i rispettivi valori. Dopo la parola body, digitiamo uno spazio, digitiamo la parentesi graffa aperta e digitiamo un altro spazio. Digitiamo ancora: ``background-color: #F0FFFF;`` Questa è la proprietà che indica il colore da assegnare allo sfondo. background-color: Attenzione che è presente un trattino tra le due parole. A tale scopo, ricordo a chi utilizza il solo Screen-reader, di impostare la punteggiatura su "tutto" quando si lavora con il codice. Dopo la proprietà, inseriamo i due punti e uno spazio. Scriviamo il valore dell'attributo che nel nostro caso specifico è: ``#F0FFFF`` Abbiamo un cancelletto e successivamente sei caratteri che, a seconda del colore scelto, possono essere lettere o numeri. (Codice Esadecimale come vedremo più avanti). In pratica, questo è un modo di inserire i colori, utilizzando il codice esadecimale di ogni singolo colore. Esistono in rete vari programmi e siti per trovare le corrispondenze tra i colori e i codici esadecimali. E' possibile poi utilizzare il nome del colore, scrivendolo in Inglese, se compreso nei sedici colori primari, oppure, utilizzare delle percentuali. Per ora noi vedremo e utilizzeremo solo questo sistema e nella prossima lezione darò una spiegazione approssimativa dei colori esadecimali. Attenzione! Preciso che questo cancelletto è una caratteristica dei colori, non è un simbolo da inserire prima del valore di una proprietà. In pratica, i sei caratteri che identificano un colore sono preceduti dal cancelletto. Subito dopo il valore, senza spazi, inseriamo un punto e virgola, chiudendo la coppia proprietà:valore. Se non bisogna inserire altre proprietà, inseriamo uno spazio e chiudiamo la

8 parentesi graffa. Nota bene: - E' importante rispettare le spaziature, il maiuscolo e minuscolo, soprattutto nei nomi delle tag. Per non sbagliare, quando si scrive codice è buona abitudine scrivere sempre in minuscolo. - Ogni coppia, proprietà:valore, viene chiusa con il punto e virgola e uno spazio. - E' possibile inserire svariate coppie. - Inserita l'ultima coppia, inserire uno spazio e la parentesi graffa chiusa. Salvate le modifiche apportate al file Template.css. Aprite il file index.html con Internet Explorer. Se avete fatto tutto correttamente, dovreste avere uno sfondo celestino. Per chi utilizza lo screen reader Jaws, utilizzando la combinazione di tasti: insert + 5 (tastiera estesa) vi viene vocalizzato il colore del carattere e dello sfondo. Salvo modifiche apportate alla grafica del computer o del browser, dovrebbe dirvi: nero su azzurro. Il primo colore è il carattere, il secondo lo sfondo. Nella prossima lezione faremo un po' di esercizi per entrare in confidenza con i colori del nostro sito. Solitamente, i colori nei vari manuali per apprendere l'uso dei fogli di stile, vengono spiegati a corso inoltrato, dopo altre nozioni. Io preferisco darne una leggera infarinatura all'inizio, perché ritengo che può dare più soddisfazioni e più incentivi a chi inizia, per il proseguimento del corso. Se proprio vogliamo essere certi del risultato ottenuto, per non fidarsi troppo di Jaws che tratta i colori a modo suo, sicuramente chiederemo a qualche vedente di verificare il risultato del nostro lavoro. Generalmente, se si mostra ad un vedente una pagina in bianco e nero, di solito, non permette al vedente di apprezzarne il valore, mostrandogliela a colori, anche se è un primo approccio, è sempre una cosa più professionale. Anche se basta inserire un colore sgargiante per ottenere più soddisfazioni, bisogna fare attenzione a non usare colori troppo spinti che causano generalmente inaccessibilità per i soggetti Ipovedenti. Per avere qualche indicazione su quali colori non usare, basta leggersi qualche intervista di Massimiliano Martines, componente della Commissione OSI, sul sito Oltre ai colori sconsigliati, è anche buona norma avere un contrasto sufficiente tra testo e sfondo, per evitare che differenze minime, creano problemi anche ai vedenti, oltre che agli anziani e agli ipovedenti. Di questo ne parleremo in modo più approfondito più avanti. Per quanto vi posso sembrare cinico, ricordate che la rete è prevalentemente costituita da immagini e colori. Vedenti o no, noi se vogliamo realizzare dei bei siti, dobbiamo obbligatoriamente attenerci alle regole del web. Se queste cose le impareremo bene, costruiremo sicuramente dei bei siti, oltre

9 a programmarli accessibili. Vi rimando alla prossima lezione, per trattare i colori dei css, ricordandovi che sono fogli di stile a cascata. `***********` Per ulteriori spiegazioni, scrivere a: `Roberto Abutzu

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando

Dettagli

Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte.

Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte. Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte. Continuiamo la parte che completerà la trattazione dei link, andando ad operare direttamente

Dettagli

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

Dettagli

Fogli di stile CSS. 1 Istituto Italiano Edizioni Atlas

Fogli di stile CSS. 1 Istituto Italiano Edizioni Atlas Fogli di stile CSS Il foglio CSS (Cascading Style Sheet, foglio di stile a cascata) è un documento in formato testuale che definisce il controllo sulla visualizzazione della pagina HTML e sul suo layout,

Dettagli

Corso html 5. Di Roberto Abutzu. `***********` Sedicesima parte: Evidenziare il testo e le date. `**********`

Corso html 5. Di Roberto Abutzu. `***********` Sedicesima parte: Evidenziare il testo e le date. `**********` Corso html 5. Di Roberto Abutzu. `***********` Sedicesima parte: Evidenziare il testo e le date. `**********` Nota importante: Questa lezione e la successiva vanno considerate come un'unica lezione. Affronteremo

Dettagli

Educazione didattica per la E-Navigation

Educazione didattica per la E-Navigation Educazione didattica per la E-Navigation Guida utente per l utilizzo della piattaforma WIKI Rev. 3.0 23 febbraio 2012 Guida EDEN rev. 3.0 P. 1 di 24 23/02/2012 Indice Come registrarsi... 3 Utilizzo della

Dettagli

Corso html 5. Di Roberto Abutzu. `***********` Tredicesima parte: Le immagini. `**********`

Corso html 5. Di Roberto Abutzu. `***********` Tredicesima parte: Le immagini. `**********` Corso html 5. Di Roberto Abutzu. `***********` Tredicesima parte: Le immagini. `**********` Dopo l'introduzione al linguaggio Css, riprendiamo l'apprendimento del linguaggio Html 5 introducendo le immagini.

Dettagli

COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE

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

Dettagli

L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica.

L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica. L uso del software Excel per la costruzione di un documento ipertestuale con giochi per la verifica. Il lavoro si presenta piuttosto lungo, ma per brevità noi indicheremo come creare la pagina iniziale,

Dettagli

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

[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina [Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la

Dettagli

E' sempre valido il comando che si usa anche con Outlook Express e con Windows Mail: shift più control più V.

E' sempre valido il comando che si usa anche con Outlook Express e con Windows Mail: shift più control più V. Microsoft Outlook 2007. Di Nunziante Esposito. `*************` Decima ed ultima parte: Varie. `***********` Dopo aver impostato al meglio le opzioni ed il layout di questo browser, e dopo le indicazioni

Dettagli

Guida alla composizione di modelli OpenOffice

Guida alla composizione di modelli OpenOffice Tekne Informatica & Comunicazione Guida alla composizione di modelli OpenOffice guida rapida per creare e modificare modelli OpenOffice per XDent 01 aprile 2011 Sommario Premessa... 2 Ottenere ed Installare

Dettagli

Centro Iniziative Sociali Municipio III

Centro Iniziative Sociali Municipio III Centro Iniziative Sociali Municipio III C.I.S Municipio III Corso di informatca Roberto Borgheresi C ORSO BASE DI I NFORMATICA Centro Iniziative Sociali Municipio III Coordinatore: Roberto Borgheresi Insegnanti:

Dettagli

jt - joetex - percorsi didattici

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.

Dettagli

Registrazione. Scelta del nome

Registrazione. Scelta del nome Introduzione Altervista (www.altervista.org) mette a disposizione le più moderne tecnologie web 2.0 per creare un proprio sito web. In questo tutorial vogliamo guidarvi nella registrazione al sito e nella

Dettagli

LUdeS Informatica 2 EXCEL. Prima parte AA 2013/2014

LUdeS Informatica 2 EXCEL. Prima parte AA 2013/2014 LUdeS Informatica 2 EXCEL Prima parte AA 2013/2014 COS E EXCEL? Microsoft Excel è uno dei fogli elettronici più potenti e completi operanti nell'ambiente Windows. Un foglio elettronico è un programma che

Dettagli

UTILIZZO DEL TEMPLATE Parte 1 - struttura

UTILIZZO DEL TEMPLATE Parte 1 - struttura UTILIZZO DEL TEMPLATE Parte 1 - struttura PROGRAMMI UTILIZZATI: gestione del codice HTML - HTML-Kit è un Editor Web non di tipo visuale, che consente la costruzione ex-novo di pagine web o la loro modifica,

Dettagli

La posta elettronica. ICT per la terza età Le video lezioni della Fondazione Mondo Digitale

La posta elettronica. ICT per la terza età Le video lezioni della Fondazione Mondo Digitale La posta elettronica ICT per la terza età Le video lezioni della Fondazione Mondo Digitale Diapositiva Introduzione Posta elettronica E mail Elettronica Posta In questo argomento del nostro corso impareremo

Dettagli

MODULO 02. Iniziamo a usare il computer

MODULO 02. Iniziamo a usare il computer MODULO 02 Iniziamo a usare il computer MODULO 02 Unità didattica 06 Usiamo Windows: Impariamo a operare sui file In questa lezione impareremo: quali sono le modalità di visualizzazione di Windows come

Dettagli

lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000

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,

Dettagli

INDICE PROGRAMMA CORSO

INDICE PROGRAMMA CORSO INDICE PROGRAMMA CORSO PRIMA LEZIONE: Componenti di un computer: Hardware, Software e caratteristiche delle periferiche. SECONDA LEZIONE: Elementi principali dello schermo di Windows: Desktop, Icone, Mouse,

Dettagli

Realizzare testi in modo semplice

Realizzare testi in modo semplice Realizzare testi in modo semplice Oggi vogliamo realizzare un semplice DOCUMENTO utilizzando il programma WRITER di OpenOffice. Da Internet andremo a cercare dei TESTI e delle IMMAGINI e con questi andremo

Dettagli

Il desktop: scrivania informatica

Il desktop: scrivania informatica Il desktop: scrivania informatica Il desktop è la metafora della scrivania e gli elementi che vi troviamo ci sono familiari: la foto nella cornice il cestino lo scaffale contenente le cartelle dei nostri

Dettagli

Siti web e Dreamweaver. La schermata iniziale

Siti web e Dreamweaver. La schermata iniziale Siti web e Dreamweaver Dreamweaver è la soluzione ideale per progettare, sviluppare e gestire siti web professionali e applicazioni efficaci e conformi agli standard e offre tutti gli strumenti di progettazione

Dettagli

On-line Corsi d Informatica sul web

On-line Corsi d Informatica sul web On-line Corsi d Informatica sul web Corso base di FrontPage Università degli Studi della Repubblica di San Marino Capitolo1 CREARE UN NUOVO SITO INTERNET Aprire Microsoft FrontPage facendo clic su Start/Avvio

Dettagli

Guida all utilizzo del sito web 4 apr. 2013 v. 1.0

Guida all utilizzo del sito web 4 apr. 2013 v. 1.0 www.comune.piario.bg.it created by zeramico.com Guida all utilizzo del sito web 4 apr. 2013 v. 1.0 1 COSA È CAMBIATO Le modifiche più grosse sono state apportate alla struttura del sito web, a ciò che

Dettagli

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013 Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale

Dettagli

MODULO 3. Microsoft Excel. TEST ED ESERCIZI SU: http://www.informarsi.net/ecdl/excel/index.php

MODULO 3. Microsoft Excel. TEST ED ESERCIZI SU: http://www.informarsi.net/ecdl/excel/index.php MODULO 3 Microsoft Excel TEST ED ESERCIZI SU: http:///ecdl/excel/index.php Foglio Elettronico - SpreadSheet Un foglio elettronico (in inglese spreadsheet) è un programma applicativo usato per memorizzare

Dettagli

WEB MARKETING CODE by scamurra.it

WEB MARKETING CODE by scamurra.it WEB MARKETING CODE by scamurra.it www.scamurra.it info@scamurra.it Livello: principiante CAPITOLO 1 INTRODUZIONE CAPITOLO 2 L IMPORTANZA DEI CONTENUTI CAPITOLO 3 UN PO DI CAPITOLO 4 PULIZIA DEL

Dettagli

Guida all utilizzo del sito web v. 2.0

Guida all utilizzo del sito web v. 2.0 www.comune.pontenossa.bg.it created by zeramico.com Guida all utilizzo del sito web v. 2.0 WebMasterS info@zeramico.com 1 COSA E CAMBIATO Le modifiche più grosse sono state apportate alla struttura del

Dettagli

Foglio di calcolo. Il foglio di calcolo: Excel. Selezione delle celle

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

Dettagli

Introduzione all'uso di

Introduzione all'uso di Introduzione all'uso di Microsoft Outlook Express 6 Outlook Express 6 è un programma, incluso nel browser di Microsoft Internet Explorer, che ci permette di inviare e ricevere messaggi di posta elettronica.

Dettagli

Figura 54. Visualizza anteprima nel browser

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

Dettagli

Le tavole di progetto

Le tavole di progetto Le tavole di progetto Una volta completato il modello ed organizzate le viste di progetto, predisporre le tavole esecutive per la costruzione è un gioco da ragazzi! La possibilità di estrarre le viste

Dettagli

Pratica 3 Creare e salvare un documento. Creare e salvare un file di testo

Pratica 3 Creare e salvare un documento. Creare e salvare un file di testo Pratica 3 Creare e salvare un documento Creare e salvare un file di testo Centro Servizi Regionale Pane e Internet Redazione a cura di Roger Ottani, Grazia Guermandi Luglio 2015 Realizzato da RTI Ismo

Dettagli

Lezione 1: Introduzione Struttura e aspetto di PowerPoint Sviluppare una presentazione. Patente Europea di Informatica ECDL Modulo 6

Lezione 1: Introduzione Struttura e aspetto di PowerPoint Sviluppare una presentazione. Patente Europea di Informatica ECDL Modulo 6 Patente Europea di Informatica ECDL Modulo 6 Lezione 1: Introduzione Struttura e aspetto di PowerPoint Sviluppare una presentazione Anno 2009/2010 Syllabus 5.0 Microsoft PowerPoint è un software progettato

Dettagli

MODULO DOMANDE INDICE

MODULO DOMANDE INDICE INDICE INDICE... 2 IL PROGRAMMA... 3 LA VIDEATA PRINCIPALE... 4 IL MENU FILE... 7 Esportare i file... 9 LA FINESTRA DELLA RISPOSTA... 11 TUTTI I MODI PER INSERIRE IL TESTO... 11 I Collegamenti... 12 MODELLI

Dettagli

Guida OpenOffice.org Impress

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

Dettagli

Come creare pagine WEB

Come creare pagine WEB Come creare pagine WEB E' possibile creare pagine WEB secondo diverse modalità: in modo classico, per cui sara' necessario agire su ogni singola marcatura di ognuna delle x pagine; questa soluzione poco

Dettagli

Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1

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

Dettagli

CORSO DI INFORMATICA 2

CORSO DI INFORMATICA 2 CORSO DI INFORMATICA 2 RINOMINARE FILE E CARTELLE Metodo 1 1 - clicca con il tasto destro del mouse sul file o cartella che vuoi rinominare (nell esempio Mio primo file ) 2 - dal menu contestuale clicca

Dettagli

Piccola guida a Microsoft Word 2003

Piccola guida a Microsoft Word 2003 Pagina 1 di 8 Indice Piccola guida a Microsoft Word 2003 ELEMENTI DI CARATTERE GENERALE I. Per visualizzare le barre degli strumenti II. Per inserire un intestazione o un piè di pagina III. Per modificare

Dettagli

Utilizzare QuizFaber. liberamente tratto dal sito di Luca Galli, ideatore di QuizFaber. Vincenzo Storace

Utilizzare QuizFaber. liberamente tratto dal sito di Luca Galli, ideatore di QuizFaber. Vincenzo Storace Utilizzare QuizFaber liberamente tratto dal sito di Luca Galli, ideatore di QuizFaber Vincenzo Storace Anno 2011 Sommario Prima di iniziare (Installazione)... 3 La finestra principale del programma...

Dettagli

Il foglio elettronico

Il foglio elettronico Il foglio elettronico Foglio di calcolo, Spreadsheet in inglese, Permette di elaborare DATI NUMERICI. E una TABELLA che contiene numeri che possono essere elaborati con FUNZIONI matematiche e statistiche.

Dettagli

Tutorial: Adattare le skin del web a Jimdo. Per postare questo tutorial su altri blog/siti/forum inviatemi una e-mail o un pm

Tutorial: Adattare le skin del web a Jimdo. Per postare questo tutorial su altri blog/siti/forum inviatemi una e-mail o un pm Tutorial: Adattare le skin del web a Jimdo Tutorial creato da: marte9020 Tutorial creato per: http://jimding3.jimdo.com Programma utilizzato: Google Chrome (Qualsiasi Browser va bene) Per postare questo

Dettagli

MANUALE PER LA PRODUZIONE DI TESTI PER IL WEB

MANUALE PER LA PRODUZIONE DI TESTI PER IL WEB MANUALE PER LA PRODUZIONE DI TESTI PER IL WEB Questo manuale fornisce una guida tecnica per scrivere testi da copiare all interno di siti web minimizzando il lavoro necessario per adattare tali testi affinché

Dettagli

Realizzare un film con Windows Movie Maker

Realizzare un film con Windows Movie Maker Realizzare un film con Windows Movie Maker La Teca Didattica Movie Maker è un applicazione di Windows poco sfruttata a scuola, ma molto carina e facile da usare per realizzare piccoli film con i compagni

Dettagli

Sviluppare un DB step by step

Sviluppare un DB step by step Sviluppare un DB step by step Creare un nuovo database Per prima cosa creiamo un nuovo DB vuoto Access di default salverà il db dandogli come nome Database 1 se è già presente un file con tale nome Database

Dettagli

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

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

Dettagli

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

Dettagli

Concetti di base della Tecnologia dell'informazione e della Comunicazione. Studio Elfra sas Via F.lli Ruffini 9 17031 Albenga SV 0182596058

Concetti di base della Tecnologia dell'informazione e della Comunicazione. Studio Elfra sas Via F.lli Ruffini 9 17031 Albenga SV 0182596058 by Studio Elfra sas Concetti di base della Tecnologia dell'informazione e della Comunicazione Aggiornato a Aprile 2009 Informatica di base 1 Elaborazione testi I word processor, o programmi per l'elaborazione

Dettagli

Bisanzio Software Srl AMICA IMPORTA. Come importare dati nella famiglia di prodotti AMICA GESTIONALE (www.amicagestionale.it)

Bisanzio Software Srl AMICA IMPORTA. Come importare dati nella famiglia di prodotti AMICA GESTIONALE (www.amicagestionale.it) Bisanzio Software Srl AMICA IMPORTA Come importare dati nella famiglia di prodotti AMICA GESTIONALE (www.amicagestionale.it) Nicola Iarocci 10/05/2010 AMICA IMPORTA Stato del documento: BOZZA Stato del

Dettagli

Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat

Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat www.dimi.uniud.it/burigat File HTML e tag Un file HTML non è nient'altro che un puro file di testo al cui interno sono presenti delle

Dettagli

Quando lanciamo il programma, ci si presenterà la maschera iniziale dove decideremo cosa vogliamo fare.

Quando lanciamo il programma, ci si presenterà la maschera iniziale dove decideremo cosa vogliamo fare. SOFTWARE CELTX Con questo tutorial cercheremo di capire, e sfruttare, le potenzialità del software CELTX, il software free per la scrittura delle sceneggiature. Intanto diciamo che non è solo un software

Dettagli

GUIDA INSERIMENTO ARTICOLI SUL BLOG PCFACTORY.IT

GUIDA INSERIMENTO ARTICOLI SUL BLOG PCFACTORY.IT GUIDA INSERIMENTO ARTICOLI SUL BLOG PCFACTORY.IT Con questa guida non voglio insegnarvi a inserire degli articoli su un blog, ma solo mostrarvi come faccio io, quindi iniziamo: Fate il Login inserendo

Dettagli

Creare tabelle con Word

Creare tabelle con Word Creare tabelle con Word Premessa In questa breve guida userò spesso il termine "selezionare". "Selezionare", riferito ad un documento informatico, vuol dire evidenziare con il mouse, o con altre combinazioni

Dettagli

Login. Gestione contenuto. www.sitofaidate.it

Login. Gestione contenuto. www.sitofaidate.it www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando

Dettagli

Introduzione a Word. Prima di iniziare. Competenze che saranno acquisite. Requisiti. Tempo stimato per il completamento:

Introduzione 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

Dettagli

A destra è delimitata dalla barra di scorrimento verticale, mentre in basso troviamo una riga complessa.

A 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

Dettagli

SCRIVERE TESTO BLOCCO NOTE WORDPAD WORD IL PIU' DIFFUSO APRIRE WORD

SCRIVERE TESTO BLOCCO NOTE WORDPAD WORD IL PIU' DIFFUSO APRIRE WORD SCRIVERE TESTO Per scrivere del semplice testo con il computer, si può tranquillamente usare i programmi che vengono installati insieme al sistema operativo. Su Windows troviamo BLOCCO NOTE e WORDPAD.

Dettagli

SCRIVERE CON WORD. Per iniziare. Scrivere un testo

SCRIVERE CON WORD. Per iniziare. Scrivere un testo SCRIVERE CON WORD Per iniziare Dopo aver acceso il computer, attiviamo il programma con un doppio clic sull icona di Word o utilizzando l opzione Programmi del menu Avvio. Compare l iniziale finestra di

Dettagli

GB informazioni e freeware

GB informazioni e freeware GB informazioni e freeware Informazioni per PC, internet, software, freeware e tutorial Home Programmi Informazioni Passatempo Siti utili Aggiornamenti sito News Posizione nel sito : Home >> Informazioni

Dettagli

Versione 1.0. La cartella di Excel contiene, di default, le seguenti schede: Classe, Criteri, 1,Riepilogo, Doc15 come si vede in figura:

Versione 1.0. La cartella di Excel contiene, di default, le seguenti schede: Classe, Criteri, 1,Riepilogo, Doc15 come si vede in figura: Versione 1.0 Premessa Dixit è la griglia per la definizione del voto d orale all esame di Stato; aiuta a mantenere un criterio unico e oggettivo nell assegnazione del voto. La cartella di Excel contiene,

Dettagli

Sessione Formativa ALI ComuniMolisani Portale Internet Comunale

Sessione Formativa ALI ComuniMolisani Portale Internet Comunale Sessione Formativa Portale Internet Comunale Per assistenza e informazioni contattare: Redazione ALIComuniMolisani c/o Provincia di Campobasso - Via Roma, 47 email: redazione@alicomunimolisani.it tel:

Dettagli

PowerPoint 2007 Le funzioni

PowerPoint 2007 Le funzioni PowerPoint 2007 Le funzioni Introduzione Cos è un ipertesto L' ipertesto è un testo organizzato in link, o collegamenti ad altre parti del testo e/o altri testi, in modo da consentire all utente di scegliere

Dettagli

On-line Corsi d Informatica sul Web

On-line Corsi d Informatica sul Web On-line Corsi d Informatica sul Web Corso base di Excel Università degli Studi della Repubblica di San Marino Capitolo 1 ELEMENTI DELLO SCHERMO DI LAVORO Aprire Microsoft Excel facendo clic su Start/Avvio

Dettagli

4-1 DIGITARE IL TESTO

4-1 DIGITARE IL TESTO Inserimento testo e Correzioni 4-1 DIGITARE IL TESTO Per scrivere il testo è sufficiente aprire il programma e digitare il testo sulla tastiera. Qualsiasi cosa si digiti viene automaticamente inserito

Dettagli

Alla scoperta della nuova interfaccia di Office 2010

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

Dettagli

GESGOLF SMS ONLINE. Manuale per l utente

GESGOLF SMS ONLINE. Manuale per l utente GESGOLF SMS ONLINE Manuale per l utente Procedura di registrazione 1 Accesso al servizio 3 Personalizzazione della propria base dati 4 Gestione dei contatti 6 Ricerca dei contatti 6 Modifica di un nominativo

Dettagli

01. Conoscere l area di lavoro

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

Dettagli

ARGOMENTI E PAGINE. Presentazione di Leo pag. 1. La TASTIERA pag. 2. Le LETTERE sulla tastiera pag. 3. I NUMERI sulla tastiera pag.

ARGOMENTI E PAGINE. Presentazione di Leo pag. 1. La TASTIERA pag. 2. Le LETTERE sulla tastiera pag. 3. I NUMERI sulla tastiera pag. ARGOMENTI E PAGINE Presentazione di Leo pag. 1 La TASTIERA pag. 2 Le LETTERE sulla tastiera pag. 3 I NUMERI sulla tastiera pag. 4 Il TASTIERINO NUMERICO pag. 5 La BARRA SPAZIATRICE pag. 6 I tasti che cancellano

Dettagli

GUIDA. a cura di Maddalena Dal Degan

GUIDA. a cura di Maddalena Dal Degan ISTITUTO COMPRENSIVO DI VERONELLA E ZIMELLA Commissione Informatica a.s. 2010-2011 Coordinatore di commissione Maddalena Dal Degan GUIDA a cura di Maddalena Dal Degan - Iniziare il progetto pag 3 - I segnalibri

Dettagli

Figura 1 Le Icone dei file di Excel con e senza macro.

Figura 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)

Dettagli

NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete )

NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) 1.1 SE CONOSCIAMO L'INDIRIZZO - 1. ACCEDERE ALLE PAGINE WEB (Web = rete) APRIRE L' URL (Uniform Resource Locator), cioè l'indirizzo

Dettagli

Manuale. Gestione biblioteca scolastica by Rosset Pier Angelo is licensed under a Creative Commons

Manuale. Gestione biblioteca scolastica by Rosset Pier Angelo is licensed under a Creative Commons Manuale Gestione biblioteca scolastica by Rosset Pier Angelo is licensed under a Creative Commons Premessa Gestione Biblioteca scolastica è un software che permette di gestire in maniera sufficientemente

Dettagli

WORD 97 SCRIVERE UNA TESI DI LAUREA

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

Dettagli

4. Fondamenti per la produttività informatica

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

Dettagli

Foglio elettronico. OpenOffice.org Calc 1.1.3

Foglio elettronico. OpenOffice.org Calc 1.1.3 Foglio elettronico OpenOffice.org Calc 1.1.3 PRIMI PASSI CON IL FOGLIO ELETTRONICO Aprire il programma Menu Avvio applicazioni Office OpenOffice.org Calc. Chiudere il programma Menu File Esci. Pulsanti

Dettagli

5.3 TABELLE 5.3.1 RECORD 5.3.1.1 Inserire, eliminare record in una tabella Aggiungere record Eliminare record

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

Dettagli

Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.

Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE. Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,

Dettagli

[Tutoriale] Realizzare un cruciverba con Excel

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

Dettagli

tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1

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

Dettagli

4.1 UTILIZZO DELL APPLICAZIONE

4.1 UTILIZZO DELL APPLICAZIONE 4.1 UTILIZZO DELL APPLICAZIONE Il foglio elettronico (definito anche spreadsheet) è uno strumento formidabile. Possiamo considerarlo come una specie di enorme tabellone a griglia il cui utilizzo si estende

Dettagli

Applicare un Watermark con Photoshop

Applicare un Watermark con Photoshop Applicare un Watermark con Photoshop Testo e foto a cura di: Stefano Cerchiaro www.stefanocerchiaro.it Introduzione Con questa breve e semplicissima guida vi illustro un modo molto veloce per poter applicare

Dettagli

USO DI EXCEL CLASSE PRIMAI

USO DI EXCEL CLASSE PRIMAI USO DI EXCEL CLASSE PRIMAI In queste lezioni impareremo ad usare i fogli di calcolo EXCEL per l elaborazione statistica dei dati, per esempio, di un esperienza di laboratorio. Verrà nel seguito spiegato:

Dettagli

Guida Joomla. di: Alessandro Rossi, Flavio Copes

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

Dettagli

ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA

ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA ISTRUZIONI PASSO PASSO PER CREARE UN SITO CON JOOMLA SU ALTERVISTA REGISTRARSI AL SITO ALTERVISTA, PER OTTENERE SPAZIO WEB GRATUITO o Andare sul sito it.altervista.org o Nel riquadro al centro, scrivere

Dettagli

Guida di Keyboard Builder. 2009 Sielco Sistemi Srl

Guida di Keyboard Builder. 2009 Sielco Sistemi Srl Guida di Keyboard Builder Guida di Keyboard Builder Keyboard Builder è uno strumento che permette di costruire tastiere da visualizzare sullo schermo, utili per la realizzazione di applicazioni che operano

Dettagli

CREAZIONE DI UN DB RELAZIONALE IN ACCESS

CREAZIONE DI UN DB RELAZIONALE IN ACCESS CONTENUTI: CREAZIONE DI UN DB RELAZIONALE IN ACCESS Definizione della chiave primaria di una tabella Creazione di relazioni fra tabelle Uso del generatore automatico di Query A) Apertura del DB e creazione

Dettagli

Corso di controllo numerico (Cnc iso)

Corso di controllo numerico (Cnc iso) Corso di controllo numerico (Cnc iso) A cura di Ferrarese Adolfo. - Copyright 2007 - Ferrarese Adolfo - Tutti i diritti riservati - 1 Prefazione: Il corso si articola in 8 sezioni: 7 lezioni più un'ampia

Dettagli

IMPARIAMO WORD. Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo.

IMPARIAMO WORD. Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo. II^ lezione IMPARIAMO WORD Nella prima lezione abbiamo digitato un breve testo e abbiamo imparato i comandi base per formattarlo, salvarlo e stamparlo. Oggi prendiamo in esame, uno per uno, i comandi della

Dettagli

Ultr@ VNC: Guida (parte 1)

Ultr@ VNC: Guida (parte 1) Ultr@ VNC: Guida (parte 1) Vi presento la guida in italiano per l installazione e l utilizzo di Ultra VNC :http://ultravnc.sourceforge.net. Le potenzialità del programma ve le abbiamo già presentate :http://www.femetal.it/9/ultravncrecensione,

Dettagli

Foglio Elettronico. Creare un nuovo foglio elettronico Menu File Nuovo 1 clic su Cartella di lavoro vuota nel riquadro attività

Foglio Elettronico. Creare un nuovo foglio elettronico Menu File Nuovo 1 clic su Cartella di lavoro vuota nel riquadro attività Foglio Elettronico Avviare il Programma Menu Start Tutti i programmi Microsoft Excel Pulsanti 2 clic sull icona presente sul Desktop Chiudere il Programma Menu File Esci Pulsanti Tasto dx 1 clic sul pulsante

Dettagli

Formattazione. ü Introduzione

Formattazione. ü Introduzione Formattazione ü Introduzione Abbiamo fatto un bel po' di lavoro con Mathematica, vero? Abbiamo visto come creare, valutare, semplificare, disegnare, programmare, cucinare, pescare, ed anche come sfilare

Dettagli

APPUNTI WORD PER WINDOWS

APPUNTI WORD PER WINDOWS COBASLID Accedemia Ligustica di Belle Arti Laboratorio d informatica a.a 2005/06 prof Spaccini Gianfranco APPUNTI WORD PER WINDOWS 1. COSA È 2. NOZIONI DI BASE 2.1 COME AVVIARE WORD 2.2 LA FINESTRA DI

Dettagli

INIZIAMO A IMPARARE WORD

INIZIAMO A IMPARARE WORD Associazione Nazionale Seniores Enel Associazione di solidarietà tra dipendenti e pensionati delle Aziende del Gruppo Enel Sezione Territoriale Lombardia - Nucleo di Milano E-Mail del Nucleo di Milano:

Dettagli

TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB

TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB 1. COME ACCEDERE AL CATALOGO... 2 2. DESCRIZIONE BARRA DEL MENU... 3 2.1 LINGUE... 3 2.2 ACCEDI/RESET... 4 2.3 RICERCA RICAMBI... 4 2.3.1 RICERCA PER DESCRIZIONE...

Dettagli

MANUALE IMMEDIATO DI HTML

MANUALE IMMEDIATO DI HTML MANUALE IMMEDIATO DI HTML Realizzato da NiktorTheNat Iniziato il giorno 9 aprile 2010 - terminato il giorno 22 aprile 2010 email autore: niktorthenat@tiscali.it canale youtube: http://www.youtube.com/user/niktorthenat

Dettagli

Definire all'interno del codice un vettore di interi di dimensione DIM, es. int array[] = {1, 5, 2, 4, 8, 1, 1, 9, 11, 4, 12};

Definire all'interno del codice un vettore di interi di dimensione DIM, es. int array[] = {1, 5, 2, 4, 8, 1, 1, 9, 11, 4, 12}; ESERCIZI 2 LABORATORIO Problema 1 Definire all'interno del codice un vettore di interi di dimensione DIM, es. int array[] = {1, 5, 2, 4, 8, 1, 1, 9, 11, 4, 12}; Chiede all'utente un numero e, tramite ricerca

Dettagli

CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS

CREAZIONE 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

Dettagli