CSS / TIPOGRAFIA WEB. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "CSS / TIPOGRAFIA WEB. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1"

Transcript

1 CSS / TIPOGRAFIA WEB LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 1

2 GESTIRE I CARATTERI CON I CSS I CSS hanno dato un notevole impulso alla tipografia web visto che permettono di definire ogni dettaglio della composizione tipografica (tipo di carattere tipografico, peso, stile, interlinea, spaziatura tra le lettere ecc.). LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 2

3 font-family - specifica la famiglia del font font-size - specifica l altezza dei caratteri font-weight - specifica il peso dei caratteri (grassetto) font-variant - specifica alcune variazioni (come maiuscoletto) font-style - corsivo line-hight - altezza della riga di testo text-align - allineamento del testo text-indent - indentanzione di caporiga text-transform - trasforma in testo tutto in maiuscolo o tutto minuscolo text-decoration - decorazioni come upperline, underline etc.. letter-spacing - spazio fra i singoli caratteri word-spacing - spazio fra le singole parole LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 3

4 PROPRIETÀ: FONT-FAMILY La proprietà font-family specifica il tipo di carattere. Si applica a tutti gli elementi ed è ereditata. A ciascun selettore è possibile associare uno o più caratteri da utilizzare. Per specificare un carattere principale per il sito lo si può impostare al body. body { font-family: Verdana, Arial, sans-serif; } Il carattere usato sarà il primo, fra quelli specificati, che risulta essere disponibile nel computer dell utente. È bene concludere l elenco con una famiglia generica da usare nel caso in cui gli altri tipi di carattere non siano disponibili. Le famiglie generiche sono: serif (ad esempio il Times e il Georgia) sans-serif (ad esempio il Verdana e l Helvetica) monospace (ad esempio il Courier) cursive (ad esempio Comic Sans o Apple Chancery); fantasy (ad esempio ); LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 4

5 PROPRIETÀ: FONT-FAMILY LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 5

6 PROPRIETÀ: FONT-SIZE La proprietà font-size specifica la dimensione del carattere. Si applica a tutti gli elementi ed è ereditata. I valori delle dimensioni del testo possono essere espressi in vari modi. body { font-size: 16px; } p { font-size: 12px; } h1 { font-size: 2em; } html { font-size: 62.5%; } p { font-size: small; } I diversi sistemi si possono distinguere a seconda che definiscano le dimensioni in senso assoluto o relativo (viene calcolata in base alla dimensione del testo dell elemento progenitore). LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 6

7 PROPRIETÀ: FONT-SIZE Sono valori assoluti: le parole chiave xx-small, x-small, small, medium, large, x-large, xx-large; quelli espressi con unità di misura come pixel (px) o punti (pt). Si consiglia di usare la seconda solo per CSS destinati alla stampa. Sono valori relativi: le parole chiave smaller e larger; quelli espressi in em; quelli espressi in percentuale. PER COMODITA NOI UTILIZZEREMO PRINCIPALMENTE LA DIMENSIONE ESPRESSA IN PX LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 7

8 PROPRIETÀ: FONT-STYLE / FONT-WEIGHT / FONT-VARIANT La proprietà font-style specifica il corsivo. Può assumere i valori: normal / italic / oblique p.corsivo { font-style: italic; } La proprietà font-weight specifica il peso del carattare (grassetto, ma anche altri pesi disponibili nella famiglia). Può assumere i valori: normal / bold / bolder / lighter 100 / 200 / 300 / 400 / 500 / 600 / 700 / 800 / = normal, 700 = bold p.grassetto { font-weight: bold; } La proprietà font-variant specifica il maiuscoletto. Può assumere i valori: normal / small-caps p.maiuscoletto { font-variant: small-caps; } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 8

9 PROPRIETÀ: LINE-HEIGHT La proprietà line-height serve a specificare l interlinea tra una riga di testo e la riga successiva. La proprietà si applica a tutti gli elementi ed è ereditata. p {line-height: 1.5;} body {line-height: 15px;} I valori che è possibile utilizzare sono: normal: il browser separerà le righe con uno spazio ritenuto ragionevole ; dovrebbe corrispondere a un valore numerico compreso tra 1 e 1.2; un valore numerico: tipo 1.2, 1.3, 1.5 l altezza della riga sarà uguale alla dimensione del font moltiplicata per questo valore; un valore numerico con unità di misura: l altezza della riga sarà uguale alla dimensione specificata; percentuale: l altezza della riga viene calcolata come una percentuale della dimensione del font. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 9

10 PROPRIETÀ: TEXT-ALIGN / TEXT-INDENT L allineamento orizzontale del testo può essere stabilito tramite la proprietà text-align Valori ammessi: left right center justify p { text-align: left; } L indentazione è stabilita tramite text-indent Sono ammesse unità di lunghezza o unità percentuali p { text-indent: 20px; } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 10

