Applicazione ONLINE Web
- HELP -
Informazioni generali
L'applicazione permette di creare e mantenere un sito web, o una sezione del sito, autonomamente tramite il browser direttamente via web. Il sito o sezione può avere una sua Home Page, un suo menu con i relativi sottomenu, ha un suo editor WYSIWYG simile a un Word in versione ridotta. Si può formattare il testo, (tipo di carattere, grandezza, colore, grassetto, corsivo, sottolineato, si può allineare a sinistra, al centro a destra. Si possono creare elenchi numerati o puntati, una riga orizzontale, inserire un link, un'immagine, una tabella e si può vedere il codice sorgente della pagina nel suo linguaggio nativo HTML.
Struttura e numerazione delle pagine
Si possono creare, modificare e cancellare le pagine web ma si deve rispettare una struttura e una numerazione. Generalmente un menu contiene una HOME PAGE, una serie di sezioni e una serie di link per ogni sezione. Per esempio:
HOME
Sezione A
pagina A1
pagina A2
pagina A3
Sezione B
pagina B1
pagina
B2
pagina B3
Sezione C
pagina C1
pagina C2
pagina C3
Poche Regole
Se una pagina ha delle sottopagine, la prima si chiama pagina madre e le altre saranno pagine figlie
Le pagine madri, servono solo ad aprire un sottomenu, sono bianche, non devono avere alcun codice HTML
Infatti la HOME anche se gerarchicamente è una madre, avendo del testo non apre un sottomenu
Prima si creano la HOME e tutte le pagine madri numerandole progressivamente
Poi si creano le pagine figlie per ogni sezione specificando di chi sono figlie e numerandole progressivamente
Il risultato schematicamente sarà:
| HOME | pagina madre n° 1 (con testo) | ||
| Sezione A | pagina madre n° 2 (bianca) | ||
|
pagina A1 |
pagina figlia di A n° 1 | ||
| pagina A2 | pagina figlia di A n° 2 | ||
| pagina A3 | pagina figlia di A n° 3 | ||
| Sezione B | pagina madre n° 3 (bianca) | ||
|
pagina B1 |
pagina figlia di B n° 1 | ||
|
pagina B2 |
pagina figlia di B n° 2 | ||
|
pagina B3 |
pagina figlia di B n° 3 | ||
| Sezione C | pagina madre n° 4 (bianca) | ||
| pagina C1 | pagina figlia di C n° 1 | ||
| pagina C2 | pagina figlia di C n° 2 | ||
| pagina C3 | pagina figlia di C n° 3 | ||
Creare una pagina
Una volta eseguito il comando "crea nuova pagina" si deve dare un nome alla pagina e decidere se è una pagina madre o figlia, nel secondo caso si deve specificare di chi è figlia scegliendo la madre dall'apposito box. In entrambi i casi si deve dare una corretta numerazione. Poi nel caso di una pagina madre si lascia il testo bianco e si preme il pulsante "Submit", nel caso di una pagina figlia si scrive il contenuto e poi si preme il pulsante "Submit". Per vedere il risultato è sufficiente uscire dalla modalità "modifica" premendo il pulsante "logout"
Modificare una pagina
Per ogni pagina creata, madre o figlia che sia, si può
modificare il titolo cliccando sull'icona raffigurante una matita,
modificare il contenuto cliccando sull'icona raffigurante "il blocco note"
cancellare completamente la pagina cliccando sull'icona raffigurante "il cestino" (nel caso di una pagina madre, verranno cancellate anche tutte le pagine figlie associate)
si può cambiare l'ordine modificando la numerazione
si può cambiare la madre a una pagina figlia
si può convertire in madre una pagina figlia e viceversa (nel secondo caso si può e si deve decidere quale sia la madre)
Editor WYSIWYG
Tutti i comandi dell'editor funzionano normalmente come un comune editor (per esempio Word), l'unica differenza è nella la modalità per selezionare una parola o una frase o un oggetto. Invece di posizionare il mouse da un lato di una parola (ad esempio) e trascinarlo tenendolo premuto in questo editor si deve posizionare il cursore a destra o sinistra della parola (ad esempio) e tenendo premuto il tasto "Shift" si deve spostare il cursore con la freccia destra o sinistra.
Questa procedura si deve usare anche per il copia ed incolla che vanno fatti da tastiera [Ctrl + Ins per copiare] e [Shift + Ins per incollare]
Immagini e Link
Si possono inserire immagini (file grafico) ma queste devono essere preventivamente trasferite sul server tramite la predisposta applicazione accessibile solo dopo aver effettuato l'autenticazione tramite password. Se, per esempio, si vuole inserire l'immagine che si chiama image.jpg, prima si trasferisce sul server e poi si linka con il seguente indirizzo ../../public/imm/image.jpg .
Altri file (non grafici)
Con la stessa identica procedura delle immagini si possono caricare sul server e poi linkare file zippati per permettere un download o in altro formato come i file multimediali MP3 o altro. Per permettere il download si un file nomefile.zip (ad esempio) l'indirizzo sarà ../../public/imm/nomefile.zip.
Codice Sorgente
La modalità codice sorgente mostra il codice HTML della pagina, può essere modificato e salvato con la stessa modalità dell'editor WYSIWYG. Vedere il codice HTML di una pagina può essere utile anche a scopo didattico per chi volesse imparare il linguaggio.