Della serie Les tutoriels libres presentati dal sito FRAMASOFT Framasoft « Partire da Windows per scoprire il software libero... » http://www.framasoft.net Tutorial Framasoft N|VUN|VU Ze|N tutorial Programma: Nvu Autore(i): Lindows Inc. Piattaforma(e): Linux, Windows, Mac Versione: 0.41 it Licenza: mpl/gpl/lgpl Sito italiano: http://www.sanavia.it/nvuitalia Sito inglese: http://nvu.com di Fun Sun (jean-marc juin1) 14/05/04 (prima versione) 24/06/04 (correzioni + aggiornamento 0.3) 25/08/04-->19/10/04 (miglioramenti generali ) Correttori Christian (Choul) Goofy Versione francese 0.41 27.10.04 Traduzione italiana 0.3 di: Giulio Bellezza ([email protected]) 15.11.04 Traduzione, revisione e aggiornamento 0.41 Andrea Sanavia 15.11.04 Correzione e verifica: Riccardo Fusaroli Versione italiana 0.41 beta 1 Pubblicato con licenza Creative Commons By-NonCommercial-ShareAlike http: //creativecommons.org/licenses/b y-nc-sa/1 .0/ Questo documento sarà visualizzato meglio con il carattere bitstream, prelevabile a questo indirizzo: http://ftp.gnome.org/pub/GNOME/sources/ttf-bitstream-vera/1.10/ 1) Patronimo fisico in omaggio a questo mondo rassegnato in ricerca di tempo e di leggi. Un giorno, forse, tu mi autorizzerai a chiudere il suono di queste parole in una chiesa affinché tu prenda coscienza dell'inesistenza dell'alfabeto... Http://www.framasoft.net 2/182 Tutorial Framasoft SOMMARIO Tabella degli argomenti A ) Introduzione ................................................................................................ 6 1) Creare pagine Web e siti completi .................................................................................................... 6 1. 1) L'orientamento scelto: conformità alle raccomandazioni di w3c .................................................................... 7 2) Conoscenze richieste ........................................................................................................................ 8 2. 1) Avete già delle conoscenze preliminari ? ...................................................................................................... 10 3) La doppia faccia de linguaggio WYSIWYG ....................................................................................... 10 3. 1) Piccola spiegazione ....................................................................................................................................... 10 3. 2) Saper fare la differenza ................................................................................................................................. 11 3. 3) Il formato testo grezzo ................................................................................................................................... 13 3. 4) Il linguaggio delle pagine Web ...................................................................................................................... 14 3. 5) Per approfondire la conoscenza del linguaggio HTML ................................................................................... 15 4) Le strutture di una pagina Web e di un sito .................................................................................... 16 4. 1) Rudimenti della struttura logica di una pagina Web ..................................................................................... 16 4. 2) Rudimenti della struttura logica di un sito Web ............................................................................................ 17 4. 3) Il disegno delle pagine Web: vedere o leggere? .......................................................................................... 17 4. 4) Strumenti d'aiuto supplementari per la creazione di pagine Web ................................................................ 18 4. 5) Come creare un sito Web? ............................................................................................................................ 19 B) Installazione e configurazione ................................................................... 20 1) Installazione .................................................................................................................................. 20 1. 1) Sotto windows ................................................................................................................................................ 20 1. 2) Sotto Linux ..................................................................................................................................................... 21 2) Configurazione .............................................................................................................................. 23 2. 1) Con Modifica/Preferenze... ............................................................................................................................. 23 2. 2) Con Impostazioni Pubblicazione... ................................................................................................................. 25 C) Utilizzazione ............................................................................................. 26 1) Esempio di testo da riprodurre tale quale (a mano) ........................................................................ 27 1. 1) Inizio del primo esercizio ............................................................................................................................... 27 2) Edizione di una pagina Web .......................................................................................................... 30 2. 1) Prima tappa : parametri generali di una pagina HTML ................................................................................. 30 2. 2) Piccoli assistenti utili all'elaborazione di una pagina .................................................................................... 32 2. 3) Seconda tappa: ritrascrizione del testo ......................................................................................................... 35 2.3.2.1) Edizione dei collegamenti esterni...................................................................................................37 2.3.2.2) Editare collegamenti interni in un documento...............................................................................39 2.3.2.3) Edizione degli elenchi ...................................................................................................................42 2. 4) Ricapitolazione: struttura di una pagina HTML ............................................................................................. 48 2. 5) Esempio di codice HTML ................................................................................................................................ 52 2. 6) Fine del primo esercizio ................................................................................................................................. 53 Http://www.framasoft.net 3/182 Tutorial Framasoft D ) Formattazione di una pagina HTML ........................................................... 54 1) Le differenti formattazioni con Nvu ................................................................................................. 54 1. 1) Inizio del secondo esercizio ........................................................................................................................... 54 1. 2) Formattazione con i fogli di stile ................................................................................................................... 55 2) 1° modo: formattazione integrata al codice HTML .......................................................................... 55 2. 1) La barra Formato (alt + v + w + f) ................................................................................................................ 56 2. 2) Il menù Formato (alt + r) ............................................................................................................................... 61 2. 3) Ricapitolazione: formattazione integrata nell'HTML ...................................................................................... 62 2. 4) Esempio di codice HTML per una formattazione integrata .......................................................................... 64 2. 5) La fine del secondo esercizio ......................................................................................................................... 66 3) 2° modo: utilizzo degli stili interni .................................................................................................. 67 3. 1) Inizio del terzo esercizio ................................................................................................................................ 67 3. 2) Scoperta dell'editor CSS Cascades ................................................................................................................ 69 3. 3) Creazione di un foglio di stile interno ............................................................................................................ 72 3. 4) Un po' di pratica! ........................................................................................................................................... 90 3.4.2.1) Trasformare rapidamente un collegamento in pulsante ...............................................................92 3.4.2.2) Formattazione dei calchi................................................................................................................94 3.4.2.3) Modificazione dei parametri di un calco con l'editor CSS..............................................................96 3.4.2.4) Modifiche