11 PROPRIETÀ: TEXT-TRANSFORM / TEXT-DECORATION Tramite la proprietà text-transform è possibile gestire i caratteri maiuscoli e minuscoli indipendentemente da quanto specificato nel codice. Sono ammessi i seguenti valori: capitalize: la prima lettera di ogni parola è rappresentata in maiuscolo uppercase: tutte le lettere di ogni parola sono rappresentate in maiuscolo lowercase: tutte le lettere di ogni parola sono rappresentate in minuscolo none: nessuna variazione h1 { text-transform: uppercase } h2 { text-transform: capitalize } Eventuali sottolineature o barrature vanno specificate tramite la proprietà text-decoration: le sottolineature sono da usarsi essenzialmente con i link, sopralineature (da evitare), testo barrato (essenzialmente per il tag <del>) I valori ammessi sono: none underline overline line-through LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 11

12 PROPRIETÀ: LETTER-SPACING / WORD-SPACING Lo spazio predefinito fra lettere e parole può essere modificato tramite le proprietà letter-spacing e word-spacing Sono ammesse tutte le diverse unità di lunghezza, tuttavia sono particolarmente indicate le unità em o px Il valore specificato può essere positivo o negativo Il valore specificato non indica la distanza fra le varie lettere o parole ma va a sommarsi alla distanza predefinita h1{ letter-spacing: 0.2em; word-spacing:0.5em } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 12

13 LA TIPOGRAFIA SUL WEB Inizialmente la tipografia sul web era piuttosto limitata, visto che la scelta delle font dipendeva da font installate sul computer dell utente e per ovviare i problemi di compatibilità tra le diverse piattaforme la scelta doveva ricadere sulle font web-safe abbinate a delle fallback font (Arial, Courier New, Georgia, Helvetica, Times New Roman, Verdana, Trebuchet MS, Lucida Sans). Quindi per definire la famiglia di caratteri da usare veniva definito un carattere principale e poi una serie di caratteri sostitutivi (fallback). L utilizzo di caratteri non web-safe era limitato su alcuni titoli e menù che non venivano trattati come testi ma come immagini. Per esempio: h1 { font-family: Georgia, Times, serif; } p { font-family: Verdana, Arial, Helvetica, sans-serif; } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 13

14 LA TIPOGRAFIA SUL WEB OGGI Oggi invece la tipografia web ha ricevuto invece un notevole impulso sia grazie ai css che defiscono ogni dettaglio della composizione tipografica (peso, stile, interlinea, spaziatura tra le lettere ecc.) sia grazie alla possibilità di includere i caratteri all interno del codice. Con la è possibile, infatti, caricare all interno delle pagine web font non standard salvate all interno della directory del sito web o di una libreria online; consentendo la visualizzazione del sito in modo corretto su tutti i dispositivi e su tutti i browser, indipendentemente dal fatto che il carattere sia installato sul computer dell utente. Una delle librerie online gratuite più diffusa è Google Web Font. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 14

15 @FONT-FACE La deve essere richiamata all interno di un foglio css indicando il nome del carattere e l indirizzo della sorgente del file del carattere tipografico scelto. È importante che siano formati compatibili per il web ed è possibile richiamare diversi formati di font per una maggiore compatibilità cross-browser. Per { font-family: font_name ; src: url( font/font_name.ttf ) format( truetype ); { font-family: MyWebFont ; src: url( font/myfont.woff2 ) format( woff2 ), url( font/myfont.woff ) format( woff ), url( font/myfont.ttf ) format( truetype ); } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 15

16 @FONT-FACE...TENDENZIALMENTE NON USATELA! La ha permesso di dotare siti web di un ampia varietà di font, tuttavia viene da sè che se sul device utente il font specifico scelto non è presente, il browser, oltre alle pagine html e css, deve scaricare i file necessari per visualizzare i font, comportando un notevole sovraccarico in termini di peso. Per questo motivo è meglio demandare a librerie esterne il caricamento dei font necessari. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 16

17 GOOGLE FONTS Per utilizzare le font di Google Fonts sul proprio sito basta andare sul sito fonts.google.com LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 17

18 GOOGLE FONTS Sfogliare la libreria e eventualmente modificare le caratteristiche e il peso della font nella visualizzazione. Individuare il carattere (nel riquadro Roboto) e il peso desiderato (Light 300, Regular 400, Regular 400 italic ecc.) Cliccare sul pulsante LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 18

19 GOOGLE FONTS In basso a destra comparirà la scheda della famiglia di caratteri selezionata con il codice da inserire nel sito per utilizzarla. Eventualmente è possibile selezionare la scheda CUSTOMIZE per personalizzare ulteriormente la scelta effettuata. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 19

20 GOOGLE FONTS È possibile infatti aggiungere altri pesi della font desiderata per una sua visualizzazione corretta sui vari dispositivi. Si consiglia di selezionare i pesi effettivamente utilizzati per non appesantire troppo il loading del sito. LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 20

21 DEFINIZIONI CSS EREDITATE DA GOOGLE FONTS CSS DEFINIZIONI CSS SPECIFICHE PER IL NOSTRO SITO LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 21

22 GOOGLE FONTS Una volta selezionati tutti i pesi basterà utilizzare uno dei due metodi suggeriti da google. A) Richiamare il carattere nell header del sito <link href= https: /fonts.googleapis.com/css?family=roboto:300,300i,700 rel= stylesheet > B) Importare il file come una regola css nell header del sito url( https: /fonts.googleapis.com/css?family=roboto:300,300i,700 ); </style> Per utilizzarlo bisognerà assegnarlo normalmente a una regola css p { font-family: Roboto, sans-serif; font-weight: 300; font-style: italic; } LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 22

