UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima."

Transcript

1 UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come <p> o <a>. Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui vengono applicati, come il colore o il carattere tipografico. Facciamo partire il programma TopStyle e apriamo il file PROVA.CSS contenuto nella cartella CSS. Apriamo anche il file INDEX.HTML sia sul browser sia in HTMLKIT. Nella colonna destra sono visualizzate tutte le istruzioni che possono essere messe, agendo sui tasti categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. Vediamo di seguito quali sono le istruzioni principali e come possiamo intervenire per modificare il layout della nostra pagina. Ogni volta che facciamo una modifica e salviamo ricordiamoci di aggiornare la visualizzazione sul browser. HTML e BODY queste due istruzioni servono a dare uniformità alla pagina; ad esempio con font-family definiamo i font che possono essere usati ( il primo ed in alternativa gli altri); con font-size dichiariamo che i nostri font saranno grandi al 100% della grandezza dichiarata nel nostro pc e gestibili dal nostro monitor; con line-height dichiariamo l altezza dell interlinea; con letter-spacing dichiariamo lo spazio tra le lettere (queste due istruzioni sono necessaria per l accessibilità) CSS pag. - 1

2 CORPO Serve a definire il contenitore principale del sito, notate l istruzione padding: 0% 5% 0% 5%; che serve a lasciare uno spazio a destra e a sinistra. Ricordatevi che l ordine è TOP, RIGHT, BOTTOM, LEFT TESTATA Nel div testata sono definiti: border-style: solid none solid none; che serve a definire che tibo di bordo verrà disegnato, nel nostro caso avremo un bordo solo in alto e in basso border-color: #CCCCCC; definisce il colore del bordo attivato width: 100%; definisce la larghezza del contenitore height: 150px; definisce l altezze del contenitore padding: 10px 0px 0px 0px; definisce lo spazio tra il bordo e l inizio del testo. All interno del div TESTATA ci sono tre contenitori: LOGO che serve per inserire il logo della scuola. Deve posizionarsi a sinistra e in alto, ha delle misure precise ma soprattutto FLUTTUA (float)a sinistra dando così la possibilità ad altri elementi di potersi mettere alla sua destra NAV è il contenitore per il menu di navigazione orizzontale. Qui agendo sulla definizione dei colori possiamo modificarne l aspetto. Una istruzione importante è display: inline; che serve a mette gli elementi della lista in linea BOX con questo si definisce una classe per inserire il testo SETTORI Il div settori serve per il menu di navigazione orizzontale per i settori (gruppi) di informazioni del nostro sito. Anche qui agendo sulla definizione dei colori possiamo modificarne l aspetto. STRUTTURA Il div struttura è il contenitore degli elementi COLONNA DESTRA e PRINCIPALE Il comando principale è clear: both; che serve ad annullare tutti gli eventuale allineamenti inseriti con float PRINCIPALE Questo div contiene gli elementi: CORNICE che serve essenzialmente a creare una cornice colorata intorno al testo BOX è il contenitore del testo CSS pag. - 2

