Principio. di base per una buona riuscita

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Principio. di base per una buona riuscita"

Transcript

1 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 tipologie di layout: ad esempio quella del blog a 2 colonne, quella del portale a 3 colonne ed altre ancora. Proviamo invece a vedere come creare con e CSS una pagina che possiamo modificare facilmente a nostro piacimento ottenendo il layout che desideriamo. Principio di base per una buona riuscita Lo spazio che abbiamo a disposizione affinchè il sito sia ottimizzato (per monitor di 1024px) è di 960px. Impostiamo quindi un div container con questa larghezza. Per far si che due o più div si affianchino alla stessa altezza occupando l intera larghezza del container, la somma delle loro larghezze deve essere 960px ed ogni div deve avere la proprietà css float:left. Questo vuol dire che se vogliamo un layout a 3 colonne (di uguale larghezza) i 3 div colonne dovranno essere larghi 320px. Se inseriamo del testo nei div colonne questo risulterà senza margini e attaccato all elemento successivo (non va bene!!). Per evitare che le colonne siano troppo vicine tra loro assegniamo un da 20px ai div colonne. Il padding inserisce 20px a sinistra a destra, sopra e sotto i nostri div aumentandone la dimensione, ed è per questo che dobbiamo rivedere le larghezze. Di fatto dobbiamo diminuire di 40px (20 di destra e 20 di sinistra) la larghezza dei div colonne portandoli a 280px. Il risultato sarà un layout a 3 colonne, con il giusto spazio tra un testo e l altro. Con questo approccio possiamo creare qualsiasi struttura con il numero di colonne e sezioni che desideriamo (con il giusto spazio tra i contenuti). Bisogna tenere sempre a mente che la larghezza degli elementi più i relativi padding deve essere uguale alla larghezza dell elemento contenitore.

2 Partiamo inserendo nella pagina HTML, un div container largo 960px che andremo a centrare con margin: 0 auto; all interno del file CSS. Questo contenitore si allungherà verticalmente in base al contenuto (testo) che andremo ad inserire....</div> CSS 1 #container {width width: 960px;margin margin: 0 auto;background background:#fff} Inseriamo all interno di container container il div header header. L header occuperà l intera larghezza della container quindi 960px, suddivisi in 920px di larghezza del div e 20px di padding a destra e 20px sinistra. 3 </div> CSS 1 #header {width width:920px;padding padding:20px;background background:#21aabd;}

3 Sotto l header posizioniamo il div nav che conterrà il menu di navigazione della pagina. Anche questo div occupa l intera larghezza del container ossia 960px, suddivisi in 960px di larghezza del div e 0 di padding (questa volta non ci servono i margini in quanto al suo interno abbiamo i link di navigazione). 3 <div id="nav nav">...</div> 4 </div> 1 #nav {width width:960px;background background:#666;color color:#fff;} Sotto il menu di scelta, potremmo posizionare un immagine senza padding poichè vogliamo che sia larga quanto il container iner. 3 <div id="nav nav">...</div> 4 <div id="slider slider-wrapper"> 5 <div id="slider slider" class="nomeslider"> 6 <img src="img/times img/times-square square-people.jpg people.jpg" alt="" /> 7 </div> 8 </div> 9 </div>

4 Ora sotto lo slider posizioniamo 3 colonne sulla stessa riga dentro le quali si trovano i contenuti in evidenza. Per farlo creiamo 3 div item-evidenza evidenza della larghezza di 280px, ognuno con padding impostato a 20px (a destra e sinistra), e float:left per affiancare gli elementi sulla stessa riga facendoli occupare una larghezza totale di 960px. 3 <div id="nav nav">...</div> 4 <div id="slider slider-wrapper wrapper"> 5 <div id="slider slider" class="nome nomeslider Slider"> 6 <img src="img/times img/times-square square-people.jpg people.jpg" alt="" /> 7 </div> 8 </div> 9 <div class="item item-evidenza evidenza"></div> 10 <div class=" item-evidenza evidenza "></div> 11 <div class=" item-evidenza evidenza "></div> 12 </div> 1.item-evidenza {width width:280px;padding padding:20px;float float:left;}