23 DOMANDE? LABORATORIO DI COMUNICAZIONE VISIVA HTML+CSS docente: Diana Quarti 23

Progettazione di siti web a.a. 2015/16

Progettazione di siti web a.a. 2015/16 CSS per la tipografia web Progettazione di siti web a.a. 2015/16 Fogli di stile: tipografia web Maria Simi Marzo, 2016 [Manuale di riferimento del W3C] Gli stili per i caratteri Gli stili per il testo

Dettagli

Fogli di stile a cascata (CSS)

Fogli di stile a cascata (CSS) Fogli di stile a cascata (CSS) November 25, 2010 1 Definizione I fogli di stile a cascata (Cascading Style Sheets, CSS) sono una delle tecnologie introdotte dal W3C per la formattazione dei documenti HTML,

Dettagli

Contenuto vs Stile: un esempio

Contenuto vs Stile: un esempio I limiti dell HTML Il principale problema di HTML è la mancanza di separazione tra contenuto e stile all interno delle pagine. Molto spesso, invece degli appositi tag, si utilizzano le tabelle per posizionare

Dettagli

Guida ai CSS. Introduzione

Guida ai CSS. Introduzione Guida ai CSS Introduzione... 1 Sintassi... 1 Stile in linea... 1 Stile incorporato... 2 Stile esterno... 2 Classi... 3 Selettori ID... 4 Grafica... 4 Link... 5 Attributi testo... 6 Attributi carattere...

Dettagli

Valori e unità di misura (1)

Valori e unità di misura (1) Valori e unità di misura (1) I valori di una proprietà non vanno mai messi tra virgolette. Uniche eccezioni i valori espressi da stringhe di testo e i nomi dei font formati da più di una parola (esempio:

Dettagli

Come inserire un foglio di s=le

Come inserire un foglio di s=le Cascading Style Sheet CASCADING STYLE SHEET I fogli di s=le a cascata (de? anche semplicemente fogli di s=le) vengono usa= per definire la rappresentazione di documen= HTML, XHTML e XML. L'introduzione

Dettagli

Riassunto CSS Tutorial Colori e sfondi

Riassunto CSS Tutorial Colori e sfondi Proprietà Esempio Descrizione color background-color background-image background-repeat background-attachment background-position h1 { color: #ff0000; body { background-color: #FFCC66; body { background-image:

Dettagli

Sistemi Di Elaborazione Dell informazione

Sistemi Di Elaborazione Dell informazione Sistemi Di Elaborazione Dell informazione Dott. Antonio Calanducci Lezione XV: Cenni su CSS Corso di Laurea in Scienze della Comunicazione Anno accademico 2009/2010 Fogli di stile (CSS) Cascade Style Sheets

Dettagli

WEB I FOGLI DI STILE. Gabriele Murara

WEB I FOGLI DI STILE. Gabriele Murara WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento

Dettagli

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07

I CSS o Fogli di stile. Telematica per le arti e lo spettacolo a.a. 2006/07 I CSS o Fogli di stile Telematica per le arti e lo spettacolo a.a. 2006/07 Quando è nato il web il problema principale era semplicemente quello della gestione dei contenuti, dato anche il basso numero

Dettagli

Tecnologie di Sviluppo per il Web

Tecnologie di Sviluppo per il Web Tecnologie di Sviluppo per il Web Cascading Style Sheets (CSS): Dettagli e Approfondimenti versione 1.2 G. Mecca mecca@unibas.it Università della Basilicata CSS >> Sommario Dettagli e Approfondimenti Sintassi

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

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 6 Introduzione agli Style Sheets 6.1 Cosa sono gli Style

Dettagli

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine

Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare

Dettagli

Creare un portale personalizzato

Creare un portale personalizzato 1 Creare un portale personalizzato Passi da seguire 1) Aprire la pagina: http://www.term-minator.it/modello.html 2) Scaricare modello : 2) Aprire il file modello con blocco note : 1 2 3) Modificare il

Dettagli

CSS esterni e interni

CSS esterni e interni Introduziione aii CSS I Cascade Style Sheets (CSS), noti in Italia come "Fogli di stile a cascata", sono lo strumento definito dal W3C per definire l'aspetto delle pagine web. Prima dell'introduzione dei

Dettagli

CSS 4. Tipi di dati, lunghezze ed unità di misura

CSS 4. Tipi di dati, lunghezze ed unità di misura CSS 4 Tipi di dati, lunghezze ed unità di misura Tipi di dati in CSS Esistono i seguenti tipi di dati Tecnologie di Sviluppo per il WEB 2 Numeri

Dettagli

Introduzione dei fogli di stile

Introduzione dei fogli di stile Corso di Laurea in Scienze della Formazione Continua e Tecnologie dell Istruzione Parte V Fogli di stile - Css Corso: Computer Graphics Docente: Ing. Ivan Bruno E-mail: ivanb@dsi.unifi.it Introduzione

Dettagli

CASCADING STYLE SHEETS. Prof. Rocco Ciurleo - ITIS "M. M. Milano" Polistena

CASCADING STYLE SHEETS. Prof. Rocco Ciurleo - ITIS M. M. Milano Polistena CASCADING STYLE SHEETS I fogli di stile o CSS (acronimo di Cascading Style Sheets) sono uno strumento di formattazione delle pagine web che consente di personalizzare l'aspetto della pagina senza agire

Dettagli

HTML. Hyper Text Markup Language

HTML. Hyper Text Markup Language HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento

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

LEZIONE 04. Riepilogo CSS

LEZIONE 04. Riepilogo CSS LEZIONE 04 Riepilogo CSS SELETTORI SELETTORI I selettori sono pattern (criteri di selezione) usati per individuare l'elemento (o gli elementi) a cui si desidera attribuire lo stile. Prova il codice ELEMENTO

Dettagli

Approfondimento: CSS - Gestione del Testo I (1/16)

Approfondimento: CSS - Gestione del Testo I (1/16) Approfondimento: CSS - Gestione del Testo I (1/16) Vediamo prima le proprietà di base che sono anche le più comunemente utilizzate nella manipolazione di testi: font-family* Font da usare font-size La

Dettagli

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW 1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML

Dettagli

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS)