3 BRICIOLE è il contenitore delle indicazioni di movimento Gli elementi caratterizzanti si trovano nel div principale: float: left; con questa istruzione dichiariamo che questo div sarà allineato a sinistra a prescindere dall ordine di inserimento nell HTML questo ci permette (unito all allineamento destro del menu verticale ) di mostrare, nella visualizzazione solo testuale, prima il menu e poi il contenuto. Nell HTML inseriremo prima il menu e poi il testo. width: 79%; indica che il div principale dovrà occupare, a prescindere dal monitor e dalla risoluzione impostata solo il 79% del totale. COLONNA DESTRA La colonna destra si caratterizza per la presenza del classico menu verticale. Come detto prima l allineamento è forzato a destra float: right; e la larghezza è del 20% Facendo la somma i conti non tornano, si deve diminuire di 1px perché Internet Explorer lascia, sulla destra un margine di 1px.. Altro stratagemma utilizzato è quello di non inserire subito il menu ma incorporarlo all interno del box questo permette di definire I margini e il padding per ingannare explorer. Nel div menu abbiamo due istruzioni importanti: display: block; in questo modo il link occupa tutto lo spazio orizzontale, ma questo è vero per tutti tranne che per explorer, per superare questo limite si utilizzano le seguenti istruzioni: height:1em; line-height:1em; /* altezza del link: height e line-height devono avere il medesimo valore */ DOVE SONO La classe dove sono serve ad evidenziare la pagina aperta. PIE DI PAGINA Ne piè di pagine non ci sono particolarità tranne il riinserimento dell istruzione clear: both; MARCATORI DI TESTO Sono stati poi ridefiniti graficamente alcuni tag HTML come dt, ul, p, h2, ecc. Qui possiamo provare a modificarli per ottenere effetti diversi. Ricordatevi che nell HTML non è possibile inserire nessun alemento di impaginazione pertanto dovremo creare noi le classi in CSS che ci interessano; ES- questa classe ci permette di inserire un paragrafo (parola) al centro e in grassetto; p.centrato_neretto{ text-align: center; font-weight: bold; In HTML sarà richiamata ad esempio in questo modo: <p class= centrato_neretto > TESTO CHE VOGLIAMO </p> Nei vari abbiamo alcuni marcatori standard modificati graficamente; la particolarità stà Nell istruzione display:none; che ha l effetto di nascondere l elemento quando sono attivi i CSS (modalità grafica) e invece di mostrarli quando siamo in modalità testuale (CSS disattivati) CSS pag. - 3

4 LINK GENERICI Questo marcatore viene usato per i link all intero del testo. ESEMPIO Proviamo a creare un marcatore paragrafo allineato a destra: Posizioniamoci infondo alla pagina e scriviamo p.destra per inserire le parentesi graffe dobbiamo utilizzare i codici ascii: teniamo premuto il tasto ALT e digitiamo sul tastierino numerico 123 e lasciamo ALT, vengono inserite automaticamente entrambe. Posizioniamoci dentro e con il mouse, sulla finestra a destra, scorriamo l elenco troviamo textalign e nel menu a discesa selezioniamo right; il comando viene inserito p.destra { text-align: right; FOGLIO DI STAMPA Il foglio stile stampa.css serve a definire come e soprattutto cosa stampare. Spesso ci è capitato di stampare pagine da internet con risultati disastrosi, un sacco di colore, metà testo ecc. Inserendo le corrette istruzioni possiamo evitare ad esempio di far stampare il menu verticale destro o il piè di pagina. Ad esempio per disattivare la colonna destra in fase di stampa basta inserire div#colonna-dx { display: none; CSS pag. - 4

5 FOGLI STILE... 1 HTML e BODY... 1 CORPO... 2 TESTATA... 2 border-style... 2 border-color... 2 width:... 2 height... 2 padding:... 2 LOGO... 2 NAV... 2 BOX... 2 SETTORI... 2 STRUTTURA... 2 PRINCIPALE... 2 CORNICE... 2 BOX... 2 BRICIOLE... 3 COLONNA DESTRA... 3 display... 3 height... 3 DOVE SONO... 3 PIE DI PAGINA... 3 MARCATORI DI TESTO... 3 LINK GENERICI... 4 ESEMPIO... 4 FOGLIO DI STAMPA... 4 CSS pag. - 5

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini

Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini STRUTTURA A DUE COLONNE Per l'esercizio preparare una cartella dal nome DUE COLONNE con le sottocartelle css e immagini Un layout a due colonne ha, in genere, la seguente struttura: un'intestazione (TESTATA)

Dettagli

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 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

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

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

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

Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE

Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3

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

Cos è un word processor

Cos è un word processor Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei

Dettagli

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

Comandi principali del linguaggio HTML (Hyper Text Markup Language) Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per

Dettagli

Principio. di base per una buona riuscita

Principio. di base per una buona riuscita Una delle attività da affrontare nel nostro lavoro è quella di realizzare un layout, ossia una struttura dove posizionare contenuti per creare una pagina web. Ci sono molti tipi di pagine web quindi diverse

Dettagli

Guida OpenOffice.org Writer

Guida OpenOffice.org Writer Guida OpenOffice.org Writer Le visualizzazioni di Writer Writer permette di visualizzare un documento in diverse maniere tramite: Visualizza->Schermo intero: permette di visualizzare il documento Writer

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

Tutorial di HTML basato su HTML 4.0 e CSS 2 Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali

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

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA

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

Le sezioni logiche di una pagina web

Le sezioni logiche di una pagina web Le sezioni logiche di una pagina web Il primo passo da fare nella realizzazione di un sito web è pianificare i contenuti. Strutturare logicamente i contenuti di una pagina, creare un template (modello)

Dettagli

FONDAMENTI DI INFORMATICA. 3 Elaborazione testi

FONDAMENTI 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

Dettagli

CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA

CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA In questo tutorial verrà illustrato come sfruttare la flessibilità del componente "Catalogo E-commerce" per realizzare un classico negozio a griglia, del tipo di

Dettagli

Grafica: creare pulsanti con i css.

Grafica: creare pulsanti con i css. Grafica: creare pulsanti con i css. L'articolo originale in lingua inglese Graphics: making buttons with css proviene dal sito eosdev.com ed è stato tradotto e riprodotto per gentile concessione dell'autore.

Dettagli

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css. Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,

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

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

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e

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

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

APPUNTI DI HTML (TERZA LEZIONE) Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il

Dettagli

Utilizzo dei CSS: regole

Utilizzo dei CSS: regole Tutorial per siti scolastici accessibili con editor web open source Utilizzo dei CSS: regole Adotta un template CSS - Regole pag. - 1 Autore Questa guida è stata realizzata da Gianfranco Bilotti e fa parte

Dettagli

Foglio di calcolo con OpenOffice Calc II

Foglio di calcolo con OpenOffice Calc II Foglio di calcolo con OpenOffice Calc II Foglio di calcolo con OpenOffice Calc II 1. Riesame delle conoscenze 2. Lavorare sui grafici 3. Ridimensionamento di righe e colonne 4. Le formule 5. Utilizzo di

Dettagli

Realizzare il layout di un sito web senza utilizzare frame e tabelle

Realizzare il layout di un sito web senza utilizzare frame e tabelle Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera

Dettagli

Personalizza. Page 1 of 33

Personalizza. Page 1 of 33 Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su

Dettagli

Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign

Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign Adobe InDesign MiniTUTORIAL Come impostare una brochure con Indesign Credo sia utile impostare fin da subito le unità di misura. InDesign > Unità e incrementi Iniziamo poi creando un nuovo documento. File

Dettagli

Versione aggiornata al 11.11.2014

Versione aggiornata al 11.11.2014 Word Processing Versione aggiornata al 11.11.2014 A cura di Massimiliano Del Gaizo Massimiliano Del Gaizo Pagina 1 SCHEDA (RIBBON) HOME 1. I L G R U P P O C A R AT T E R E Word ci offre la possibilità,

Dettagli

Word Processor: WORD. Classificazione

Word 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

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

UTILIZZO DI WORD PROCESSOR

UTILIZZO DI WORD PROCESSOR UTILIZZO DI WORD PROCESSOR (ELABORAZIONE TESTI) Laboratorio Informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche Università della Calabria Dott. Pierluigi Muoio (pierluigi.muoio@unical.it)

Dettagli

Esercitazione n. 11: Sito web con Kompozer

Esercitazione n. 11: Sito web con Kompozer + Strumenti digitali per la comunicazione A.A 2013/14 Esercitazione n. 11: Sito web con Kompozer Scopo: Creare un sito Web che fornisce informazioni su un negozio di articoli sportivi chiamato Championzone.

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

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

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

APPROCCIO "WEB DESIGN REATTIVO": Prima di tutto costruiamo una BASE

APPROCCIO WEB DESIGN REATTIVO: Prima di tutto costruiamo una BASE ESEMPIO FILE.CSS PER REALIZZARE MODELLO SITO WEB: www.modellinirobotanno80.altervista.org /*questo codice va aggiunto al css principale per far si che tutti i browser possano riconoscere correttamente

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

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi

Dettagli

MANUALE D USO DELLA PIATTAFORMA ITCMS

MANUALE D USO DELLA PIATTAFORMA ITCMS MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di

Dettagli

FATTURE PROFESSIONISTI 1.5 MANUALE UTENTE. ultima revisione: 21/05/07

FATTURE PROFESSIONISTI 1.5 MANUALE UTENTE. ultima revisione: 21/05/07 FATTURE PROFESSIONISTI 1.5 MANUALE UTENTE ultima revisione: 21/05/07 Indice Panoramica... 1 Navigazione... 2 Selezionare una Vista Dati... 2 Individuare una registrazione esistente... 3 Inserire un nuova

Dettagli

LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...

LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività... LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,

Dettagli

HTML per tu+ Chiara Pere+

HTML per tu+ Chiara Pere+ HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo

Dettagli

Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti)

Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) GUIDE Sa.Sol. Desk: Rete Telematica tra le Associazioni di Volontariato della Sardegna Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) Argomento Descrizione Gestione

Dettagli

Guida SH.Shop. Inserimento di un nuovo articolo:

Guida SH.Shop. Inserimento di un nuovo articolo: Guida SH.Shop Inserimento di un nuovo articolo: Dalla schermata principale del programma, fare click sul menu file, quindi scegliere Articoli (File Articoli). In alternativa, premere la combinazione di

Dettagli

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org

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

Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0

Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0 Germano Pettarin E-book per la preparazione all ECDL ECDL Modulo 3 Elaborazione testi Word Argomenti del Syllabus 5.0 G. Pettarin ECDL Modulo 3: Word 2 Modulo 3 Elaborazione testi Word G. Pettarin ECDL

Dettagli

Vntcms 2 istruzioni per l uso!

Vntcms 2 istruzioni per l uso! Vntcms 2 istruzioni per l uso Tutte le operazioni di gestione dei contenuti del sito si effettuano dal pannello di amministrazione localizzato al seguente indirizzo: http://www.il-nome-del-mio-sito.it/admin/go

Dettagli

Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa

Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Maria Maddalena Fornari Impostazioni di pagina: orientamento È possibile modificare le

Dettagli

Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1

Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1 1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la

Dettagli

Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail.

Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail. Dipartimento di Storia, Società e Studi sull Uomo Università del Salento Ing. Maria Grazia Celentano Mariagrazia.celentano@gmail.com Indice: La finestra di Word Barra del titolo Barra dei menu Barra degli

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

EUROPEAN 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

Dettagli

[FINANZAECOMUNICAZIONE / VADEMECUM]

[FINANZAECOMUNICAZIONE / VADEMECUM] 2011 Finanza e Comunicazione [FINANZAECOMUNICAZIONE / VADEMECUM] [PANNELLO DI CONTROLLO SCRIVERE UN ARTICOLO PUBBLICARE MEDIA CREARE UNA GALLERIA FOTOGRAFICA MODIFICHE SUCCESSIVE CAMBIARE PASSWORD SALVARE,

Dettagli

La capacità ricettiva

La capacità ricettiva La capacità ricettiva e la percentuale di occupazione La capacità ricettiva La capacità ricettiva di una struttura alberghiera è un indicatore che misura il numero massimo di persone che la stessa può

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

INDICE L ambiente di lavoro... 2 Interfaccia di Word... 2 Le visualizzazioni... 5 Digitazione e revisione del testo...6 Modalità di selezione del

INDICE L ambiente di lavoro... 2 Interfaccia di Word... 2 Le visualizzazioni... 5 Digitazione e revisione del testo...6 Modalità di selezione del INDICE L ambiente di lavoro... 2 Interfaccia di Word... 2 Le visualizzazioni... 5 Digitazione e revisione del testo...6 Modalità di selezione del testo... 6 Selezione attraverso il mouse... 6 Selezione

Dettagli

Foglio di calcolo con OpenOffice Calc IV

Foglio di calcolo con OpenOffice Calc IV Foglio di calcolo con OpenOffice Calc IV Foglio di calcolo con OpenOffice Calc IV 1. Stampa e Anteprima di stampa 2. Riferimenti assoluti, riferimenti relativi e riferimenti misti 3. Navigazione e selezione

Dettagli

USARE WORD. - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica

USARE WORD. - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica Pagina 1 di 32 USARE WORD - non solo per scrivere - Un corso per chi vuole imparare ad usare Word senza fare fatica Indice: - La finestra di Word pag. 2 - Barra del titolo pag. 3 - Barra dei menu pag.

Dettagli

USARE WORD - non solo per scrivere -

USARE WORD - non solo per scrivere - GUIDA WORD USARE WORD - non solo per scrivere - corso Word Un corso per chi vuole imparare ad usare Word senza fare fatica Indice: - La finestra di Word pag. 2 - Barra del titolo pag. 3 - Barra dei menu

Dettagli

Chiudere il Programma Menu File Esci Pulsanti 1 clic sul pulsante Tasto dx 1 clic sulla barra del titolo Chiudi Tastiera Alt+F4

Chiudere il Programma Menu File Esci Pulsanti 1 clic sul pulsante Tasto dx 1 clic sulla barra del titolo Chiudi Tastiera Alt+F4 Foglio Elettronico PRIMI PASSI CON IL 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

Dettagli

Breve guida a WORD per Windows

Breve guida a WORD per Windows 1. COSA È Il Word della Microsoft è pacchetto applicativo commerciale che rientra nella categoria dei word processor (elaboratori di testi). Il Word consente il trattamento avanzato di testi e grafica,

Dettagli

Gestione dei contenuti web Ultimi eventi

Gestione dei contenuti web Ultimi eventi Gestione dei contenuti web Ultimi eventi Questo manuale illustra le operazioni più comuni per la manutenzione e aggiornamento del sito web http://terremoti.ingv.it/ultimi eventi/ tramite l interfaccia

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

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

PARERE DELL ORGANO DI REVISIONE SULLA PROPOSTA DI BILANCIO DI PREVISIONE 2014

PARERE DELL ORGANO DI REVISIONE SULLA PROPOSTA DI BILANCIO DI PREVISIONE 2014 PARERE DELL ORGANO DI REVISIONE SULLA PROPOSTA DI BILANCIO DI PREVISIONE 2014 Il parere al bilancio di previsione 2014 predisposto da ANCREL è disponibile in un file.zip Si consiglia di salvare il file

Dettagli

MICROSOFT WORD. Funzioni ed ambiente di lavoro

MICROSOFT WORD. Funzioni ed ambiente di lavoro INFORMATICA MICROSOFT WORD Prof. D Agostino Funzioni ed ambiente di lavoro...1 Interfaccia di Word...1 Stesso discorso per i menu a disposizione sulla barra dei menu: posizionando il puntatore del mouse

Dettagli

Che cos è un programma di presentazione

Che cos è un programma di presentazione Che cos è un programma di presentazione I programmi per la creazione di presentazioni, come PowerPoint, sono software che consentono di costruire documenti informatici multimediali, vale a dire una sequenza

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

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

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

Dettagli

Laboratorio di Informatica. Facoltà di Economia Università di Foggia. Prof. Crescenzio Gallo

Laboratorio di Informatica. Facoltà di Economia Università di Foggia. Prof. Crescenzio Gallo . Laboratorio di Informatica Facoltà di Economia Università di Foggia Prof. Crescenzio Gallo Word è un programma di elaborazione testi che consente di creare, modificare e formattare documenti in modo

Dettagli

Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara.

Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Piccolo Manuale Manuale Pt 1ª Registrazione (Login) Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Riceverete una email contenente: Link della vostra

Dettagli

Word Processor: WORD (livello base) Classificazione

Word Processor: WORD (livello base) Classificazione Parte 5 Word Processor: WORD (livello base) Elementi di Informatica - AA 2008/2009 - MS Word 1 di 60 Classificazione Esistono diversi strumenti per la realizzazione di documenti testuali: Editor di testo

Dettagli

SH.Invoice è un software pratico e completo per la gestione della fatturazione di professionisti e imprese.

SH.Invoice è un software pratico e completo per la gestione della fatturazione di professionisti e imprese. Presentazione: SH.Invoice è un software pratico e completo per la gestione della fatturazione di professionisti e imprese. Il programma si distingue per la rapidità e l elasticità del processo di gestione

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

MANUALE D USO Stazione editoriale MIR cms

MANUALE D USO Stazione editoriale MIR cms MANUALE D USO Stazione editoriale MIR cms Come si accede: Per entrare alla parte amministrativa del sito è sufficiente digitare nella barra dell url l indirizzo del sito seguito da: /admin/ nome del sito

Dettagli

Capitolo 1 GESTIONE DEL SOFTWARE APPLICATIVO:

Capitolo 1 GESTIONE DEL SOFTWARE APPLICATIVO: Capitolo 1 GESTIONE DEL SOFTWARE APPLICATIVO: IL WORD PROCESSOR SOMMARIO 1. Introduzione. - 2. Requisiti di base per le operazioni di Word Processing. - 3. La creazione di un documento di testo. - 4. La

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

Parte I - Struttura. Adotta un template. Parte 1 struttura pag. - 1

Parte I - Struttura. Adotta un template. Parte 1 struttura pag. - 1 Tutorial per siti scolastici accessibili con editor web open source Parte I - Struttura Adotta un template Parte 1 struttura pag. - 1 Autore Questa guida è stata realizzata da Gianfranco Bilotti e fa parte

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

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

Videoscrittura con OpenOffice Writer V

Videoscrittura con OpenOffice Writer V Videoscrittura con OpenOffice Writer V Videoscrittura con OpenOffice Writer V 1. Importare fogli di calcolo o altri oggetti 2. Tabulazione 3. Realizzazione di un volantino con suddivisione in colonne 4.

Dettagli

Corso di Informatica di Base

Corso di Informatica di Base Corso di Informatica di Base LEZIONE N 3 Cortina d Ampezzo, 4 dicembre 2008 ELABORAZIONE TESTI Grazie all impiego di programmi per l elaborazione dei testi, oggi è possibile creare documenti dall aspetto

Dettagli

Primi passi con HTML. Il documento HTML

Primi passi con HTML. Il documento HTML Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.

Dettagli

I PROGRAMMI PER L ELABORAZIONE DEL TESTO

I PROGRAMMI PER L ELABORAZIONE DEL TESTO I PROGRAMMI PER L ELABORAZIONE DEL TESTO Modulo 3 dell ECDL Terza Parte pag. 1 di 10 CopyLeft Multazzu Salvatore I programmi per elaborazione del testo: Terza Parte SOMMARIO Stili... 3 Inserire il numero

Dettagli

DOCENTI - guida web. 1 LOGIN E BACHECA.. Pag 2. 2 MODIFICARE LA PASSWORD... Pag. 3. 3 CREARE UN ARTICOLO.. Pag. 4. 4 INSERIRE LE FOTO.. Pag.

DOCENTI - guida web. 1 LOGIN E BACHECA.. Pag 2. 2 MODIFICARE LA PASSWORD... Pag. 3. 3 CREARE UN ARTICOLO.. Pag. 4. 4 INSERIRE LE FOTO.. Pag. DOCENTI - guida web INDICE 1 LOGIN E BACHECA.. Pag 2 2 MODIFICARE LA PASSWORD... Pag. 3 3 CREARE UN ARTICOLO.. Pag. 4 4 INSERIRE LE FOTO.. Pag. 5 5 IL TAG MORE. Pag. 12 6 CREARE UN EVENTO..... Pag. 12

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

GUIDA PER LA REALIZZAZIONE DEI SITI WEB ASSOCIAZIONI LOCALI SCIENZA & VITA

GUIDA PER LA REALIZZAZIONE DEI SITI WEB ASSOCIAZIONI LOCALI SCIENZA & VITA GUIDA PER LA REALIZZAZIONE DEI SITI WEB ASSOCIAZIONI LOCALI SCIENZA & VITA Febbraio 2007 1. Premessa Questo breve manuale ha lo scopo di fornire le indicazioni tecniche per lo sviluppo dei siti web delle

Dettagli

pag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe

pag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe 1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la

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

Layout dell area di lavoro

Layout dell area di lavoro Layout dell area di lavoro In Windows, Dreamweaver fornisce un layout che integra tutti gli elementi in una sola finestra. Nell area di lavoro integrata, tutte le finestre e i pannelli sono integrati in

Dettagli

A tal fine il presente documento si compone di tre distinte sezioni:

A tal fine il presente documento si compone di tre distinte sezioni: Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali

Dettagli

Guida all utilizzo del CMS Drupal e alla gestione dei contenuti

Guida all utilizzo del CMS Drupal e alla gestione dei contenuti Guida all utilizzo del CMS Drupal e alla gestione dei contenuti 1. Come accedere al CMS di Drupal Per accedere al sistema di gestione dei contenuti, occorre digitare l indirizzo del sito da aggiornare

Dettagli

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.

- 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

Dettagli

Il linguaggio HTML - Parte 2

Il linguaggio HTML - Parte 2 Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza

Dettagli

Patente Europea del Computer ECDL - MODULO 3

Patente Europea del Computer ECDL - MODULO 3 Patente Europea del Computer ECDL - MODULO 3 Lezione 1 di 3 Introduzione a Word 2007 e all elaborazione testi Menù Office Scheda Home Impostazioni di Stampa e stampa Righello Intestazione e piè di pagina

Dettagli