Semplici Regole di come và usato il Forum
Intanto questa è una piccola Legenda dei simboli:
LEGENDA
Se vedi questo simbolo
Ci
sono nuovi messaggi dalla tua ultima visita
Se vedi questo simbolo
Non
ci sono nuovi messaggi dalla tua ultima visita
Se vedi questo simbolo
Vai
al forum
Se vedi questo simbolo
Apri una nuova discussione nel Forum prescelto
Se vedi questo simbolo
Informazioni
sul Forum
Ed ecco alcune dritte su come:
Aggiungere immagini alla discussione:
Se l'immagine è una che possiedi tu e ce l'hai sul tuo computer allora devi prima caricarla su
La Galleria IMAGE HOSTING GRATUITA
Una volta caricata l'immagine sullo spazio web che Laura Stitch mette a disposizione si noterà sotto
ogni immagine una parola "Code", clicca su questa voce, si aprirà una schermata con alcune righe di codici adatti ad ogni circostanza, scegli il rigo con scritto "Per il Forum Laura Stitch" copia tutto il codice e incollalo nella tua discussione.
Se invece l'immagine è presente sul web e tu vuoi riproporla sul forum, assicurati prima che sia un immagine piccola e non dalle enormi dimensioni che andrebbero a sfalsare la grafica del Forum, poi vai in cima dove si trova la barra degli indirizzi, seleziona tutto l'indirizzo e premi il tasto destro, quando si apre il Menu a discesa clicca su "Copia", dopodichè vai sulla tua discussione e trova il pulsantino per inserire un immagine dal web (vedi sotto) e segui le indicazioni dei box che si aprono, quando ti chiederà di dare un nome all'immagine, basta che scrivi quello che vuoi, esempio "Immagine" e dai OK.
IL SIGNIFICATO DEI PULSANTI DEL FORUM E DI TUTTO L'EDITOR DEL SITO:
In questa modalità l' editor permette di inserire solo html, ovvero potrete inserire codice html scritto da voi o da un altro editor, scrivere del testo e usare i tasti dell'editor per formattarlo, ma in ogni caso avrete a video il codice e non l'anteprima del risultato. Noi ve lo consigliamo ai fini dell'accessibilità in quanto è più scarno come funzioni, e non si rischia di inserire tag che potrebbero essere non validabili. Ovviamente, se inserirete codice scritto da voi o copierete codice realizzato da altro editor, sappiate che potrebbero esserci degli errori al fine della validazione...per esempio il codice prodotto da word è molto sporco e raramente validabile così com'è! Con il Minieditor i tag xHtml possono essere utilizzati anche da chi questo linguaggio non lo conosce. L'uso dei pulsanti del Minieditor, coadiuvato dalle sottostanti indicazioni, permetterà di formattare il testo e di inserire elementi multimediali (immagini e collegamenti) in maniera semplice, al pari di come avviene con un editor evoluto.
Ecco i pulsanti che si trovano nell'editor di tag xHtml.
![]()
Scopriamone le funzioni uno ad uno.
Questo tasto ti permette di passare all'interfaccia con editor visivo,
lasciando questa interfaccia di Minieditor. NB Se usi Explorer visualizzerai dei
semplici pulsanti 'con Editor' e 'senza Editor'.
La differenza consiste nell'utilizzo dell'area dove viene inserito il testo: in
quella del miniEditor si inserisce semplice testo e tag, che vengono
visualizzati cosi come scritti (vista codice) e per vederne l'effetto bisogna
cliccare sull'ultimo tasto a fondo pagina: 'anteprima', mentre con l'editor
visuale qualsiasi effetto, (immagine, link o formattazione) viene subito
visualizzato nella finestra dell'inserimento del testo (il codice viene
nascosto). Inoltre nell'editor visuale trovi molte più funzioni per il testo
(grandezza carattere, stile, liste, tabelle).
NB: puoi passare in qualsiasi momento da una all'altra interfaccia,
anche se hai inserito del testo o dei tag Html, questi verranno automaticamente
passati all'altro editor.
Questo tasto ti permette di evidenziare una o più parole,
in quanto queste avranno un carattere marcato (tratto più
spesso). L'utilizzo di questo tasto può avvenire in due modi.
1) Cliccando direttamente sul tasto, fa si che nell'area di testo vengono
inseriti due BBTag (<strong> e </strong>) ed il
cursore per l'inserimento del testo appare al centro, a questo punto puoi
iniziare ad inserire la parola o il testo che intendi far visualizzare in
grassetto, quando vuoi iniziare a riscrivere in carattere normale allora scrivi
dopo il tag </strong>
2) scrivi tutto il testo che vuoi, successivamente, se ti accorgi che vuoi
enfatizzare una parola o una frase allora, come faresti con Word con il cursore
seleziona il testo da te immesso al quale vuoi applicare il grassetto e poi con
il testo selezionato clicca sul tasto 'B', vedrai che il tuo testo sara
anteposto da un tag <strong> e postposto da </strong>.
Questo tasto ti permette di avere una o più parole con un carattere Inclinato
(stile italico). L'utilizzo di questo tasto può avvenire in due modi.
1) Cliccando direttamente sul tasto, fa si che nell'area di testo vengono
inseriti due BBTag (<em> e </em>) con modalità
identiche a quelle per il tag 'B'
2) scrivi tutto il testo che vuoi, successivamente, con il cursore seleziona il
testo da te immesso al quale vuoi applicare il carattere italico e clicca sul
tasto 'I'.
Questo tasto ti permette di Sottolineare
una o più parole,
L'utilizzo di questo tasto può avvenire in due modi.
1) Cliccando direttamente sul tasto, fa si che nell'area di testo vengono
inseriti due BBTag (</span style="text-decoration: underline;">
e </span>)con modalità identiche a quelle per il tag 'B'.
2) scrivi tutto il testo che vuoi, successivamente, con il cursore seleziona il
testo da te immesso che vuoi sottolineare e clicca sul tasto 'U'.
NB fai attenzione poichè ai fini dell'accessibilità le parole
sottolineate possono essere scambiate per link, quindi fanne un uso parsimonioso.
Questo tasto ti permette di avere tutto il testo posizionato tra i tag <p
style="text-align:left;"> e </p> allineato a
Sinistra.
L'utilizzo di questo tasto può avvenire in due modi, che sono identici per
modalità a quelli di utlizzo dei pulsanti per grassetto, italico e
sottolineato.
Questo tasto ti permette di avere tutto il testo posizionato tra i tag <p
style="text-align:center;"> e </p> Centrato nella
pagina.
L'utilizzo di questo tasto può avvenire in due modi, che sono identici per
modalità a quelli di utlizzo dei pulsanti per grassetto, italico e
sottolineato.
Questo tasto ti permette di avere tutto il testo posizionato tra i tag <p
style="text-align:right;"> e </p> allineato a
Destra.
L'utilizzo di questo tasto può avvenire in due modi, che sono identici per
modalità a quelli di utlizzo dei pulsanti per grassetto, italico e
sottolineato.
Questo tasto ti permette di avere tutto il testo posizionato tra i tag <p
style="text-align:justify;"> e </p> Giustificato,
ovvero senza margini a destra e sinistra.
L'utilizzo di questo tasto può avvenire in due modi, che sono identici per
modalità a quelli di utlizzo dei pulsanti per grassetto, italico e
sottolineato.
Questo tasto permette l'inserimento di testo colorato.
La modalità di utilizzo di questo tag è anch'essa doppia (utilizzo immediato
del bottone e poi inserimento testo / oppure selezione testo e poi pressione del
tasto). La pressione del tasto del colore farà apparire una finestra Javascript
che consente di inserire il colore del testo, che può essere sia in esadecimale
(es #FFFFFF per bianco) o in Inglese (es red per rosso o Jellow per giallo).
Dopo o si inserisce il testo tra i tag <p style="color:red;">
e </p> oppure questi si posizionano come dovuto a testo
selezionato.
NB: Solita nota per l'accessibilità, il sito è settato per avere
colori sufficientemente contrastati, quindi sei invece di testo dal colore
bianco, su uno sfondo nero utilizziamo un testo color 'grigio scuro', allora
questo sarà difficilmente leggibile/visibile.
Questo tasto permette l'inserimento di un immagine, condizione necessaria e
che quest'immagine sia presente in rete.
La modalità di utilizzo di questo tag è unica. La pressione del tasto
dell'immagine da Url, farà apparire una finestra Javascript che chiede di
inserire l'url dell'immagine (inserire sempre Urls assolute) (es
http://www.miosito.it/img.jpg). Successivamente viene chiesto, con un ulteriore
finestra, di inserire il testo alternativo, la sua mancanza non permette
l'inserimento dell'immagine.
NB: Solita nota per l'accessibilità, dopo l'inserimento dell'Url
dell'immagine viene richiesto l'inserimento obbligatorio del testo alternativo
(alt) questo ha la funzione di descrivere l'immagine, per favorire Utenti
(ipovedenti, o ciechi) o Utenti che hanno Browser settati per non visualizzare
immagini.
Questo tasto permette l'inserimento di un immagine, Uplodandola (caricandola)
sul server dal nostro PC. Ovviamente possiamo utilizzare qualsiasi immagine che
possediamo sul PC, facciamo attenzione che non tutte le immagini vanno bene per
il web: Stiamo atteni oltre alla Grandezza (larghezza e altezza) anche al peso
(cioè i Kbite e MegaBite) Ricordiamo che nessuno intende aspettare molti minuti
per visualizzare una pagina con un immagine da diversi MegaByte!
Il pulsante Attiva l'apertura di una finestra Pop-Up con la quale è possibile
caricare sul server (In rete) un immagine che possediamo sul PC, cerchiamo
l'immagine sul nostro PC cliccando su sfoglia, poi clicchiamo su 'Uploda'
successivamente inseriamo il testo alternativo (obbligatorio) e poi clicchiamo
su 'inserisci'. La finestra Pop-Up scompare e nell'area di testo viene inserito
il codice per far visualizzare l'immagine.
E' anche possibile utilizzare immagini gia residenti nel sito, predifinita è la
cartella Upload che contiene le immagini caricate sul server, ma è possibile
anche selezionare una directory diversa, in questo modo, è possibile inserire
Emoticons (smyle), banner ed altro ancora. L'iconcina ad occhio (se cliccata) ci
fa vedere l'immagine in un altra finestra, mentre cliccando sul nome
dell'immagine questa viene inserita nell'area del testo in formato codice.
Questa opzione permette l'inserimento solamente di immagini presenti sul nostro
sito.
NB: Solita nota per l'accessibilità, dopo il caricamento dell'immagine
sul sito, viene richiesto l'inserimento obbligatorio del testo alternativo (alt)
questo ha la funzione di descrivere l'immagine, per favorire Utenti (ipovedenti,
o ciechi) o Utenti che hanno Browser settati per non visualizzare immagini.
Questo tasto permette l'inserimento di un IperLink (collegamento
ipertestuale).
La modalità di utilizzo di questo tag è Doppia. La pressione del tasto del
Link, farà apparire in sequenza due finestre Javascript che chiedono: la prima
di inserire l'url pagina web da raggiungere (inserire sempre Urls assolute) (es
http://www.miosito.it/index.php), la finestra successiva richiede il testo del
Link (quello che cliccato conduce all'Url inserita precedentemente). NB se si è
selezionato il testo oggetto del LINK (nell'area del testo immesso) allora in
quest'ultima finestra non inserire nulla e premere Ok, in quanto il testo
selezionato diverra testo del link (quello sottolineato o da cliccare).
SI rammenti che per qualunque sbaglio sommesso nel digitare testo o inserire tag nell'area di testo, è semplice tornare indietro, basta premere contemporaneamente i tasti 'Ctrl' + 'Z'. Tante volte si premono, tante volte si torna indietro nella cronologia degli inserimenti, per andare avanti premere 'Ctrl' + 'Shift' + 'Z'
Naturalmente gli effetti sopra illustrati possono essere usati sia
singolarmente, che insieme. Quindi se voglio scrivere una parola in grassetto di
colore Blu utilizzo antrambi le funzioni (quella del grassetto e quella del
colore) naturalmente si deve fare attenzione a inserire una sintassi corretta.
esempio se voglio ottenere un testo allineato a destra e in grassetto, quello
che ottengo nell'area di testo sarà:
<p style="text-align:right;"><strong>testo marcato
e allineato</strong></p>
questa è la sintassi esatta, dove ogni tag aperto per ultimo va chiuso per
prima, (Un po' come si fa in aritmetica con le parentesi tonde, quadre e graffe)
quindi è errato ottenere
<p style="text-align:right;"><strong>testo marcato e
allineato</p></strong>.
Grazie della vostra collaborazione.