5 Dopo gli elementi in evidenza impostiamo un div che occupi l intera larghezza della pagina. Questo elemento viene dopo le tre colonne con proprietà float:left. Impostiamo la proprietà clear:both la quale pulisce l elemento dalle impostazioni float. 2 [...] 3 <div class="item item-evidenza evidenza "></div> 4 <div class="item item-evid evidenza enza "></div> 5 <div class="item item-evi evidenza denza"></div> 6 <div id="mes mes-full full"></div> 7 </div> 1 #mes-full {width width:920;padding padding:20px;clear clear:both;background background: #e2e2e0;} Ora impostiamo il div che conterrà la nostra pagina web principale. La larghezza è di 620px più il padding di 20px (a destra e sinistra). Assegniamo la proprietà float:left, per far si che l elemento successivo (la sidebar) venga affiancato. 2 [..] 3 <div id="content content"></div> 4 <div id="sidebar sidebar"></div> 5 </div>

6 La sidebar avrà una larghezza di 260px più il padding per un totale di 300px, che è esattamente lo spazio lasciato tra il div content e il bordo destro del container. 1 #sidebar {width width:260px;padding padding:20px;float float:left;} Inseriamo infine il footer che avrà le stesse caratteristiche del messaggio Mess full. Con questo approccio alla costruzione di pagine web possiamo creare strutture flessibili in maniera veloce e strutturata. L esempio completo è disponibile per il download qui.

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

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

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

TEMI - Struttura. I file del tema