I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) I FOGLI DI STILE CSS (CASCADING STYLE SHEETS) Gli stili rappresentano un metodo per definire come il browser debba visualizzare i tag HTML. Il loro vantaggio è che possono essere utilizzati a differenti

Dettagli

Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4

Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4 Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi

Dettagli

Informatica d ufficio

Informatica d ufficio Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose

Dettagli

Video Scrittura (MS Word) Lezione 3 Formattazione e Stampa documenti

Video Scrittura (MS Word) Lezione 3 Formattazione e Stampa documenti Video Scrittura (MS Word) Lezione 3 Formattazione e Stampa documenti Formattazione di un documento La formattazione di un documento consente di migliorare l impaginazione del testo e di dare al al documento

Dettagli

Linguaggi per il Web Linguaggi di markup: CSS

Linguaggi per il Web Linguaggi di markup: CSS Linguaggi per il Web Linguaggi di markup: CSS Fogli di stile (CSS) Cascading Style Sheets (CSS) servono per facilitare la creazione di pagine HTML con un aspetto uniforme permettono di separare il contenuto

Dettagli

CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS

CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS CASCADING STYLE SHEET Elementi base di CSS e i Frames CSS CASCADING STYLE SHEET I fogli di stile a cascata (detti anche semplicemente fogli di stile) vengono usati per definire la rappresentazione di documenti

Dettagli

Idoneità informatica. Laboratorio 1 Ms Word

Idoneità informatica. Laboratorio 1 Ms Word Idoneità informatica A.A. 2008/9 Laboratorio 1 Ms Word Prof.ssa Raffaella Folgieri folgieri@mtcube.com Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi

Dettagli

Idoneità informatica. Ms Word

Idoneità informatica. Ms Word Idoneità informatica A.A. 2009/10 Ms Word Prof. Iannizzi iannizzi@dsi.unimi.it Cos è un word processor èun programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire

Dettagli

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere inserito CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style

Dettagli

Progettazione multimediale

Progettazione multimediale Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo

Dettagli

Appunti sui fogli di stile

Appunti sui fogli di stile Appunti sui fogli di stile CSS ( Cascading Style Sheets): Linguaggi di formattazione stilistica e strutturale di un documento HTML o di una serie di documenti in cascata. Può aggiornare lo stile di un

Dettagli

Informatica (Sistemi di elaborazione delle informazioni)

Informatica (Sistemi di elaborazione delle informazioni) Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 2 Elaborazione di testi (parte 1) Mario Alviano Sommario Formattazione di Caratteri Paragrafi

Dettagli

Guida all uso della piattorma elearning QUICKPLACE

