KompoZer è
un programma che serve a creare siti web, fa parte della
tipologia "what you see is what you get" (quello che vedi è
quello che ottieni), cioè permette di lavorare anche senza
conoscere il codice HTML. In origine, la fondazione Mozilla
creò un programma di nome Composer, esso fu sviluppato da un gruppo di
programmatori che lo chiamarono NVU; nel 2005 il progetto è passato di
mano ed il nome del programma è diventato KompoZer. Esso è scaricabile gratis dal sito http://kompozer.net/.
La prima volta che si apre il programma dopo l'installazione, bisogna
installare il plugin della lingua italiana, scaricabile dallo stesso
sito: cliccare su File-Open file, agganciare il file xpi della lingua,
cliccare su "Install now" e riavviare il programma.
Inoltre, vengono
visualizzati dei consigli, togliere la spunta da "Mostra suggerimenti
all'avvio" e chiudere la finestra; chiudere anche la sezione "Gestione
siti" a sinistra.
MENU COMANDI
1)-FILE
a)-Nuovo,
in alternativa CTRL+N, serve ad aprire un nuovo foglio per creare una
pagina web; cliccandoci sopra, esce la finestra denominata "Creazione
nuovo documento o modello" e, nel radiobutton "Che tipo di file vuoi
creare?", se si spunta:
-"Un documento vuoto", si crea un foglio
vuoto su cui cominciare da zero. Se si spunta "Crea un documento
XHTML", si abilita KompoZer a creare documenti con un linguaggio HTML
più evoluto (niente spunta).
-"Un nuovo documento basato su
un modello", il foglio che si va a creare conterrà già
dei tag preconfezionati, tratti da un file modello, a cui si potranno
apportare delle modifiche.
-"Un modello vuoto", si crea un file che fungerà da modello.
La tendina "Apri in" serve a decidere se aprire un nuovo foglio di lavoro in una nuova pagina o in una nuova scheda.
Quando
si apre un nuovo foglio di lavoro prendendo un file come modello,
è possibile andare a modificare ogni parte della pagina in
diversi modi, la stessa cosa vale ovviamente quando si crea una pagina
da zero. In basso a sinistra ci sono 4 linguette:
-Normale: in cui
si vede la pagina come se fosse un foglio di Writer. Se in essa si fa
doppio click su un qualsiasi oggetto, esce la finestra delle
proprietà ad esso relativo, che permette di fare delle modifiche
in quel punto.
-Tag HTML: cliccandoci sopra, vengono evidenziati
in giallo tutti i tag usati. Facendo doppio click su ognuno di quei
tag, si può modificare la relativa parte di pagina.
-Sorgente: in cui si vede il codice HTML e lo si può compilare a mano, come nel Blocco Note.
-Anteprima:
cliccandoci sopra, si visualizza la pagina nel browser con tutti i suoi
elementi, modificabili a mano come se si operasse in Writer.
b)-Apri file, in alternativa CTRL+O: serve ad aprire un file HTML, o un file txt.
c)-Apri
indirizzo web, in alternativa CTRL+SHIFT+L: serve ad aprire all'interno
di KompoZer una specifica pagina web scrivendo il link completo di http://;
ovviamente bisogna essere connessi a internet, in tal modo si potrebbe
creare una pagina web prendendo spunto o addirittura copiando la
struttura di una pagina già esistente.
d)-Pagine recenti: visualizza le ultime pagine HTML aperte.
e)-Chiudi, in alternativa CTRL+W: serve a chiudere le pagine aperte all'interno del programma.
f)-Chiudi tutto: serve a chiudere tutte le pagine aperte all'interno del programma.
g)-Salva, in alternativa CTRL+S: serve a salvare la pagina su cui si sta lavorando.
h)-Salva con nome: serve a salvare la pagina aperta con un nome specifico in una determinata cartella.
i)-Salva e cambia codifica caratteri: serve a salvare la pagina aperta modificando il charset usato.
l)-Pubblica,
in alternativa CTRL+SHIFT+S: apre la finestra "Pubblicazione pagina",
grazie a cui si può usare KompoZer come FTP manager, cioè per
caricare le proprie pagine sul proprio sito web. Per adempiere a questa
funzione, è preferibile usare un programma specifico esterno
come i.Ftp: sconsigliato.
m)-Pubblica con nome: serve a compilare i dati del proprio account per utilizzare KompoZer come FTP manager.
n)-Torna
all'ultimo salvataggio: nel caso in cui si sia salvato il documento per
errore, serve ad annullare l'ultimo salvataggio.
o)-Ricarica immagine: serve ad aggiornare la visualizzazione delle immagini presenti nella pagina,
p)-Esporta come testo: serve ad esportare la pagina aperta in un file di testo.
q)-Anteprima
nel browser: serve a visualizzare la pagina aperta in KompoZer all'interno
del browser principale. La prima volta che si usa questa funzione KompoZer
chiede la conferma e, tramite la casella spuntabile "Ricorda la scelta
effettuata per tutti i link di questo tipo", si può evitare di
far ricomparire l'avviso: si spunta tale voce e si clicca su "Avvia
applicazione".
r)-Imposta pagina: apre l'omonima finestra "Imposta pagina".
Nella
linguetta "Formato e opzioni", si decide se impostare la pagina in
verticale o in orizzontale; per le consuetudini dettate dalla
Netiquette è sconsigliato scegliere l'orientamento orizzontale,
altrimenti apparirebbe una barra di scorrimento orizzontale
lunghissima. Se c'è la spunta su "Adatta alla larghezza del
foglio", la visualizzazione delle pagine aperte sarà decisa
autonomamente da KompoZer (ok spunta). Se si spunta "Stampa lo sfondo"
(immagini e colori), in caso di stampa verranno stampate anche le
sfumature di colori della pagina web (si decide al momento della
stampa).
Nella linguetta "Margini e intestazione/piè di
pagina", si stabiliscono i margini del contenuto della pagina dai bordi
del foglio, ed eventuali titolo e piè di pagina da lasciare
fissi in tutte le pagine che si costruiscono: sconsigliato.
s)-Stampa: serve a stampare.
t)-Esci, in alternativa CTRL+Q: chiude KompoZer.
2)-MODIFICA
a)-Annulla, alternativa CTRL+Z: serve ad annullare l'ultima operazione effettuata.
b)-Ripeti, alternativa CTRL+Y: serve ad annullare un erroneo annullamento.
c)-Taglia, alternativa CTRL+X: serve a tagliare la parte selezionata.
d)-Copia, alternativa CTRL+C: serve a copiare la parte selezionata.
e)-Incolla, alternativa CTRL+V: serve ad incollare ciò che è stato copiato o tagliato.
f)-Incolla senza formattazione: serve ad incollare quanto copiato o tagliato come testo semplice.
g)-Elimina, alternativa canc: serve a cancellare la parte selezionata.
h)-Seleziona tutto, alternativa CTRL+A: serve a selezionare l'intero contenuto della pagina.
i)-Trova e sostituisci, alternativa CTRL+F: serve a sostituire del testo con dell'altro testo.
l)-Trova
seguente, alternativa CTRL+G: serve nel caso in cui il termine cercato
sia presente più di una volta e si voglia trovare il seguente.
m)-Trova
precedente, alternativa CTRL+SHIFT+G: serve nel caso in cui il termine
cercato sia presente più di una volta e si voglia trovare il
precedente.
n)-Controllo ortografico, alternativa CTRL+K: apre
l'omonima finestra e serve ad eseguire il controllo ortografico del
testo nella pagina in cui ci si trova. Le funzioni sono identiche a
quelle di Writer.
o)-Scollega dal modello: serve a salvare il file aperto, se è stato creato usando un modello predefinito.
p)-Impostazioni
pubblicazione: apre l'omonima finestra, grazie a cui si creano gli
account per usare KompoZer come FTP manager, compilando i vari campi con i
dati del proprio account, come fatto anche con I.FTP.
3)-VISUALIZZA
a)-Mostra/Nascondi serve a visualizzare o nascondere:
-La "Barra principale, che è la prima barra delle icone (ok spunta).
-La "Barra formattazione 1", che è la seconda barra delle icone (ok spunta).
-La "Barra formattazione 2", che è la terza barra delle icone (ok spunta).
-La "Barra modalità composizione", che è la barra su cui vengono mostrate le 4 linguette in basso (niente spunta).
-La Barra di stato, che mostra la barra di stato in basso (niente spunta).
-Righelli, che sono misuratori di pixel in altezza e larghezza (niente spunta).
-Gestione
siti, alternativa F9, apre a sinistra un albero, utile nel caso in cui
i siti da gestire siano molti e complessi: sconsigliato.
b)-"Composizione
normale", "Tag HTML", "Sorgente", "Anteprima" costituiscono un
radiobutton ed equivalgono alle 4 linguette in basso.
c)-Outline blocchi, se si spunta, separa con dei rettangolini ogni parte della pagina (la spunta è a piacere).
d)-Dimensione testo: serve ad ingrandire o rimpicciolire la visualizzazione.
e)-Codifica caratteri: imposta il charset, quello ideale per visualizzare i caratteri della pagina: non toccare.
4)-INSERISCI
A)-Immagine:
serve ad inserire un'immagine all'interno della pagina che si sta
creando; cliccandoci sopra, esce la finestra "Proprietà
immagine" con 4 linguette:
-Indirizzo: in tale linguetta si
inserisce il percorso dell'immagine, col pulsante "Seleziona file"
(attributo href del tag A). Nel campo "Tooltip" si inserisce
un'eventuale didascalia (attributo title del tag A), nel campo "Testo
alternativo" si inserisce un nome rappresentativo dell'immagine, ad uso
dei non vedenti (attributo alt del tag A). "Anteprima immagine" mostra
l'immagine in piccolo e le sue dimensioni. Cliccando su
"Proprietà avanzate", esce la finestra "Editor proprietà
avanzate" tramite cui si possono modificare gli attributi del tag IMG
ed eventuali attributi di CSS e JavaScript. Selezionando l'attributo
width, si può modificare il valore nel campo "Valore"; la stessa
procedura vale per tutti gli altri attributi. Per spostarsi da un
attributo all'altro, si può usare anche la tendina "Attributo".
Per cancellare gli attributi, selezionarli e cliccare su "Rimuovi". Le
altre due linguette sono relative a CSS e JavaScript.
-Dimensioni:
se si spunta "Dimensione originale", l'immagine viene visualizzata
nella sua grandezza originale; se si spunta "Dimensioni
personalizzate", si possono modificare le dimensioni di
visualizzazione; se si spunta "Mantieni proporzioni", modificando la
larghezza si modifica anche la l'altezza.
-Aspetto: nella sezione
"Spaziatura", si stabilisce il numero dei pixel da lasciare a destra, a
sinistra, sopra e sotto l'immagine, e quanto dev'essere spesso il bordo
(se non si vuole il bordo, inserire 0). Se si scrive del testo accanto
all'immagine, è possibile allinearlo come si desidera grazie
alla tendina "Allineamento del testo rispetto all'immagine".
-Mappa
immagine: è attivo se l'immagine è parte di un insieme
d'immagini collegate.
-Collegamento: se si vuole linkare l'immagine,
si può scrivere all'interno del campo l'indirizzo di un sito,
oppure un indirizzo e-mail spuntando "The above is an e-mail address",
oppure il link ad un'altra pagina dello stesso sito cliccando su
"Seleziona file". Se si spunta "Visualizza un bordo attorno
all'immagine per indicare la presenza del collegamento", attorno
all'immagine apparirà un bordo azzurro.
B)-Tabella:
cliccandoci sopra, esce l'omonima finestra grazie a cui si può
inserire una tabella all'interno della pagina. Nella linguetta
"Velocemente", tramite trascinamento, si possono decidere righe e
colonne fino ad un massimo di sei. Per creare la tabella, selezionare
il numero delle righe e delle colonne e fare un click sinistro.
Cliccando su "Proprietà avanzate", si possono modificare gli
attributi width, cellspacing, cellpadding e border del tag TABLE, al
solito modo, come già visto in Inserisci/Immagine. Nella
linguetta "Precisamente" si scrive nei rispettivi campi, il numero di
righe, il numero delle colonne, la larghezza della tabella
(preferibilmente 100%) e lo spessore del bordo. Nella linguetta "Cella"
si specifica l'allineamento orizzontale e verticale del contenuto delle
celle. Il ritorno a capo del testo serve a fare in modo che, quando si
scrive all'interno di una cella, si vada a capo quando finisce lo
spazio: per fare questo, spuntare "Manda a capo".
"Riempimento": equivale all'attributo cellspacing, cioè regola lo spessore dei bordi delle celle.
"Margine"
equivale all'attributo cellpadding, cioè regola la distanza
esistente fra il contenuto della cella ed i bordi della stessa.
Dopo
l'inserimento della tabella vuota, si può inserire il
contenuto mettendo il cursore in ogni cella e scrivendo. Se si
vuole una riga o una colonna, si seleziona una cella, compariranno dei
simboli sopra e a sinistra di questa cella, cliccare sul triangolino
superiore per aggiungere una riga sopra, su quello inferiore per
aggiungere una riga sotto, su quello sinistro per aggiungere una
colonna a sinistra, su quello destro per aggiungere una colonna a
destra. Se invece si clicca sulla crocetta laterale, si cancella la
riga in cui ci si trova, se si clicca sulla crocetta superiore, sui
cancella la colonna in cui ci si trova.
Click destro su una qualsiasi cella selezionata:
a)-Annulla: serve ad annullare l'ultima operazione effettuata.
b)-Incolla: serve ad incollare ciò che si è precedentemente copiato o tagliato.
c)-Incolla senza formattazione: serve ad incollare come testo semplice.
d)-Seleziona tutto: serve a selezionare l'intero contenuto della tabella.
Nota
bene: quando in una pagina c'è una tabella, a volte non si
può sottolineare tutto il contenuto della pagina, ma solo il
contenuto della tabella o quello che c'è al di fuori.
e)-Interrompi stile testo: serve a chiudere eventuali tag di formattazione aperti fino a quel punto.
f)-Crea collegamento: equivale ad Inserisci/Collegamento.
g)-Proprietà
cella della tabella: apre la finestra"Proprietà della tabella,
in cui si possono modificare le proprietà della tabella, delle
righe, delle colonne e delle singole celle.
-Linguetta tabella: nel
campo "Righe" si può modificare il numero delle righe della
tabella. In caso di diminuzione del numero di righe, KompoZer avverte della
possibile perdita di dati contenuti nelle righe da eliminare. La
procedura delle righe vale anche per le colonne. E' anche possibile
modificare la larghezza della tabella. Nel campo "Larghezza bordo" si
può stabilire lo spessore del bordo esterno. Nel campo
"Spaziatura" si può modificare lo spessore dei bordi delle
celle; nel campo "Margini" si può modificare la distanza fra il
contenuto della cella e i bordi della stessa. La tendina "Allineamento
tabella" serve ad allineare la tabella a sinistra, al centro, a destra.
Nella tendina "Legenda" è possibile stabilire se mettere delle
note a corollario. "Colore di sfondo" serve a colorare lo sfondo della
tabella tenendo conto che comunque le scritte nella cella resteranno
visibili. Cliccando su "Proprietà avanzate" è possibile
agire direttamente sugli attributi del tag TABLE al solito modo.
-Linguetta
celle: nella tendina "Selezione" si può decidere se modificare
la cella selezionata, oppure tutta la riga in cui si trova la cella
selezionata, oppure tutta la colonna in cui si trova la cella
selezionata. I pulsanti "Precedente" e "Successivo" servono a spostarsi
di cella in cella. Nella sezione "Dimensioni" si può stabilire
specifica altezza e larghezza, ma è bene fare queste operazioni
coinvolgendo righe o colonne e non la singola cella, per evitare
disfunzioni. "Allineamento contenuto" serve per modificare
l'allineamento del testo nella singola cella, spuntando la casella
"Verticale" o "Orizzontale" e scegliendo l'allineamento desiderato
nella tendina.
Spuntando "Stile cella", nella tendina si può
rendere il testo contenuto in "Stile intestazione", oppure lasciarlo
"Normale".
Spuntando "A capo testo", si può decidere di non
far mai andare a capo il testo, scegliendo nella tendina "Mantieni in
una riga": in tal modo la cella diventerà lunghissima e
comparirà la barra di scorrimento orizzontale: sconsigliato.
Spuntando "Colore di sfondo", si può colorare una specifica cella.
Se
nella tendina "Selezione" si sceglie "Riga", tutti i cambiamenti
già visti per la singola cella vengono applicati all'intera
riga, idem se si sceglie colonna.
Tramite il pulsante
"Proprietà avanzate" si possono modificare gli attributi valign,
align del tag TD, come già visto per le immagini.
h)-Inserimento tabella apre un sottomenu:
a)-Tabella: permette di inserire una tabella nella cella selezionata.
b)-Riga sopra: inserisce una riga sopra la cella selezionata.
c)-Riga sotto: inserisce una riga sotto la cella selezionata.
d)-Colonna precedente: inserisce una colonna a sinistra della cella selezionata.
e)-Colonna successiva: inserisce una colonna a destra della cella selezionata.
f)-Cella
precedente: inserisce una cella anomala posizionata alla fine della
riga, senza completare riga o colonna.
Nota bene: non è
possibile annullare tale inserimento col comando "Annulla", ma bisogna
eliminare la cella facendo in essa click destro-eliminazione
tabella-cella/e: sconsigliato l'uso di questa cella anomala.
g)-Cella successiva: ha un comportamento analogo, varia solo la posizione d'inserimento della cella.
h)-Selezione
tabella apre un sottomenu tramite cui è possibile selezionare
l'intera tabella, solo la riga, solo la colonna, solo la cella, o tutte
le celle, ma non la struttura della tabella.
i)-Eliminazione tabella apre un sottomenu:
a1)-Tabella: serve a cancellare l'intera tabella con tutto il contenuto.
b1)-Colonna: serve a cancellare l'intera colonna con tutto il contenuto.
d1)-Cella/e: serve a cancellare la cella o le celle selezionate.
Nota bene: se in una tabella normale si cancella una o più celle, ci si ritroverà con delle celle anomale.
e1)-Contenuti cella, in alternativa Canc: serve a cancellare il contenuto della cella.
l)-Unisci con la cella a destra: serve a fondere due o più celle.
Quando si selezionano due o più celle, tale voce diventa "Unisci celle selezionate".
m)-Colore di sfondo tabella o cella: serve a colorare la cella o le celle selezionate.
C)-Modulo: vedi Icone-Modulo.
D)-Collegamento,
alternativa CTRL+L: serve a linkare una parte della pagina, ad esempio
una parola ad un'immagine, ad un sito, ad un indirizzo e-mail, ad
un'altra pagina HTML o ad un'altra parte della stessa pagina, se
è molto lunga.
Si seleziona la parola da linkare, si clicca
su Inserisci/Collegamento e si aprirà la finestra
"Proprietà collegamento". Nella sezione "Testo collegamento"
viene riportata la parte selezionata. Nel campo della sezione
"Collegamento a" si inserisce un indirizzo web, un indirizzo e-mail
spuntando la casella "The above ai an e-mail address", un altro file
html tramite il pulsante "Seleziona file", oppure un'altra parte della
pagina, la cosiddetta Ancora (Vedi Inserisci/Ancora).
Se si clicca
su "Altre proprietà", vengono visualizzate altre opzioni
relative al link che si sta inserendo. La sezione "Target" serve solo
quando si inserisce il link ad un sito o ad un'altra pagina: spuntando
"Collegamento in fase di apertura, si può decidere se far aprire
la nuova pagina nella stessa finestra, o ad un'altra finestra del
browser. Le altre voci riguardano i frame: inutile. La sezione
XEN-Relazioni interpersonali serve ad aggiungere l'attributo rel
al
tag A, ed è semplicemente informativo. Tramite "Proprietà
avanzate" si possono modificare manualmente i tag e gli attributi del
link.
E)-Ancora: serve a creare un punto di riferimento in una
pagina web, linkabile all'interno della pagina stessa, cioè
quando si clicca sul collegamento all'Ancora, il browser mostra la
parte di pagina ancorata. Per creare un'Ancora, selezionare la parte
della pagina, ad esempio una parola da ancorare; cliccare su Ancora, si
aprirà la finestra "Proprietà Ancora". Nel campo nome
scrivere un riferimento riconoscibile, ad esempio Ancora1, composto da
solo parole e cliccare su ok. "Proprietà Avanzate" serve ad
inserire i tag manualmente. Dopo aver inserito l'Ancora, si crea il
collegamento ad essa in un'altra parte della pagina, selezionando il
testo da collegare e cliccando su Inserisci/Collegamento. Nella tendina
si scrive # seguito dal nome dell'Ancora da collegare (Ancora1).
Aprendo la tendina, vengono visualizzate tutte le Ancore create. Click
su ok. Le Ancore sono utili quando nella parte superiore della pagina
si inserisce un indice (prefazione, capitolo 1, capitolo 2, ecc.) e
nella parte inferiore tutti i capitoli.
F)-Separatore orizzontale: serve ad inserire una linea orizzontale ed equivale al tag HR.
H)-Caratteri e simboli: apre la mappa dei caratteri.
H)-Indice argomenti: serve ad inserire un indice automatizzato tramite il testo selezionato: inutile.
I)-Componenti JavaScript: serve ad inserire, tramite il sottomenu, un pulsante pubblicitario di KompoZer, oppure un calendario:
-Testo
"Made with KompoZer": inserisce un pulsante indicante che la pagina è
stata realizzata con KompoZer; esso sarà visualizzabile solo online,
poiché l'immagine del pulsante è linkata a
http://kompozer.com/.
-Calendario: inserisce un calendario realizzato
in Javascript contenente il mese corrente. Nota bene: nel codice HTML
la posizione e le caratteristiche del calendario sono modificabili solo
conoscendo il codice di programmazione Javascript, che si vedrà
prossimamente.
L)-Modelli: serve ad inserire all'interno di una pagina un modello precedentemente creato con KompoZer: sconsigliato.
M)-HTML: serve
ad inserire del codice in un punto della pagina, tramite
un'apposita finestra che si aprirà all'uopo; consigliato se occorre inserire piccole parti di codice, come un <br>.
N)-Codice PHP: serve ad inserire all'interno della pagina parte di codice di programmazione creato col linguaggio PHP.
O)-Commento: serve ad inserire nella pagina un commento in un tag nascosto.
P)-A
capo dopo immagini: se si clicca su tale voce, il testo non
verrà accostato alle immagini, ma andrà sempre sotto:
poco usato.
5)-FORMATO
a)-Carattere: serve a modificare il testo selezionato:
-si può scegliere un carattere a larghezza variabile o fissa, senza specificare quale;
-si
può scegliere direttamente il font (i font sono in ordine
alfabetico, ma all'inizio vengono mostrati i più usati).
b)-Dimensione: serve a regolare la grandezza del testo selezionato.
c)-Stile:
imposta sul testo selezionato le seguenti formattazioni: grassetto,
corsivo, sottolineato, barrato, apice, pedice, larghezza fissa, no a
capo, enfasi (grassetto accentuato), enfasi maggiore (grassetto
accentuatissimo), citazione, abbreviazione, acronimo, codice sorgente,
esempio, variabile.
d)-Colore testo: serve a modificare il colore del testo selezionato.
e)-Direzione di scrittura: serve a invertire la direzione del testo, da destra a sinistra.
f)-Interrompi
stile testo: serve a fare in modo che, quando si sta scrivendo con una
certa formattazione del font, essa si interrompe e diventa testo
semplice: poco usato.
g)-Interrompi collegamento: serve ad interrompere un link già creato in una porzione di testo: poco usato.
h)-Rimuovi ancora con nome: serve a rimuovere l'ancora dalla pagina web, dopo averla selezionata.
i)-Paragrafo: serve a modificare la formattazione del testo secondo 10 criteri automatizzati da KompoZer: sconsigliato.
l)-Elenco:
imposta la modalità elenco sulla riga in cui si trova il
cursore, tramite il radiobutton, oppure cliccando su "Proprietà
elenco".
Se c'è la spunta su:
-"Nessuno": il testo non avrà elenco;
-"Puntato": comparirà un puntino a inizio riga;
-"Numero": comparirà un numero a inizio riga;
-"Termini": comparirà un simbolo invisibile a inizio riga;
-"Definizioni": il testo si sposterà più all'interno della pagina.
Cliccando
su "Proprietà elenco", esce l'omonima finestra in cui scegliere,
oltre il tipo di elenco, lo stile desiderato. Per l'elenco puntato la
scelta è fra cerchio pieno, cerchio vuoto e quadrato pieno. Per
l'elenco numerato la scelta è fra numeri arabi, numeri romani,
numeri romani minuscoli, lettere maiuscole e lettere minuscole. Per
l'elenco numerato si può decidere il numero iniziale, da
inserire nel campo apposito. Per applicare tutti i cambiamenti
all'intero elenco, o solo alle righe selezionate, spuntare l'apposita
voce del radiobutton.
m)-Aumenta rientro, in alternativa CTRL+]: serve a rientrare il cursore dal margine della pagina di qualche centimetro.
n)-Diminuisci rientro, in alternativa CTRL+[: serve a diminuire il rientro del cursore.
o)-Allinea:
serve ad allineare il testo selezionato, o la riga su cui si trova il
cursore, a sinistra, al centro, a destra, o giustificato.
p)-Griglia
di posizionamento: serve ad agganciare le misure della pagina ad una
eventuale griglia, si usa solo se vengono usati i CSS.
q)-Proprietà
avanzate: serve a visualizzare le proprietà della pagina che si
sta realizzando, in presenza di codice particolare, ad esempio
javascript.
r)-Sfondo e colori della pagina: serve ad applicare i
colori desiderati al testo, ai link ed allo sfondo, tramite la stessa
finestra già visualizzata nella linguetta "Imposta pagina" di
Strumenti-Preferenze.
s)-Titolo e proprietà pagina: serve ad
aggiungere il titolo della finestra ed i tag META (attributi author e
description). Se si spunta "Modelli", la pagina verrà salvata
come un modello con estensione mzt, apribile e riutilizzabile quante
volte si vuole. Se si vuole indicare la lingua del sito, sceglierla
tramite il pulsante "Seleziona lingua". Nel campo "Direzione
scrittura", indicare "Nessuna direzione specificata", per poter
cambiare la direzione, se lo si vuole. Come "Set di caratteri" lasciare
quello predefinito, ISO-8859-15.
6)-TABELLA
a)-Inserisci
-Tabella: apre la finestra "Inserimento tabella" tramite cui si può inserire una tabella, in essa vi sono 3 linguette.
-Velocemente: permette d'inserire, tramite selezione col mouse, una tabella composta di massimo 6 righe e 6 colonne.
-Precisamente:
se si vuole una tabella più grande, o controllando i dettagli di
formattazione, si usa questa soluzione. Si può scegliere il
numero delle righe e delle colonne, la larghezza della tabella in pixel
o in percentuale della finestra, lo sfondo, ecc. Nota bene: se si usa
una risoluzione dello schermo 800x600, è consigliabile una
larghezza massima di 800 pixel, per evitare che compaia una barra di
scorrimento orizzontale. Di solito, però, è preferibile
scegliere una larghezza in percentuale della finestra affinché
venga realizzata in modo proporzionale anche da chi usa
risoluzioni dello schermo diverse. Nel campo "Bordo" si può
impostare lo spessore desiderato del bordo. Se non lo si vuole,
scrivere zero.
-Cella: nella tendina "Allineamento" scegliere
l'allineamento orizzontale e verticale del contenuto delle celle. Nel
radiobutton "Ritorno a capo testo", scegliere se far andare a capo il
testo all'interno delle celle, oppure allungare orizzontalmente le
celle a dismisura: è preferibile spuntare "Manda a capo".
"Riempimento": serve a stabilire lo spessore della griglia fra le
celle. "Margine": serve a stabilire di quanti pixel il contenuto delle
celle dev'essere distanziato dal margine.
-Riga sopra: serve ad inserire una riga vuota sopra la riga dove si trova il cursore.
-Riga sotto: serve ad inserire una riga vuota sotto la riga dove si trova il cursore.
-Colonna precedente: serve ad inserire una colonna vuota a sinistra della colonna dove si trova il cursore.
-Colonna successiva: serve ad inserire una colonna vuota a destra della colonna dove si trova il cursore.
-Cella
precedente: serve ad inserire una cella vuota a sinistra della cella
dove si trova il cursore, sfalsando il numero di celle della riga
stessa.
-Cella successiva: serve ad inserire una cella vuota a
destra della cella dove si trova il cursore, sfalsando il numero di
celle della riga stessa.
Nota bene: è sconsigliato usare queste 2 ultime voci.
b)-Seleziona
-Tabella: serve a selezionare l'intera tabella.
-Riga: serve a selezionare la riga dove si trova il cursore.
-Colonna: serve a selezionare la colonna dove si trova il cursore.
-Cella: serve a selezionare la cella dove si trova il cursore.
-Tutte le celle: serve a selezionare tutte le celle, ma non lo scheletro della tabella.
c)-Elimina
-Tabella: serve ad eliminare l'intera tabella.
-Riga: serve ad eliminare la riga dove si trova il cursore.
-Colonna: serve ad eliminare la colonna dove si trova il cursore.
-Cella/e: serve ad eliminare la cella o le celle dove si trova il cursore.
-Contenuti cella: serve ad eliminare il contenuto della cella.
d)-Unisci
con la cella a destra: serve a fondere la cella in cui si trova il
cursore con quella alla sua destra. Nota bene: se all'interno della
tabella si selezionano 2 o più celle, tale voce si trasforma in
"Unisci celle selezionate".
e)-Dividi cella: serve a scindere 2 o
più celle fuse.
Nota bene: il contenuto verrà tutto
inglobato nella prima cella e poi bisognerà spostarlo a mano.
f)-Crea
tabella da selezione: serve a creare una tabella che contenga il testo
selezionato. Verrà fuori una tabella contenente tante celle
quante sono quelle necessarie al testo selezionato. Quando si clicca
"Crea tabella da selezione", viene visualizzata la finestra "Converti a
tabella", questo perché la tabella creata conterrà tante
righe quante sono le righe selezionate. Invece, per quanto riguarda le
colonne, bisogna dare ad KompoZer il riconoscimento di un separatore, che
può essere la virgola, lo spazio, o un altro carattere. Se si
sceglie lo spazio come separatore, KompoZer elimina eventuali spazi
superflui, altrimenti crea colonne vuote con gli spazi in esubero. Se
si spunta "Elimina carattere separatore", i separatori non verranno
messi nella tabella.
Nota bene: questo sistema è utile quando
c'è già pronta una gran mole di dati da intabellare,
altrimenti è preferibile partire dalla tabella vuota e riempirla.
g)-Colore
di sfondo tabella o cella: serve ad applicare un colore di sfondo alla
cella selezionata o all'intera tabella. Se si colora solo lo sfondo
delle celle, il bordo non verrà colorato.
h)-Proprietà
tabella: serve a visualizzare e a modificare le proprietà della
tabella o delle celle selezionate. Nella linguetta "Tabella" si
può cambiare il numero di righe e colonne, la larghezza della
tabella, la larghezza del bordo, la spaziatura tra le celle, i margini
fra il contenuto delle celle e la griglia, l'allineamento della
tabella, la didascalia o legenda e il colore di sfondo. Nella linguetta
"Celle", le modifiche verranno applicate alle celle selezionate, oppure
ad un'intera riga o ad un'intera colonna, scegliendo nella tendina
"Selezione". Ci si può spostare da una cella/riga/colonna
all'altra con i pulsanti "Precedente" o "Successivo". Inoltre si
possono stabilire o modificare le dimensioni di celle, riga o colonna,
l'allineamento orizzontale e verticale del contenuto, lo stile della
cella, impostare l'a capo quando il testo arriva a fine cella e il
colore di sfondo.
7)-STRUMENTI
a)-Ottimizzazione Markup: apre l'omonima finestra grazie a cui si può ripulire il codice HTML da eventuali:
-Liste nidificate (contenenti errori);
-<BR> superflui;
-Zone vuote superflue;
-Inutili formattazioni di celle vuote.
b)-Convalida
HTML: serve ad analizzare approfonditamente il codice HTML della pagina
aperta grazie all'ausilio di un sito: verranno segnalati eventuali
errori e soluzioni consigliate.
c)-Editor CSS: serve ad evitare le formattazioni della pagina WEB, creando un foglio di stile (CSS).
d)-Estensioni: serve a cercare, scaricare e installare plug-in di KompoZer, fra cui la lingua italiana.
e)-Temi: serve a cercare, scaricare e installare temi grafici per cambiare esteticamente KompoZer.
f)-Console JavaScript: consente di scrivere e correggere codice JavaScript e simili.
g)-Preferenze: mostra una finestra con 4 linguette:
-Generale:
nel campo "Numero massimo di pagine elencate" si stabilisce il numero
delle pagine che si vogliono visualizzare all'interno del menu File:
lasciare 10. Nella sezione "Salvando o pubblicando le pagine",
spuntare: "Mantieni impaginazione sorgente", per evitare modifiche
automatiche indesiderate;
"Salva insieme alla pagina immagini ed
altri file associati", per salvare eventuali file esterni linkati alla
pagina che si sta modificando;
"Visualizza
sempre la finestra di dialogo quando si pubblica", per visualizzare i
dettagli quando si usa KompoZer come FTP manager.
Nella
sezione "Tabelle" spuntare "Mantieni la struttura della tabella quando
si inseriscono o eliminano celle", per mantenere integra la struttura
della tabella in caso di modifiche.
Nella sezione "Formattazione
tramite CSS", la voce "Usa stili CSS al posto di elementi ed attributi
HTML" va spuntata solo se si usano i file CSS in appoggio alle pagine
web (niente spunta).
Se si spunta "Apri sempre il documento in una scheda nuova", i file in apertura non chiudono quelli già aperti.
-Font:
in tale linguetta si scelgono i caratteri desiderati nella costruzione
della pagina; è meglio lasciare quelli predefiniti, modificando
solo le dimensioni (scegliere 16). Spuntare "Consenti ai documenti di
utilizzare altri caratteri", per non vietare ad KompoZer tale
possibilità.
-Imposta pagina: nel campo "Autore" scrivere
ciò che va inserito nel tag META "author". Spuntare "Usa colori personalizzati", per differenziare i
vari tipi di testo, cioè quelli relativi agli attributi text,
link, alink e vlink del tag BODY. Lo sfondo di solito è bianco
(in realtà trasparente), se lo si vuole cambiare, cliccare sulla
relativa icona. Se si vuole mettere un'immagine di sfondo nella pagina,
cliccare su "Seleziona file"e sceglierla. Nella sezione
"Internazionalizzazione" lasciare tutto invariato.
-Avanzato:
cliccando su "Impostazioni connessione", esce l'omonima finestra:
spuntare "Connessione diretta ad Internet", se non ci si connette
tramite Proxy.
Nella sezione "Markup" spuntare HTML 4 e
"Transitional" per i parametri del tag <DOCTYPE>. Non spuntare:
"Il ritorno a capo nel paragrafo crea sempre un nuovo paragrafo"
affinché, quando si sta scrivendo nella pagina, quando si va a
capo con Invio, non si chiuda un tag P e se ne riapra un altro. Se si
spunta "Sottolinea le parole errate", si mette in funzione il
correttore automatico (ok spunta). Nella tendina "Output i seguenti
caratteri come entità", scegliere "Tutti i caratteri hanno
l'equivalenza entità nelle specifiche HTML 4" affinché i
caratteri speciali vengano scritti nel codice HTML con stringhe che
iniziano con &; spuntare le voci sottostanti e cliccare su ok.
8)-?
a)-Argomenti della guida: mostra la guida.
b)-Forum: apre il sito che contiene il forum ufficiale di KompoZer.
c)-Segnalazioni
difetti e suggerimenti: apre una pagina del sito di KompoZer con un modulo
tramite cui si può scrivere e inviare ai creatori di KompoZer
una segnalazione relativa ad ad un bug (difetto) riscontrato nel
programma.
d)-Sostieni KompoZer: mostra come fare una donazione agli sviluppatori.
e)-Suggerimento del giorno: mostra suggerimenti sull'uso di KompoZer.
f)-Sito web KompoZer: apre il sito ufficiale di KompoZer.
g)-Informazioni su KompoZer: mostra le generalità del programma.
Facendo
click destro-Personalizza sulla "Barra principale" (quella delle
icone), nel riquadro "Trascina un oggetto sulle barre per aggiungerlo"
sono state scelte le seguenti icone, trascinate sulla barra principale
e da quest'ultima, allo stesso modo, sono stati tolti i separatori e le
icone non desiderate:
1)-Nuovo: serve a creare una nuova pagina web
2)-Apri: serve ad aprire i file HTML da modificare.
3)-Salva: serve a salvare la pagina che si sta modificando.
4)-Annulla: serve ad annullare le ultime operazioni.
5)-Ripeti: serve ad annullare eventuali annullamenti.
6)-Ancora:
7)-Collegamento: serve ad inserire un link nella pagina che si sta costruendo.
8)-Immagine: serve ad inserire un'immagine nella pagina che si sta costruendo.
9)-Tabella: serve ad inserire una tabella nella pagina che si sta costruendo.
I separatori sono di 3 tipi:
-Una semplice linea verticale;
-Una semplice linea orizzontale;
-Spazio flessibile, un rettangolo che si allarga per tutto lo spazio disponibile sulla barra;
-Un rettangolo con dimensioni mezzo centimetro per un centimetro e mezzo.
Nella stessa finestra rimangono le icone non utilizzate:
-Pubblica: serve ad aprire la sezione FTP manager di KompoZer.
-Taglia, Copia, Incolla, Stampa: sono comandi noti.
-Ancora:
serve a creare un link di una parte della pagina web con un'altra parte
della stessa pagina: a meno che non si abbiano pagine lunghissime,
è inutile.
-Ortografia: serve ad attivare il controllo ortografico sul testo.
-KompoZer: è il logo del programma.
La
tendina "Mostra" serve a mostrare la barra delle icone nella maniera
desiderata. Se si spunta "Mostra icone piccole", la grandezza delle
icone si riduce di un 20% circa. Cliccando su "Ripristina predefiniti",
la barra delle icone viene riportata allo stato iniziale del programma.
Facendo
click destro-Personalizza sulla "Barra di formattazione" (sotto quella
delle icone), esce il riquadro "Trascina un oggetto sulle barre
per aggiungerlo"; sono state scelte le seguenti icone:
1)-la tendina "Scegliere tipo di carattere": serve a cambiare il tipo di font;
2)-il pulsante "Sceglie il colore per il testo": serve a cambiare il colore al testo;
3)-A,
"Diminuisce dimensione carattere": cliccandoci sopra, diminuisce la
dimensione del carattere rispetto a quella standard che è 3;
4)-A, "Incrementa carattere": cliccandoci sopra, aumenta la dimensione del carattere rispetto a quella standard che è 3;
5)-B imposta il grassetto;
6)-I imposta il corsivo;
7)-U imposta il sottolineato;
8)-"Crea o rimuove elenco numerato" serve a creare o cancellare un elenco numerato;
9)-"Crea o rimuove elenco puntato" serve a creare o cancellare un elenco puntato;
10)-"Allinea a sinistra" serve ad allineare il testo a sinistra;
11)-"Allinea al centro" serve ad allineare il testo al centro;
12)-"Allinea a destra" serve ad allineare il testo a destra;
13)-"Giustifica" imposta il testo giustificato;
14)-"Bordi" imposta i bordi delle tabelle;
15)-"Incolla al bordo sinistro" serve ad allineare il contenuto della cella al bordo sinistro;
16)-"Rimani al centro" serve ad allineare il contenuto della cella al centro;
17)-"Incolla al bordo destro" serve ad allineare il contenuto della cella al bordo destro;
18)-"Incolla in alto" serve ad allineare il contenuto della cella verso l'alto;
19)-"Rimani nel mezzo" serve ad allineare il contenuto della cella nel mezzo;
20)-"Incolla al fondo" serve ad allineare il contenuto della cella verso il basso.
"Aggiungi Barra degli strumenti" serve a creare un'altra barra vuota.
Nella finestra "Trascina un oggetto sulle barre per aggiungerlo" rimangono le icone non utilizzate.
BARRA DELLE ICONE
1)-Nuovo: serve a creare una nuova pagina;
2)-Tendina Nuovo: serve ad...
-aprire una pagina in una nuova scheda;
-aprire una pagina in una nuova finestra;
-aprire la finestra "Crea nuovo documento o modello".
Se
si spunta "Documento vuoto", verrà aperta una pagina bianca; se
si spunta "Crea un documento XHTML", verrà usata una versione
più avanzata del codice HTML; se si spunta "Strict DTD",
bisognerà usare regole rigide di HTML: è consigliabile
non usare queste due voci; se si spunta "Un nuovo documento basato su
un modello", si potrà creare la nuova pagina sfruttando lo
scheletro di un sito o di un file HTML preesistente; se si spunta "Un
modello vuoto", la pagina verrà salvata non come pagina HTML, ma
come modello con estensione mzt.
3)-Apri: serve ad aprire un file in KompoZer.
4)-Salva:
serve a salvare le modifiche effettuate sul file aperto. Se si salva
per la prima volta, viene richiesto un nome per il file e la cartella
in cui salvarlo.
5)-Anteprima: serve a visualizzare l'anteprima del documento aperto tramite il browser.
6)-Collegamento:
serve a linkare il testo o le immagini selezionate ad un'altra pagina
HTML, ad un altro sito, o ad un indirizzo e-mail. Cliccandoci sopra,
esce la finestra "Proprietà Collegamento":
-per linkare ad un sito, scrivere l'URL di quel sito;
-per
linkare ad un indirizzo e-mail, scrivere "mailto:" seguito
dall'indirizzo e-mail, oppure scrivere solo l'indirizzo e spuntare la
casella "E' un indirizzo di posta elettronica";
-per linkare ad un'altra pagina HTML dello stesso sito, cliccare su "Seleziona file" e scegliere il file desiderato.
Cliccando su "Altre proprietà", vengono visualizzate ulteriori opzioni:
a)-la sezione "Tag Technorati" si usa solo per funzioni relative ai blog;
b)-nella
sezione "Destinazione" si può decidere di aprire il link nella
stessa finestra del browser, in una nuova finestra, oppure usando i
frame (obsoleto): sconsigliato;
c)-la sezione XFN-Relazioni interpersonali si usa solo per determinati blog.
In definitiva, la sezione "Altre proprietà" è spesso inutile.
Per riaprire la finestra delle proprietà, selezionare esattamente la parte linkata e cliccare su "Collegamento".
7)-Immagine: serve ad inserire un'immagine nel punto in cui si trova il cursore.
Cliccandoci sopra esce la finestra "Proprietà immagine", con 4 linguette:
a)-Indirizzo:
tramite il pulsante "Seleziona file" si sceglie l'immagine da inserire.
Nel campo "Tooltip" scrivere un'eventuale didascalia tramite pop-up. Se
si vuole inserire l'attributo alt del tag <IMG>, spuntare "Testo
alternativo" e scrivere una didascalia per l'immagine. Nel campo
"Anteprima immagine viene visualizzata l'immagine agganciata.
b)-Dimensioni:
serve a stabilire le dimensioni che deve avere l'immagine nella pagina;
è consigliabile usare sempre la dimensione originale, se si
vuole rimpicciolire l'immagine è meglio farlo con programmi di
grafica come IrfanView.
c)-Aspetto: la sezione "Spaziatura" serve a
distanziare l'immagine da quanto c'è a destra e sinistra, sopra
e sotto; inoltre in larghezza bordo si può mettere un'eventuale
cornice all'immagine. Nella sezione "Allineamento del testo rispetto
all'immagine" si decide se accostare l'eventuale testo accanto
all'immagine, in alto, al centro, in basso, a sinistra o a destra
dell'immagine.
d)-Collegamento: serve a linkare l'immagine ad un
sito, ad un'altra pagina HTML, o ad un indirizzo e-mail, come
già visto col pulsante "Collegamento".
8)-Tabella: serve ad inserire una tabella ed equivale ad Inserisci-Tabella.
9)-Modulo:
serve a creare un modulo con vari campi all'interno della pagina web;
parte di queste funzionalità potrebbero non essere attive se si
usa come browser Explorer. Cliccare su "Modulo" equivale a cliccare
sulla prima voce della tendina:
a1)-Creazione modulo: cliccandoci
sopra, esce la finestra "Proprietà modulo". Nel campo "Nome
modulo" inserire un titolo del modulo. Nel campo "Indirizzo invio"
scrivere un proprio indirizzo e-mail preceduto da mailto:, a cui il
modulo sarà inviato da chi l'ha compilato. Nel campo "Metodo"
inserire GET. Cliccare su "Altre proprietà e nel campo
"Codifica" scegliere text/plain (testo semplice). Nel campo "Frame
destinazione" scegliere _blank. Inserendo all'interno del campo la
modalità testo semplice, ed una parola qualsiasi, si avrà
una pagina web con un modulo inerte, cioè del semplice testo non
spedibile. Tramite le altre voci della tendina "Modulo" sarà
invece possibile modificare le caratteristiche del "Modulo" e fargli
attivare altri comandi. Ad esempio, si può trasformare questo
modulo in un pulsante che attivi il comando contenuto.
b1)-Crea
pulsante: selezionare il contenuto del "Modulo", cliccare su
Modulo-Crea pulsante ed uscirà la finestra "Proprietà
pulsante". Nel campo "Tipo" scegliere "Invio". Nel campo "Nome" dare un
nome al pulsante, che servirà solo come riferimento nel codice
HTML. Nel campo "Valore" inserire una descrizione facoltativa. Cliccare
su "Altre proprietà" e spuntare "Disabilitato" se si vuole
disattivare il pulsante. Il campo "Indice tabulazione" serve a dare una
priorità al pulsante rispetto agli altri elementi della pagina:
sconsigliato. "Scorciatoia tastiera" serve a legare il pulsante ad uno
o più tasti: sconsigliato.
c1)-Campo modulo: all'interno del
modulo può essere creato un campo che servirà a far
inserire, a chi compila il modulo, dei dati di diversi tipi:
-Semplice testo;
-Password;
-Casella da spuntare;
-radiobutton;
-Pulsante d'invio;
-Pulsante di ripristino;
-Finestra sfoglia;
-Modalità nascosta;
-Immagine;
-Pulsante semplice.
All'interno
del modulo si può scrivere una frase che funga da didascalia al
campo, ad esempio "Scrivi qui il tuo nome" e poi inserire un campo di
testo.
Cliccando su Modulo-Campo Modulo, esce la finestra
"Proprietà Campo Modulo": scegliere un tipo di campo, un nome,
un valore facoltativo, specificare se il campo dev'essere di sola
lettura; cliccando su "Altre proprietà", vengono visualizzate
altre proprietà applicabili, ma poco usate.
d1)-Immagine
modulo: serve ad inserire un'immagine che funga da campo del modulo.
Nella linguetta "Modulo" scrivere un nome del campo a piacere, spuntare
"Disabilitato" per disattivare il campo. "Indice tabulazione" serve a
collegare il campo alla tastiera: sconsigliato; in "Anteprima immagine
si vedrà l'immagine inserita e le dimensioni in pixel. Nella
linguetta "Indirizzo" cliccare su "Seleziona file" per scegliere le
immagini da inserire e inserire, se si vuole, una didascalia nel campo
"Tooltip" ed un testo alternativo per l'attributo alt del tag
<IMG> nel campo "Testo alternativo". Nella linguetta "Dimensioni"
si possono modificare le dimensioni delle immagini: sconsigliato. Nella
linguetta "Aspetto" si possono specificare: la spaziatura attorno
all'immagine, un eventuale bordo e l'allineamento del testo, se
presente, accanto all'immagine.
e1)-Area testo: serve ad inserire
all'interno del modulo un riquadro in cui scrivere qualcosa. Esce
finestra "Proprietà campo di testo", in "Nome" scrivere un nome
a piacere, stabilire le dimensioni dell'area testo col numero righe e
colonne desiderate. Nella tendina "a capo", scegliere se far andare a
capo il testo:
-predefinito, cioè quando arriva a fine riga;
-disabilitato, cioè mai;
-tra le parole, cioè far andare a capo ad ogni parola;
-alla
larghezza, facendo andare a capo quando arriva a fine riga, anche
spezzando le parole. Le altre voci sono relative all'uso di moduli
all'interno di Frame: sconsigliato. Se si spunta "Solo lettura", non si
potrà scrivere, ma solo leggere all'interno dell'area di testo.
Se si spunta "Disabilitato", il campo viene disattivato.
"Indice tabulazione" e "Scorciatoia di tastiera": sconsigliati.
In
"Testo iniziale" si può scrivere qualche parola di spiegazione.
L'area testo in sé è un campo inerte, fin quando non la
si collega in qualche modo all'intero modulo.
f1)-Lista di selezione:
serve a creare un elenco di caselle spuntabili. Cliccando su tale voce,
esce la finestra "Proprietà lista di selezione", che serve a
creare le varie voci della lista. Nel campo "Nome lista" si scrive un
nome a piacere, l'altezza della lista, in righe e si spunta "Selezione
multipla" se si vuole consentire a chi compila il modulo di poter
spuntare più voci contemporaneamente. Ad esempio, se la domanda
è "Ti piace di più il Lecce o il Taranto?", la risposta
potrà essere solo una, perciò non va spuntata "Selezione
multipla", e la lista diventa un radiobutton. Se invece la domanda
è "Cosa ti piace fra pasta, carne, pesce e frutta?", conviene
spuntare "Selezione multipla" per dare la possibilità di
scegliere più di una voce. Dopo aver compilato i suddetti campi,
cliccando su "Aggiungi Opzione", si potranno aggiungere, ad uno ad uno,
gli elementi della lista. Inoltre si potrebbe aggiungere anche un
gruppo di voci, ma è sconsigliato. Per eliminare le voci
aggiunte, selezionarle e cliccare su "Elimina"; per spostarle
più in giù o più su, selezionarle e cliccare su
"Muovi giù", o su "Muovi su". Spuntando "Disabilitato", la lista
si disattiva; spuntando "Indice tabulazione", si crea una scorciatoia
di tastiera. "Proprietà avanzate" serve ad aggiungere a mano il
codice HTML.
g1)-Crea etichetta: serve ad inserire modulo dentro modulo: sconsigliato.
h1)-Crea gruppo campi: serve a raggruppare alcuni campi del modulo in una sottocategoria: sconsigliato.
i1)-Indice
di selezione: serve a creare all'interno del modulo una base per un
futuro "Motore di ricerca" che cerchi qualcosa all'interno di un sito:
poco usato.
10)-Trova: serve a trovare, ed eventualmente sostituire, del testo.
BARRA MODALITA' COMPOSIZIONE
1)-Tendina
"Scegliere tipo di carattere": serve a scegliere il font preferito. Le
prime 2 voci consentono d'impostare a larghezza fissa o variabile il
font, come impostato in Strumenti-Preferenze-Font.
2)-Pulsante "Scegli il colore per il testo": serve a cambiare il colore al testo selezionato.
3)-Pulsante A "Diminuisce dimensione carattere": serve a rimpicciolire la grandezza del font senza utilizzare il menu Formato.
4)-Pulsante A "Incrementa dimensione carattere": serve ad ingrandire la grandezza del font senza utilizzare il menu Formato.
5)-Grassetto: serve a mettere il testo in grassetto.
6)-Corsivo: serve a mettere il testo in corsivo.
7)-Sottolineato: serve a sottolineare il testo.
8)-Pulsante "Crea o rimuove elenco numerato": serve a creare un elenco numerato con il testo selezionato.
9)-Pulsante "Crea o rimuove elenco puntato": serve a creare un elenco puntato con il testo selezionato.
10)-Allinea a sinistra: serve ad allineare il testo a sinistra.
11)-Allinea al centro: serve ad allineare il testo al centro.
12)-Allinea a destra: serve ad allineare il testo a destra.
13)-Giustifica: serve a giustificare il testo.
I seguenti comandi si usano in presenza di una tabella:
14)-Bordi: serve ad inserire un bordo.
15)-Incolla al bordo sinistro.
16)-Rimani in centro.
17)-Incolla al bordo destro.
18)-Incolla in alto.
19)-Rimani nel mezzo.
20)-Incolla al fondo.
Menu
del click destro sulle schede: Quando si apre più di un file in
KompoZer, essi vengono accostati tramite schede. E' possibile
chiuderle,
selezionandole e cliccando sulla crocetta rossa che si trova sulle
stesse righe delle schede, inoltre, facendo click destro su una scheda,
esce il seguente menu:
a)-Nuova scheda: serve ad aprire una scheda vuota per creare una nuova pagina Web.
b)-Torna
all'ultimo salvataggio: serve ad annullare tutte le modifiche fatte al
file e riportarlo allo stato dell'ultimo salvataggio.
c)-Ricerca immagini: serve ad agganciare le immagini presenti nella pagina.
d)-Chiudi scheda: serve a chiudere la scheda in cui ci si trova.
e)-Chiudi altre schede: serve a chiudere tutte le schede tranne quella selezionata.
Menu del click destro sul testo selezionato:
a)-Annulla, b)-Taglia, c)-Copia, d)-Incolla: sono comandi noti.
e)-Incolla senza formattazione: serve ad incollare qualcosa, copiata altrove, come testo semplice.
f)-Elimina: serve a cancellare ciò che è selezionato.
g)-Seleziona tutto: serve a selezionare tutto.
h)-Rimuovi tutti gli stili: serve a riportare il testo selezionato a testo semplice.
i)-Crea collegamento: equivale ad Inserisci-Collegamento e serve a linkare il testo selezionato.
l)-Rimuovi collegamento: serve a rimuovere il collegamento dal testo selezionato.
m)-Rimuovi ancora con nome: serve a rimuovere un'eventuale ancora presente nel testo.
Menu del click destro nella pagina:
a)-Incolla: serve ad incollare.
b)-Incolla senza formattazione: serve ad incollare qualcosa, copiata altrove, come testo semplice.
c)-Seleziona tutto: serve a selezionare tutto.
d)-Interrompi stile testo: serve a rimuovere eventuali stili nella memoria del cursore.
e)-Crea collegamento: equivale ad Inserisci-Collegamento e serve a linkare il testo selezionato.
f)-Rimuovi collegamento: serve a rimuovere il collegamento dal testo selezionato.
g)-Rimuovi ancora con nome: serve a rimuovere un'eventuale ancora presente nel testo.