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 -Nuova discussione- 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:

Utilizzo del miniEditor per facilitare l'inserimento di tag xHtml

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.

Pulsanti Minieditor.

Ecco i pulsanti che si trovano nell'editor di tag xHtml.

* * * * * * * * * * * *

Scopriamone le funzioni uno ad uno.

* Utilizzo del Editor Visivo RTE_cmsV.

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.

* Carattere Grassetto.

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>.

* Carattere Italico.

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'.

* Carattere Sottolineato.

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.

* Testo Allineato a Sinistra.

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.

* Testo Allineato al Centro.

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.

* Testo Allineato a Destra.

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.

* Testo Giustificato.

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.

* Testo Colorato.

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.

* Inserimento Immagine da URL.

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.

* Inserimento Immagine da PC.

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.

* Inserimento Link e URL.

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).

Eventuali errori e possibili correzioni

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'

* Avvertenze finali.

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.