Guida all uso della piattorma elearning QUICKPLACE Guida all uso della piattorma elearning QUICKPLACE La piattaforma elearning QuickPlace permette la creazione di corsi on-line altamente personalizzabili sia nella struttura che nella grafica. Creare un

Dettagli

Applicazione Ipermediali 2007/2008

Applicazione Ipermediali 2007/2008 Applicazione Ipermediali 2007/2008 CSS: esempi pratici Politecnico di Milano Obiettivi Aumentare la confidenza con le regole CSS Dimostrare alcune problematiche relative alla compatibilità tra browser

Dettagli

JavaScript 5. CSS e JavaScript

JavaScript 5. CSS e JavaScript JavaScript 5 CSS e JavaScript CSS e JavaScript Attraverso JavaScript è possibile controllare proprietà CSS Possiamo controllare lo stile di un singolo elemento HTML o di un tag in generale Possiamo aggiungere

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

Visualizzare o modificare il codice sorgente del documento (per utenti avanzati,linguaggio HTML).

Visualizzare o modificare il codice sorgente del documento (per utenti avanzati,linguaggio HTML). Manuale FckEditor In questa sezione è possibile avere una rapida panoramica su tutte le funzioni disponibili nella barra degli strumenti predefinita FCKeditor. Tale componente lo ritroverete in gestione

Dettagli

Scelta del Browser. Accesso Area Redazione

Scelta del Browser. Accesso Area Redazione Scelta del Browser Si consiglia l utilizzo dei più comuni browser: Internet Explorer Safari Opera Mozilla Firefox Google Chrome Accesso Area Redazione Per poter accedere all area redazione bisogna: 1.

Dettagli

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato

INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style

Dettagli

si.shimano.com Manuale d'uso

si.shimano.com Manuale d'uso (Italian) si.shimano.com Manuale d'uso versione 1.4.1 INDICE Modalità di utilizzo... 3 Informazioni sul sito... 3 Funzionamento di ciascuna schermata... 4 Parte superiore della schermata... 4 Spostamento...

Dettagli

150 Anniversario del Sistema Camerale. Manuale d identità visiva Logo Impresa Storica d Italia 1. Elementi base

150 Anniversario del Sistema Camerale. Manuale d identità visiva Logo Impresa Storica d Italia 1. Elementi base 150 Anniversario del Sistema Camerale Manuale d identità visiva Logo Impresa Storica d Italia 1. Elementi base Bozza 1 - febbraio 2012 A. Elementi Base Glossario Allineamento Disposizione degli elementi

Dettagli

MS Office Powerpoint La formattazione

MS Office Powerpoint La formattazione MS Office Powerpoint 2007 - La formattazione La formattazione è la parte più importante del lavoro in Powerpoint, in quanto l essenziale per l aspetto finale che assumerà il nostro lavoro. Questo è un

Dettagli

Elaborazione Testi (Word) G. Toraldo, F. Giannino, V. Monetti

Elaborazione Testi (Word) G. Toraldo, F. Giannino, V. Monetti Elaborazione Testi (Word) G. Toraldo, F. Giannino, V. Monetti Aprire un programma di elaborazione testi Come si presenta la finestra di Word Barra del titolo Barra dei menu Chiudere Barre degli strumenti

Dettagli

Sommario. Nozioni di base su HTML

Sommario. Nozioni di base su HTML Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................

Dettagli

INTRODUZIONE A WORD CHE COS E WORD AVVIARE E CHIUDERE WORD INTERFACCIA UTENTE DI WORD

INTRODUZIONE A WORD CHE COS E WORD AVVIARE E CHIUDERE WORD INTERFACCIA UTENTE DI WORD INTRODUZIONE A WORD CHE COS E WORD Word è il software che consente di creare documenti testuali utilizzando un computer. Consente anche di inserire nel documento oggetti come: Fotografie Immagini Disegni

Dettagli

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole

Fogli di stile CSS. Fogli di stile (2) Fogli di stile (3) Introduzione ai CSS. Regole Fogli di stile CSS I fogli di stile permettono la separazione della forma dal contenuto. Il concetto di foglio di stile è quello di creare un documento separato che contenga tutte le informazioni necessarie

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

Responsive Web Design

Responsive Web Design Responsive Web Design Università di Pisa pievatolo@dsp.unipi.it 26 aprile 2015 Sommario Griglie fluide, immagini flessibili, e oltre 1 Griglie fluide, immagini flessibili, e oltre Che cosa significa responsive?

Dettagli

Copiare le caratteristiche di formattazione da un testo ad un altro.