TEMI - Struttura. I file del tema TEMI - Struttura - Ci sono due possibilità per modificare un tema: - Tramite l editor di amministrazione (AspettoàEditor), che consente di selezionare modificare i file (NOTA: copiare il file prima 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

Progettare pagine html. Studium Generale, a.a. 2013-2014, II semestre

Progettare pagine html. Studium Generale, a.a. 2013-2014, II semestre Progettare pagine html Studium Generale, a.a. 2013-2014, II semestre Quanto deve essere grande la nostra pagina? http://www.newfangled.com/optimal_site_width DIMENSIONE PAGINA Secondo le statistiche

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

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

Guida alla realizzazione di un layout fluido

Guida alla realizzazione di un layout fluido Guida alla realizzazione di un layout fluido I siti Web possono essere realizzati secondo due diversi schemi di layout: layout fissi e fluidi. La differenza tra i due tipi di layout consiste in una diversa

Dettagli

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

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

Lezione 3. Joomla 2.5

Lezione 3. Joomla 2.5 Lezione 3 Joomla 2.5 Joomla: il template Prima di partire con la modifica del template, diamo un occhiata alle posizioni definite dallo stesso. Come si può notare LOGO non ha un area che lo identifica

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

XSL: extensible Stylesheet Language

XSL: extensible Stylesheet Language XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono

Dettagli

INDICE. Opzioni di stampa 2. Nuovo componente di stampa 3. Vecchio componente di stampa 6. Corso Modulo Stampa Pag. 1

INDICE. Opzioni di stampa 2. Nuovo componente di stampa 3. Vecchio componente di stampa 6. Corso Modulo Stampa Pag. 1 Prodotto da INDICE Opzioni di stampa 2 Nuovo componente di stampa 3 Vecchio componente di stampa 6 Corso Modulo Stampa Pag. 1 Capitolo VIII Modulo Stampa Paragrafo I Opzioni di stampa Il comando Opzioni

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

Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine

Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine Universita' degli Studi di Udine, 6 luglio 2005 Introduzione all'accessibilita': motivazione ed esempi Il sito web del Comune di Udine www.comune.udine.it relazione a cura di Fabrizio Chittaro fchittaro@gmail.com

Dettagli

In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando le spiegazioni del codice direttamente sul progetto del nostro sito.

In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando le spiegazioni del codice direttamente sul progetto del nostro sito. Corso html 5. Di Roberto Abutzu. Lezione 18 "CSS - Formattazione testo ed elementi". Formattazione css base degli elementi. In questa lezione, vedremo come modificare alcune proprietà-valore, utilizzando

Dettagli

Digital Identity Ferrovie dello Stato Corporate. Versione 1.0 Aprile 2011

Digital Identity Ferrovie dello Stato Corporate. Versione 1.0 Aprile 2011 Digital Identity Ferrovie dello Stato Corporate Aprile 2011 Indice 1 Premessa 4 Footer 2 3 Scopo del manuale Utilizzo del manuale Layout di pagina Colori Visual Icone Gabbia e misure Griglia modulare Layout

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

layout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto

layout senza tabelle Posizionamento con i CSS Ad ogni elemento HTML corrisponde un area rettangolare, detta box Contenuto Posizionamento con i CSS creare layout senza tabelle 1 Gestione degli elementi della pagina Il box model Ad ogni elemento HTML corrisponde un area rettangolare, detta box Margine Bordo Area di padding

Dettagli

Come creare un modulo

Come creare un modulo Come creare un modulo Aggiungi moduli al tuo sito per registrare le informazioni dei tuoi clienti su un database, o per riceverle via e- mail. Trascina un widget Modulo sulla tua pagina Nel pannello Widget

Dettagli

Applicazioni Web 2013/14

Applicazioni Web 2013/14 Applicazioni Web 2013/14 Lezione 5: Cascading Style Sheets Matteo Vaccari http://matteo.vaccari.name/ matteo.vaccari@uninsubria.it (cc) Matteo Vaccari. Published in Italy. Attribution Non commercial Share

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

Mediamorfosi. Minerva Auctions. - Manuale utente, versione 1.0, dicembre 2015 - PER

Mediamorfosi. Minerva Auctions. - Manuale utente, versione 1.0, dicembre 2015 - PER Mediamorfosi PER Minerva Auctions - Manuale utente, versione 1.0, dicembre 2015 - FRONTEND (visibile a tutti gli utenti) BACKEND (visibile solo agli amministratori dietro digitazione di userid e password)

Dettagli

ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE. Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag.

ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE. Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag. ESEMPIO DI TEMPLATE CON BARRA DI NAVIGAZIONE ORIZZONTALE Esempio di Template con barra di navigazione orizzontale Ultima revusione 25/05/2015 Pag. 1

Dettagli

Struttura Layout Monolitico Fisso con Menu Orizzontale

Struttura Layout Monolitico Fisso con Menu Orizzontale Struttura Layout Monolitico Fisso con Menu Orizzontale BODY Body { margin: 0px; padding:0; font-family: arial,sans-serif; font-size: 76%; text-align: center; background-color: #FC3; background-image: url();

Dettagli

INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH

INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH INSERIMENTO DI IMMAGINI,DOCUMENTI,SFONDI E OGGETTI FLASH IMPOSTAZIONE DI UNA IMMAGINE ALL INTERNO DI UNA PAGINA WEB: In questo capitolo è spiegata la procedura di inserimento e modifica di una immagine

Dettagli

Accessibilità Utilizzo di MS-Word-2007 e conversione in formato PDF

Accessibilità Utilizzo di MS-Word-2007 e conversione in formato PDF Dipartimento federale delle finanze DFF Ufficio federale dell informatica e della telecomunicazione UFIT Centro soluzioni Prodotti di Governo elettronico Centro competenze Internet 21 ottobre 2010 Accessibilità

Dettagli

Come Creare Un Nuovo Articolo Con WordPress. Ebook - Gratuito

Come Creare Un Nuovo Articolo Con WordPress. Ebook - Gratuito Come Creare Un Nuovo Articolo Con WordPress Ebook - Gratuito 1 Indice Come Creare Un Nuovo Articolo Con Wordpress 1. Accedi al pannello di controllo del sito... 3 2. La Bacheca di Wordpress... 4 3. Il

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

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

ACM ARIADNE CONTENT MANAGER MANUALE DI PRODUZIONE TEMPLATE

ACM ARIADNE CONTENT MANAGER MANUALE DI PRODUZIONE TEMPLATE ACM ARIADNE CONTENT MANAGER MANUALE DI PRODUZIONE TEMPLATE SOMMARIO SOMMARIO...2 1 INTRODUZIONE...3 1.1 SCOPO DEL DOCUMENTO...3 1.2 A CHI È RIVOLTO...3 2 IMPOSTAZIONE CONCETTUALE...3 2.1 ARCHITETTURA DELLA

Dettagli

PAGINA ARCHIVIO PAGINA PERSONALIZZAZIONE PAGINA CHECK-OUT

PAGINA ARCHIVIO PAGINA PERSONALIZZAZIONE PAGINA CHECK-OUT PAGINA ARCHIVIO PAGINA PERSONALIZZAZIONE PAGINA CHECK-OUT WIREFRAMING E-COMMERCE WIREFRAMING HOME PAGE PAGINA ARCHIVIO Il progetto realizzato dovrà essere un e-commerce, in cui il prodotto che si venederà,

Dettagli

Patente Europea di Informatica ECDL Modulo 4. Lezione 3: Grafici Impostazione e verifica del foglio Opzioni di stampa. Anno 2011/2012 Syllabus 5.

Patente Europea di Informatica ECDL Modulo 4. Lezione 3: Grafici Impostazione e verifica del foglio Opzioni di stampa. Anno 2011/2012 Syllabus 5. Patente Europea di Informatica ECDL Modulo 4 Lezione 3: Grafici Impostazione e verifica del foglio Opzioni di stampa Anno 2011/2012 Syllabus 5.0 Una delle funzioni più importanti di un foglio elettronico

Dettagli

DAL PDF AL LIBRO GUIDA ALLA PUBBLICAZIONE. Trasforma. Crea il tuo libro. Pubblica! 9am.it. il libro in ebook. su carta fotografica o carta patinata

DAL PDF AL LIBRO GUIDA ALLA PUBBLICAZIONE. Trasforma. Crea il tuo libro. Pubblica! 9am.it. il libro in ebook. su carta fotografica o carta patinata autopubblicazione GUIDA ALLA PUBBLICAZIONE DAL PDF AL LIBRO creare libri da indesign e Photoshop fotolibri Trasforma il libro in ebook ephotobook Crea il tuo libro su carta fotografica o carta patinata

Dettagli

I link e l'ipertestualità

I link e l'ipertestualità I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può

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

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

Si viene quindi trasferiti alla pagina dove avviene l autenticazione vera e propria.

Si viene quindi trasferiti alla pagina dove avviene l autenticazione vera e propria. Come inserire immagini nelle Gallerie fotografiche di Modellismo Più Le Gallerie fotografiche di Modellismo Più sono a disposizione di tutti gli Utenti registrati del sito per il caricamento e la consultazione

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

Corti Sergio art director

Corti Sergio art director Indicazioni per la preparazione di file da stampare in Eliolux - BIGLIETTI DA VISITA Queste indicazioni non vogliono avere la pretesa di essere l unico modo per preparare i file da utilizzare in Eliolux

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

DAL PDF AL LIBRO GUIDA ALLA PUBBLICAZIONE. Trasforma. Crea il tuo libro. Pubblica! 9am.it. il libro in ebook. su carta fotografica o carta patinata

DAL PDF AL LIBRO GUIDA ALLA PUBBLICAZIONE. Trasforma. Crea il tuo libro. Pubblica! 9am.it. il libro in ebook. su carta fotografica o carta patinata autopubblicazione GUIDA ALLA PUBBLICAZIONE DAL PDF AL LIBRO creare libri da indesign e Photoshop fotolibri Trasforma il libro in ebook ephotobook Crea il tuo libro su carta fotografica o carta patinata

Dettagli

Disegnare il Layout. www.vincenzocalabro.it 1

Disegnare il Layout. www.vincenzocalabro.it 1 Disegnare il Layout www.vincenzocalabro.it 1 Il problema dell interfaccia Una buona interfaccia deve assolvere a diverse funzioni: far percepire i contenuti permettere di individuare le principali aree

Dettagli

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento

Dettagli

Nome del Sito: PcUpgradeIT

Nome del Sito: PcUpgradeIT Nome del Sito: PcUpgradeIT Mail: pcupgradeit@gmail.com Scelte di comunicazione: Il tema trattato è l assemblaggio e descrizione su componentistica PC Il titolo esteso è PcUpgradeIT - The easiest way to

Dettagli

Microsoft Word 2007 Avanzato Lezione 16. Dimensione delle immagini

Microsoft Word 2007 Avanzato Lezione 16. Dimensione delle immagini Dimensione delle immagini e Scorrimento del testo Dimensione delle immagini Anche oggi parliamo di immagini. Cominciamo proponendo qualche considerazione circa le dimensioni e il ritaglio dell immagine

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

Formattazione e Stampa

Formattazione e Stampa Formattazione e Stampa Formattazione Formattazione dei numeri Formattazione del testo Veste grafica delle celle Formattazione automatica & Stili Formattazione dei numeri Selezionare le celle, poi menu:

Dettagli

MANUALE UTENTE. Versione 1.2 novembre 2011 2011 MAILDEM Tutti i diritti sono riservati

MANUALE UTENTE. Versione 1.2 novembre 2011 2011 MAILDEM Tutti i diritti sono riservati MANUALE UTENTE Versione 1.2 novembre 2011 2011 MAILDEM Tutti i diritti sono riservati INDICE ACCESSO AL SERVIZIO... 3 GESTIONE DESTINATARI... 4 Aggiungere destinatari singoli... 5 Importazione utenti...

Dettagli

ISTRUZIONI GESTIONE E INSERIMENTO ARTICOLI GOODFELLAS.it

ISTRUZIONI GESTIONE E INSERIMENTO ARTICOLI GOODFELLAS.it ISTRUZIONI GESTIONE E INSERIMENTO ARTICOLI GOODFELLAS.it SITO WEB: www.goodfellas.it Per accedere al pannello di amministazione: www.goodfellas.it/wp admin Inserire le credenziali di accesso Nome Utente:

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

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

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

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

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

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

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

MANUALE OPERATORE CMS ASMENET

MANUALE OPERATORE CMS ASMENET MANUALE OPERATORE CMS ASMENET 2.0 Pag. 1 di 46 INDICE Termini e definizioni... pag. 3 Introduzione... pag. 4 Descrizione generale e accesso al back office... pag. 5 1 Gestione della pagina... pag. 6 1.1

Dettagli

GUIDA ALL UTILIZZO DEL PROGRAMMA TUTTORIFIUTI PER L ACCESSO AUTENTICATO AL PORTALE WEB WWW.TUTTORIFIUTI.IT

GUIDA ALL UTILIZZO DEL PROGRAMMA TUTTORIFIUTI PER L ACCESSO AUTENTICATO AL PORTALE WEB WWW.TUTTORIFIUTI.IT GUIDA ALL UTILIZZO DEL PROGRAMMA TUTTORIFIUTI PER L ACCESSO AUTENTICATO AL PORTALE WEB WWW.TUTTORIFIUTI.IT Versione 1.0 Per assistenza tecnica e per qualsiasi informazione contattare il Numero Verde 1

Dettagli

La Piattaforma LimeSurvey. Guida pratica alla realizzazione di una survey online. un iniziativa del programma

La Piattaforma LimeSurvey. Guida pratica alla realizzazione di una survey online. un iniziativa del programma La Piattaforma LimeSurvey. Guida pratica alla realizzazione di una survey online un iniziativa del programma 2 Cos è LimeSurvey? Èun applicativo opensource per creare rapidamente e in modo intuitivo dei

Dettagli

COMUNICHIAMO CON IL WEB

COMUNICHIAMO CON IL WEB Cognome... Nome... PROGETTO COMUNICHIAMO CON IL WEB Realizza il tuo sito web seguendo i seguenti suggerimenti. STEP 1: crea il seguente annidamento di cartelle su BUFFALO sotto il tuo profilo utente: sito

Dettagli

File, Modifica, Visualizza, Strumenti, Messaggio

File, Modifica, Visualizza, Strumenti, Messaggio Guida installare account in Outlook Express Introduzione Questa guida riguarda di sicuro uno dei programmi maggiormente usati oggi: il client di posta elettronica. Tutti, ormai, siamo abituati a ricevere

Dettagli

Coder Dojo Tutorial 3

Coder Dojo Tutorial 3 Coder Dojo Tutorial 3 Complimenti ancora, son certo che hai già imparato molte più cose di quel che pensi! Tempo per fare qualcosa di un po più divertente, come mettere insieme un foglio dedicato a definire

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

COME CREARE UNA LEZIONE

COME CREARE UNA LEZIONE COME CREARE UNA LEZIONE Il modulo di attività lezione consente al docenti di distribuire contenuti o esercitazioni in modo interessante e flessibile. E' possibile usare la lezione per creare pagine da

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

I ecommerce.biz. Dalla pianificazione all operatività, valorizza il tuo Business con i servizi dedicati all e-commerce

I ecommerce.biz. Dalla pianificazione all operatività, valorizza il tuo Business con i servizi dedicati all e-commerce I ecommerce.biz Dalla pianificazione all operatività, valorizza il tuo Business con i servizi dedicati all e-commerce INDICE I principali mercati internazionali Flusso d acquisto Swat analysis Team di

Dettagli

Indice generale. Prefazione alla prima edizione...xvii. Introduzione...xix. Capitolo 1 Gli standard e i CSS... 1

Indice generale. Prefazione alla prima edizione...xvii. Introduzione...xix. Capitolo 1 Gli standard e i CSS... 1 Indice generale Prefazione alla prima edizione...xvii Introduzione...xix Organizzazione dell opera...xx I capitoli...xx Le appendici...xxi Materiale online...xxi A chi si rivolge il libro...xxi Prerequisiti...xxii

Dettagli

Guida alla modifica di un layout

Guida alla modifica di un layout Guida alla modifica di un layout Abbiamo realizzato il sito web di Hexagon Tours utilizzando HTML e CSS, impostando una struttura formata da header, barra di navigazione, contenuti principali e laterali,

Dettagli

HTML5: il corso Fondamentale

HTML5: il corso Fondamentale HTML5: il corso Fondamentale Impara la tecnologia che sta ALLA BASE del mondo Internet di oggi, in particolar modo se vuoi creare siti facilmente indicizzabili e responsive IlTuoCorso - Ermes srl Via E.De

Dettagli

Microsoft Access Maschere

Microsoft Access Maschere Microsoft Access Maschere Anno formativo: 2007-2008 Formatore: Ferretto Massimo Mail: Skype to: ferretto.massimo65 Profile msn: massimoferretto@hotmail.com "Un giorno le macchine riusciranno a risolvere

Dettagli

Nell Header posto nella parte superiore della pagina, possiamo trovare informazioni che identificano l organizzazione

Nell Header posto nella parte superiore della pagina, possiamo trovare informazioni che identificano l organizzazione GUIDA ALL USO Il sito del Consorzio Proximo è stato concepito per due diverse finalità: una grafica accattivante per rispondere alle esigenze di vetrina su internet e invogliare potenziali clienti a richiedere

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

GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB

GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB Copyright 2014 Wolters Kluwer Italia Srl 1 Sommario 1 Come accedere al Pannello di gestione... 4 2 del Pannello di gestione del sito web... 5 3 delle sezioni...

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

CSS font-size: pt, px o em? Che unità di misura utilizzare?

CSS font-size: pt, px o em? Che unità di misura utilizzare? CSS font-size: pt, px o em? Che unità di misura utilizzare? In linea di massima possiamo dire che ogni unità di misura ammessa nei CSS ha una destinazione d'uso precisa: pt I punti (pt) sono l'unità di

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

Tutorial a cura della teca didattica.

Tutorial a cura della teca didattica. Tutorial a cura della teca didattica. Attenzione: prima di far eseguire questo laboratorio ai bambini della vostra classe occorre farli esercitare, su diapositive singole, ad affrontare le diverse difficoltà

Dettagli

MODULO 4: FOGLIO ELETTRONICO (EXCEL)

MODULO 4: FOGLIO ELETTRONICO (EXCEL) MODULO 4: FOGLIO ELETTRONICO (EXCEL) 1. Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei Personal computer. Essi

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

[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

Concetti Fondamentali

Concetti Fondamentali EXCEL Modulo 1 Concetti Fondamentali Excel è un applicazione che si può utilizzare per: Creare un foglio elettronico; costruire database; Disegnare grafici; Cos è un Foglio Elettronico? Un enorme foglio

Dettagli

Vntcms 2.6 istruzioni per l uso!

Vntcms 2.6 istruzioni per l uso! Vntcms 2.6 istruzioni per l uso Caratteristiche A. Amministrabile; B. Multi pannello; 1. Pannello admin; 2. Pannello editori; 3. Pannello utenti; C. Multi lingue; D. Il sito è provvisto di serie del sistema

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

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

Dispense di Informatica per l ITG Valadier

Dispense di Informatica per l ITG Valadier La notazione binaria Dispense di Informatica per l ITG Valadier Le informazioni dentro il computer All interno di un calcolatore tutte le informazioni sono memorizzate sottoforma di lunghe sequenze di

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

Programma analitico d'esame. Versione 1.0.00

Programma analitico d'esame. Versione 1.0.00 Programma analitico d'esame Versione 1.0.00 Programma analitico d esame EIPASS Web Il percorso didattico prevede cinque moduli d esame. Ai fini del conseguimento della certificazione, il candidato dovrà,

Dettagli

Sistema Web. Gestione Documenti Elettronici

Sistema Web. Gestione Documenti Elettronici GUIDA RAPIDA Sistema Web CONSORZIO CO.D.IN. M A R C H E Gestione Documenti Elettronici INDICE Capitolo 1: Avvio Applicazione Capitolo 2: Autenticazione Utente e Accesso al Sistema Capitolo 3: Navigazione

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

Sommario. Introduzione... xv. Capitolo 1 Gli elementi di base delle pagine web... 1. Capitolo 2 I file delle pagine web... 27

Sommario. Introduzione... xv. Capitolo 1 Gli elementi di base delle pagine web... 1. Capitolo 2 I file delle pagine web... 27 Sommario Introduzione........................ xv HTML e CSS in breve.................... xvi I browser web....................... xvii Gli standard e le specifiche web............. xviii Il progressive

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

Eclipse - Nozioni Base

Eclipse - Nozioni Base Eclipse - Nozioni Base Programmazione e analisi di dati Modulo A: Programmazione in Java Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it

Dettagli

per immagini guida avanzata Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1

per immagini guida avanzata Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Una tabella Pivot usa dati a due dimensioni per creare una tabella a tre dimensioni, cioè una tabella

Dettagli

Andrea Maioli Instant Developer: guida all uso

Andrea Maioli Instant Developer: guida all uso Andrea Maioli Instant Developer: guida all uso 11.8 L editor di temi grafici A partire dalla versione 11.5, Instant Developer contiene uno strumento di aiuto alla personalizzazione dei temi grafici e degli

Dettagli

Corso Joomla per ATAB

Corso Joomla per ATAB Corso Joomla per ATAB Cos'è un Content Management System Joomla non è un prodotto ma è un progetto. Nato nel settembre 2005 CMS (Content management system) letteralmente significa "Sistema di gestione

Dettagli

Bellissimo album 3D free per foto e video sabato 10 luglio 2010 Ultimo aggiornamento domenica 07 giugno 2015

Bellissimo album 3D free per foto e video sabato 10 luglio 2010 Ultimo aggiornamento domenica 07 giugno 2015 Bellissimo album 3D free per foto e video sabato 10 luglio 2010 Ultimo aggiornamento domenica 07 giugno 2015 Un modo veramente bello e sorprendente per mostrare i vostri filmati e le vostre foto sia in

Dettagli

VADEMECUM SITO INTERNET POGGIO TORRIANA

VADEMECUM SITO INTERNET POGGIO TORRIANA VADEMECUM SITO INTERNET POGGIO TORRIANA INDICE: 1 HOMEPAGE 1.1 Struttura dell'homepage 1.2 Caricamento news/comunicati stampa in homepage 1.3 Caricare/pubblicare immagini 1.4 Caricare i banner 1.5 Banner

Dettagli