Copiare le caratteristiche di formattazione da un testo ad un altro. 112 ECDL Guida facile 3.3.1.6 Copiare le caratteristiche di formattazione da un testo ad un altro. Fra le possibilità offerte da questo programma, esiste anche quella di copiare solo il formato (colore

Dettagli

Linee guida per la comunicazione del piano. Elementi base dell identità visiva

Linee guida per la comunicazione del piano. Elementi base dell identità visiva Linee guida per la comunicazione del piano Elementi base dell identità visiva 2 Associazione Gruppo di Azione Costiera Nord Sardegna Elementi base dell identità visiva - Versione 1.01-31/07/2014 Realizzato

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

Introduzione ai CSS. CSS esterni e interni. Proprietà di base. selettore { proprietà: valore } selettore { proprietà1: valore1; proprietà2: valore2 }

Introduzione ai CSS. CSS esterni e interni. Proprietà di base. selettore { proprietà: valore } selettore { proprietà1: valore1; proprietà2: valore2 } Introduzione ai CSS I Cascade Style Sheets (CSS), noti in Italia come "Fogli di stile a cascata", sono lo strumento definito dal W3C per definire l'aspetto delle pagine web. Prima dell'introduzione dei

Dettagli

Versione 3.0. a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna

Versione 3.0. a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna Versione 3.0 a cura di Claudia Cavicchi Biblioteca Clinica F.Bianchi Università di Bologna claudia.cavicchi@unibo.it 1 Cos è? E un software gratuito, sviluppato dal Center for History and New Media della

Dettagli

Word 2003 Formattare il testo

Word 2003 Formattare il testo Word 2003 Formattare il testo Cambiare l aspetto grafico del testo 1 Cosa vuol dire Formattare il testo significa personalizzarlo, renderlo più piacevole da vedere e comodo da leggere. 2 Con i comandi

Dettagli

Aspetto. Lauri Watts Traduzione italiana: Pino Toscano

Aspetto. Lauri Watts Traduzione italiana: Pino Toscano Lauri Watts Traduzione italiana: Pino Toscano 2 Indice 1 Aspetto 4 1.1 Generale........................................... 4 1.2 Carattere........................................... 4 1.3 Fogli di stile.........................................

Dettagli

ARCADIA TECNOLOGIE S.R.L.

ARCADIA TECNOLOGIE S.R.L. Il corso Base comprende : 1) CONCETTI DI BASE Concetti generali Comprendere i termini: Hardware, Software, Tecnologia dell Informazione Tipi di computer: Comprendere e distinguere tra varie classi di computer

Dettagli

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014 Corso di CSS Modulo L2 1-Background e font 1 Prerequisiti Conoscenza di base linguaggio HTML 2 1 Introduzione In questa Unità descriviamo l utilità dei CSS applicati ai vari elementi di una pagina web.

Dettagli

Calcolare con il computer: Excel. Saro Alioto 1

Calcolare con il computer: Excel. Saro Alioto 1 Calcolare con il computer: Excel Saro Alioto 1 Excel è un programma che trasforma il vostro computer in un foglio a quadretti. In altri termini con Excel potrete fare calcoli, tabelle, grafici, ecc...

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 4 Foglio elettronico Il seguente Syllabus è relativo al Modulo 4, Foglio elettronico, e fornisce i fondamenti per il test di tipo

Dettagli

MICROSOFT OFFICE - WORD Programma di videoscrittura. CORSO DI INFORMATICA LIVELLO 1 - Lezione 4-5. Docente Marsili M.

MICROSOFT OFFICE - WORD Programma di videoscrittura. CORSO DI INFORMATICA LIVELLO 1 - Lezione 4-5. Docente Marsili M. MICROSOFT OFFICE - WORD Programma di videoscrittura Il pacchetto MICROSOFT OFFICE contiene diversi software: Word Excel Power Point Access Publisher Outlook (dalla versione 2010) One Note (dalla versione

Dettagli

Manuale Stampe Registro elettronico SOGI

Manuale Stampe Registro elettronico SOGI Manuale Stampe Registro elettronico SOGI Visualizza stampa In questa sezione del registro è possibile visualizzare in formato per la stampa tutte le informazioni che contiene il registro elettronico suddivise

Dettagli

Corso di Web Programming

Corso di Web Programming Corso di Web Programming 5. Cascading Style Sheets (CSS) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica

Dettagli

Patente Europea del Computer ECDL - MODULO 3

Patente Europea del Computer ECDL - MODULO 3 Patente Europea del Computer ECDL - MODULO 3 Lezione 2 di 3 Carattere e Formato Paragrafo Tabulazioni Tabelle Oggetti Grafici Carattere Dimensione Stile Grassetto (CTRL + G) Corsivo (CTRL +I) Sottolineato

Dettagli

Codifica informazione testuale

Codifica informazione testuale Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare

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 7 Utilizzo avanzato di Style Sheets 7.1 Applicare stili

Dettagli

U.T.E Università della Terza Età

U.T.E Università della Terza Età U.T.E Università della Terza Età Sede di Novate Milanese Corso Informatica Approfondimento FOGLIO ELETTRONICO Docente: Giovanni Pozzi FOGLIO ELETTRONICO MS-Excel E un programma che permette di effettuare:

Dettagli

Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.

Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi. HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare

Dettagli

Excel. Il foglio di lavoro. Il foglio di lavoro Questa viene univocamente individuata dalle sue coordinate Es. F9

Excel. Il foglio di lavoro. Il foglio di lavoro Questa viene univocamente individuata dalle sue coordinate Es. F9 Excel Un foglio di calcolo o foglio elettronico è un programma formato da: un insieme di righe e di colonne visualizzate sullo schermo in una finestra scorrevole in cui è possibile disporre testi, valori,

Dettagli

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 Unità didattica 1 - Architettura di pagina statica HTML Dimostrazione 1-1: Visualizzazione del sito Unità didattica 2 - Prime operazioni Introduzione a Dreamweaver

Dettagli

Guida pratica per la creazione di un documento Word accessibile Sommario

Guida pratica per la creazione di un documento Word accessibile Sommario Guida pratica per la creazione di un documento Word accessibile Sommario Introduzione... 2 Proprietà... 2 Stili e formattazione... 2 Creazione di un sommario... 3 Collegamenti ipertestuali... 3 Colori...

Dettagli

Google Drive per lavoro condiviso Manuale d uso

Google Drive per lavoro condiviso Manuale d uso Google Drive per lavoro condiviso Manuale d uso 1. Attivazione dell area Condivisa del gruppo L abilitazione per l utilizzo dell area comune del vostro gruppo vi arriverà attraverso una mail alla vostra

Dettagli

Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori

Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Per impostazione predefinita, i risultati dei moduli vengono salvati

Dettagli

Manuale per l utilizzo del backend FIDAL.IT. Versione 1.0

Manuale per l utilizzo del backend FIDAL.IT. Versione 1.0 Manuale per l utilizzo del backend FIDAL.IT Versione 1.0 20 Gennaio 2015 Sommario Introduzione... 2 Accesso alla piattaforma... 2 Inserimento contenuti... 3 Chiusura sessione di lavoro... 8 Introduzione

Dettagli

La piattaforma di formazione a distanza della Scuola del Sociale --- Guida per gli studenti 02 Uso della bacheca e modifica del profilo

La piattaforma di formazione a distanza della Scuola del Sociale --- Guida per gli studenti 02 Uso della bacheca e modifica del profilo + La piattaforma di formazione a distanza della Scuola del Sociale --- Guida per gli studenti 02 Uso della bacheca e modifica del profilo 3) Come utilizzare la bacheca e cambiare i dati del profilo utente

Dettagli

Guida all uso del logo MANDARINA DUCK

Guida all uso del logo MANDARINA DUCK Guida all uso del logo MANDARINA DUCK Fabrizio Schiavi Design per Sartoria Comunicazione www.fsd.it 29-03-00 Il logo Il logo su fondo positivo e negativo Pantone 109 Pantone 404 Pantone 109 Pantone 404

Dettagli

09/12/2012 LABORATORIO DI INFORMATICA. APPLICAZIONE PRATICA: Formattazione di un documento in MS Word Creazione di un sommario automatico

09/12/2012 LABORATORIO DI INFORMATICA. APPLICAZIONE PRATICA: Formattazione di un documento in MS Word Creazione di un sommario automatico LABORATORIO DI INFORMATICA APPLICAZIONE PRATICA: Formattazione di un documento in MS Word Creazione di un sommario automatico Corso di Laurea Magistrale in finanza delle aziende e dei mercati Facoltà di

Dettagli

A. Elementi base Versione 1.6 - Giugno 2006

A. Elementi base Versione 1.6 - Giugno 2006 A. Elementi base Versione 1.6 - Giugno 2006 A. Elementi base Indice Premessa Glossario Marchio/Logo 01 Versione positiva Camere di Commercio 02 Versione positiva Unioni Regionali 03 Versione positiva Aziende

Dettagli

Video Scrittura (MS Word) Lezione 2 Tabelle e Immagini

Video Scrittura (MS Word) Lezione 2 Tabelle e Immagini Video Scrittura (MS Word) Lezione 2 Tabelle e Immagini Word consente di inserire nello stesso documento, oltre al testo, molte altri generi di informazioni: - Tabelle - Immagini - Disegni, forme particolari

Dettagli

Word 2003 Elementi Grafici

Word 2003 Elementi Grafici Word 2003 Elementi Grafici Aggiungere contenuti grafici al documento 1 Elementi grafici Word 2003 offre molti strumenti per trasformare un semplice documento testuale in una composizione visiva ricca di

Dettagli

APPUNTI DI INFORMATICA IL LINGUAGGIO HTML

APPUNTI DI INFORMATICA IL LINGUAGGIO HTML APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato

Dettagli

PROCEDURA ONLINE PER LA SOMMINISTRAZIONE AGLI STUDENTI DEL QUESTIONARIO A RISPOSTE APERTE TRAMITE GOOGLE DRIVE*

PROCEDURA ONLINE PER LA SOMMINISTRAZIONE AGLI STUDENTI DEL QUESTIONARIO A RISPOSTE APERTE TRAMITE GOOGLE DRIVE* PROCEDURA ONLINE PER LA SOMMINISTRAZIONE AGLI STUDENTI DEL QUESTIONARIO A RISPOSTE APERTE TRAMITE GOOGLE DRIVE* 1. CLONARE IL MODULO CONDIVISO NEL PROPRIO GOOGLE DRIVE... 2 2. INVIARE AGLI STUDENTI IL

Dettagli

Frames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice

Frames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare

Dettagli

Modulo 3 - Elaborazione Testi 3.3 Formattazione

Modulo 3 - Elaborazione Testi 3.3 Formattazione Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.3 Formattazione Maria Maddalena Fornari Formattazione L operazione di formattazione di un testo permette di

Dettagli

Grafici e Pagina web

Grafici e Pagina web Grafici e Pagina web Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro. Quando si crea un grafico ogni riga

Dettagli

Un documento ben formato

Un documento ben formato Un documento ben formato Sommario PREMESSA... 1 PASSO 1. OPERAZIONI PRELIMINARI... 1 PASSO 2.VIA FORMATTAZIONE E PARAGRAFI VUOTI...2 CANCELLAZIONE FORMATTAZIONE...... 2 ELIMINO I PARAGRAFI VUOTI... 2 PASSO

Dettagli

Video Scrittura (MS Word)

Video Scrittura (MS Word) Video Scrittura (MS Word) Ripasso/approfondimento: Il Menù Home di Word Rivediamo i principali comandi presenti nel Menu Home di Word A sinistra troviamo le icone dei comandi di: Taglia, Copia e Incolla.

Dettagli

HTML. Hyper Text Mark-Up Language

HTML. Hyper Text Mark-Up Language HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato

Dettagli

Linguaggi di programmazione PC server-client CSS

Linguaggi di programmazione PC server-client CSS Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language

Dettagli

NORME REDAZIONALI. - utilizzare WORD e non altri programmi

NORME REDAZIONALI. - utilizzare WORD e non altri programmi NORME REDAZIONALI - utilizzare WORD e non altri programmi - per l indice ad inizio libro in esso si possono scrivere o soltanto i titoli dei capitoli o eventualmente anche i titoli dei paragrafi - utilizzare

Dettagli

Word 2007 - Esercizio 2 - Parigi 1. Aprire il programma di elaborazione testi.

Word 2007 - Esercizio 2 - Parigi 1. Aprire il programma di elaborazione testi. Word 2007 - Esercizio 2 - Parigi 1. Aprire il programma di elaborazione testi. 1. Avviare il PC( se leggi questo file è già avviato ) 2. Dal Desktop di Windows cliccare con il pulsante sinistro del mouse

Dettagli

Neosidea Group C.so Re Umberto Torino (TO) Tel Mail. MANUALE D USO. piattaforma CMS ver 2.1

Neosidea Group C.so Re Umberto Torino (TO) Tel Mail. MANUALE D USO. piattaforma CMS ver 2.1 MANUALE D USO piattaforma CMS ver 2.1 1 Sommario Introduzione... 3 Login... 4 Modifiche alle aree del CMS... 5 Titolo... 6 Sottotitolo... 6 Testo... 7 Editor Wysiwyg... 8 Immagine... 9 Link su immagine...

Dettagli

Introduzione ai fogli di stile CSS

Introduzione ai fogli di stile CSS CdL in Ingegneria Elettronica e Informatica Modulo di Fondamenti di Informatica D Introduzione ai fogli di stile CSS Ing. Maurizio Vincini a.a. 2000/2001 Programmazione CGI - 1 Fogli di stile CSS Il Web

Dettagli

FORMATTAZIONE DEL DOCUMENTO - WORD 2007

FORMATTAZIONE DEL DOCUMENTO - WORD 2007 FORMATTAZIONE DEL DOCUMENTO - WORD 2007 Cosa si intende con il termine FORMATTARE: significa cambiare la forma, personalizzare il contenuto, come ad esempio centrare il testo, ingrandirlo, metterlo in

Dettagli

Tecniche di buona progettazione di pagine web

Tecniche di buona progettazione di pagine web Tecniche di buona progettazione di pagine web Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica Quali font scegliere? non usare mai più di 3 o 4 font diversi per pagina

Dettagli

6. Editor Divi. Il layout. Guida Sintetica Wordpress //

6. Editor Divi. Il layout. Guida Sintetica Wordpress // 6. Editor Divi Divi è un editor visuale che utilizza il sistema drag and drop per creare layout di pagina con facilità. Nella fase di creazione di una nuova pagina o un nuovo articolo, si avrà la possibilità

Dettagli

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura

Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi

Dettagli