EDITOR per la modifica delle pagine

Transcript

1 Pagina 1 EDITOR per la modifica delle pagine Sommario EDITOR per la modifica delle pagine...1 Apertura...2 L'EDITOR...3 Procedure...6 Inserire collegamenti...6 Inserire un'ancora...6 Inserire un collegamento...6 Eliminare un collegamento...7 PER UTENTI ESPERTI - Forzatura dello stato attivo di un altro pulsante sul sito...7 Inserire immagini...8 Inserimento di un'immagine...8 Allineamento orizzontale...9 Inserimento di un filmato o un'animazione...9 Tabelle...10 Inserimento e modifica di una Tabella...10 Inserisci tabella...10 Proprietà della tabella...10 Cancella tabella...11 Cella Proprietà della cella...11 Riga Inserisci una riga prima...11 Riga Inserisci una riga dopo...11 Riga Cancella riga...11 Riga Proprietà della riga...12 Riga Taglia riga...12 Riga Copia riga...12 Riga Incolla una riga prima...12 Riga incolla una riga dopo...12 Colonna Inserisci una colonna prima...12 Colonna Inserisci una colonna dopo...12 Colonna Cancella colonna...12 Segnaposto...13 Inserimento di un segnaposto...13 Eliminazione di un segnaposto...14 Impaginazione...14 Macro Standard e Macro Personali...14 Slide Show...14 Contenitori...15 Schedari...15 Testi...16 Revisione 10.08

2 Pagina 2 Apertura Cliccare su PULSANTI E PAGINE e quindi su in corrispondenza della pagina da modificare. Si apre l'etitor: Le prime tre righe permettono di modificare il testo che compare sul Pulsante di navigazione, scrivere un testo in posizione fissa sulle pagine, cioè quel testo identificato sulla pagina dello Stile con il segnaposto {TIT} e una nota non visibile al pubblico. La parte sottostante si riferisce all'editor vero e proprio, che si comporta sostanzialmente come un normale word processor. Trascinare l'angolo inferiore destro per modificare la dimensione dell'editor. Il colore di sfondo e dei caratteri può variare in base a quanto scelto con l'interruttore EDIT nel seguente modo: Testo nero su fondo bianco In base a quanto definito nello Stile della Pagina Testo bianco su fondo nero

3 Pagina 3 L'EDITOR I comandi sono raggruppati in alto su tre righe di menu a tendina. 1. Modifica 1. Annulla 2. Ripristina 3. Taglia 4. Copia 5. Incolla 6. Incolla come testo: usato per ripulire un testo dagli attributi di formattazione (ad esempio proveniente da Word) 7. Seleziona tutto 2. Visualizza 1. Anteprima 2. Schermo intero 3. Elementi visivi 4. Mostra caratteri invisibili 3. Inserisci 1. Ancora, inserisce un punto all'interno della pagina che si può raggiungere con un Link, utile ad esempio quando si hanno lunghi elenchi alfabetici e si vuole raggiungere una particolare lettera (Vedi Procedure Inserire collegamenti più avanti) 2. Inserisci link (Vedi Procedure Inserire collegamenti più avanti) 3. Inserisci immagine (Vedi Procedure Inserire immagini più avanti) 4. Spazio unificatore 5. Carattere speciale 6. Linea orizzontale 7. Inserisci data/ora 1. Data 2. Ora 4. Formato 1. Grassetto 2. Corsivo 3. Sottolineato 4. Sbarrato 5. Apice 6. Pedice 7. Stili Cancella formattazione 5. Tabella (Vedi Procedure Tabelle più avanti) 1. Inserisci tabella

4 Pagina 4 2. Proprietà della tabella 3. Cancella tabella 4. Cella 1. Proprietà della cella 2. Unisci celle 3. Dividi celle 5. Riga 1. Inserisci una riga prima 2. Inserisci una riga dopo 3. Cancella riga 4. Proprietà della riga 5. Taglia riga 6. Copia riga 7. Incolla una riga prima 8. incolla una riga dopo 6. Colonna 1. Inserisci una colonna prima 2. Inserisci una colonna dopo 3. Cancella colonna 6. Strumenti 1. Trova e sostituisci 2. Stampa 3. Codice sorgente

5 Pagina 5 Le righe dei pulsanti hanno il seguente significato Annullamento 2. Ripristina 3. Grassetto 4. Corsivo 5. Sottolineato 6. Barrato 7. Pedice 8. Apice 9. Allinea a sinistra 10. Allinea al centro 11. Allinea a destra 12. Testo giustificato 13. Elenco puntato 14. Elenco numerato 15. Riduci rientro 16. Aumenta rientro 17. Colore testo 18. Colore sfondo 19. Font 20. Dimensione caratteri 21. Stile del paragrafo 22. Tabella (Vedi Procedure Tabelle più avanti) 23. Linea orizzontale 24. Inserisci/modifica collegamento (link) (Vedi Procedure Inserire collegamenti più avanti) 25. Rimuovi collegamento (link) (Vedi Procedure Inserire collegamenti più avanti) 26. Aggiunge/modifica immagine (Vedi Procedure Inserire immagini più avanti) 27. Anteprima 28. Trova e sostituisci 29. Segnaposto di Impaginazione (vedi più avanti) 30. Segnaposto Macro standard (vedi più avanti) 31. Segnaposto Macro personali (vedi più avanti) 32. Segnaposto Slide show e PDF (vedi più avanti) 33. Segnaposto di Inclusione di contenitori (vedi più avanti) 34. Segnaposto di Inclusione di Schedari (vedi più avanti) 35. Segnaposto di Inclusione di altri Testi (vedi più avanti)

6 Pagina 6 Procedure Inserire collegamenti I collegamenti ipertestuali permettono di richiamare velocemente altre parti del sito. Ogni pagina ha un proprio indirizzo, ma se si vuole richiamare una parte della stessa pagina occorre inserire un segnalibro chiamato normalmente Ancora. Inserire un'ancora Dopo aver inserito un' "ancora" all'interno della pagina. Si può poi inserire un collegamento (link) a quest'ancora (vedi prossimo paragrafo). 1. Posizionare il cursore nel punto in cui inserire l'ancora 2. Scegliere nel menu superiore INSERISCI ANCORA 3. Scrivere il nome da dare all'ancora che non deve contenere spazi ne' caratteri speciali, i caratteri maiuscoli sono considerati diversi da quelli minuscoli Inserire un collegamento 1. Scrivere la frase o inserire l'immagine che, cliccata, funge da collegamento 2. Selezionare la frase o l'immagine 3. Premere, si apre la seguente finestra: 4. Collegamento ad un altro Sito 1. Scrivere l'indirizzo completo del sito, come ad esempio 2. Nel menu a tendina Target scegliere dove aprire il nuovo Sito 5. Collegamento ad un'ancora 1. Nel menu a tendina Ancore scegliere l'ancora da collegare 6. Collegamento ad una 1. Scrivere mailto: (compresi i due punti) seguito dall'indirizzo di posta elettronica, ad esempio mailto:info@xtotem.it 7. Collegamento ad un'altra pagina del Sito 1. Nel menu a tendina Link List scegliere la pagina da collegare 2. Nel menu a tendina Target scegliere dove aprire il nuovo Sito

7 Pagina 7 Eliminare un collegamento 1. Selezionare il collegamento 2. Premere il pulsante PER UTENTI ESPERTI - Forzatura dello stato attivo di un altro pulsante sul sito Quando si inserisce un collegamento ad una pagina del sito è impostato il relativo pulsante nello stato attivo. Il codice è simile a: <a href="../../public/ P-lo-studio-1490.asp? IdPulsante=1490&IdPP=2194&M=Y">LINK</a> Il codice IdPulsante=1490 identifica il pulsante attivo, cioè lo stesso che richiama la pagina cui ci si collega. Per conservare la pagina da collegare ma evidenziare un pulsante differente occorre modificare manualmente il codice suddetto: <a href="../../public/ P-lo-studio-1490.asp? IdPulsante=1234&IdPP=2194&M=Y">LINK</a> Per sapere quale codice inserire cliccare su in corrispondenza del Pulsante da attivare, in fondo alla pagina che si apre è visualizzato l'indirizzo completo fra cui l'idpulsante:

8 Pagina 8 Inserire immagini Inserimento di un'immagine Inserisce un'immagine 1 all'interno della pagina nella posizione del cursore oppure, se prima si clicca su un'immagine, ne modifica le proprietà. 1. Posizionare il cursore nel punto in cui si vuole l'immagine 2. Premere il pulsante 3. Compare una finestra: 4. Scegliere in Immagini disponibili l'immagine da inserire Descrizione immagine: testo che compare in un "fumetto" quando si sposta il mouse sull'immagine Modificare eventualmente le dimensioni 2 5. Se necessario modificare i dati nella scheda Avanzato: Gli spazi sono quelli aggiunti ai lati dell'immagine (in pixel) 1 E' anche possibile trascinare l'immagine dall'elenco, vedi CONTRIBUTI 2 L'immagine può essere posizionata anche trascinandola sullo schermo e ridimensionata trascinando le sue maniglie, i quadratini bianchi che compaiono sul bordo quando si clicca sull'immagine. Questi metodi non sono tuttavia precisi.

9 Pagina 9 Il bordo indica lo spessore della linea in pixel Allineamento orizzontale Le immagini sono considerate come fossero caratteri e quindi inserite nel punto in cui è il cursore. Se si vuole allineare diversamente l'immagine rispetto al testo: 1. Cliccare sopra l'immagine per evidenziarla 2. Cliccare su o su Inserimento di un filmato o un'animazione Usare gli Slide Show (vedi)

10 Pagina 10 Tabelle Inserimento e modifica di una Tabella Inserisce una tabella nella posizione del cursore oppure, se prima si clicca all'interno della tabella, ne modifica le proprietà. 1. Posizionare il cursore (oppure cliccare all'interno della tabella) 2. Premere e scegliere il comando desiderato Inserisci tabella Scegliere la quantità di righe e colonne Proprietà della tabella Larghezza, Altezza: scrivere la larghezza in pixel (es. 250) oppure in percentuale rispetto alla larghezza della pagina (es. 90%), non frapporre spazi fra il numero e il simbolo % Spaziatura celle: spazio fra le celle Padding celle: spazio fra il bordo della cella e il testo in esse contenuto

11 Pagina 11 Cancella tabella Elimina definitivamente la tabella e il suo contenuto Cella Proprietà della cella Larghezza e altezza si possono esprimere in pixel scrivendo semplicemente la quantità oppure in percentuale scrivendo il numero seguito da % (esempio: 80%) Cella Unisci celle Prima di dare il comando selezionare le celle da unire Riga Inserisci una riga prima Riga Inserisci una riga dopo Riga Cancella riga

12 Pagina 12 Riga Proprietà della riga Riga Taglia riga Riga Copia riga Riga Incolla una riga prima Riga incolla una riga dopo Colonna Inserisci una colonna prima Colonna Inserisci una colonna dopo Colonna Cancella colonna

13 Pagina 13 Segnaposto I segnaposto sono indicazioni che, sul Sito, saranno sostituiti con vari tipi di elementi visivi. La loro struttura è solitamente la seguente {COMANDO parametro1 parametro2...} Inizio MACRO ({) 2. Identificativo del comando, come ad esempio LINK, SLS, PDF, Separatore ( ) 4. Eventuali parametri separati fra loro da 5. Commenti e chiusura MACRO (}) Solitamente non occorre modificare i segnaposo, solo in alcuni casi è richiesta la loro modifica come un normale testo. Si inseriscono sulla pagina c0n uno dei seguenti pulsanti: Impaginazione: come TESTO e MENU (Vedi IMMAGINE STILE) 2. Macro standard (Vedi più avanti in questo capitolo) 3. Macro personalizzabili 4. Slide show (Vedi più avanti in questo capitolo) 5. Contenitori (Vedi più avanti in questo capitolo) 6. Schedari (Vedi più avanti in questo capitolo) 7. Testi (Vedi più avanti in questo capitolo) Inserimento di un segnaposto 1. Posizionare il cursore dove desiderato 2. Cliccare il comando (ad esempio ), si apre la relativa finestra:

14 Pagina Cliccare sul pulsante a destra di SCEGLIERE, effettuare la scelta 4. Cliccare su Ok Eliminazione di un segnaposto Cancellarlo completamente come fosse testo. I pulsanti che inseriscono i segnaposto non sono sempre visibili, ma solo quando è possibile inserire quel tipo di segnaposto. Impaginazione Sono relativi agli STILI (IMMAGINE STILI) e il loro significato sarà descritto nell'apposito capitolo. Macro Standard e Macro Personali Le MACRO (o Macro-comandi) sono funzioni usate per arricchire le pagine. Fanno parte delle Macro quelle standard (predefinite nel sistema) e quelle Personali che invece devono essere preventivamente create. Sono ampiamente trattate nell'apposito capitolo. Esempio: {MAC 6 Orologio} Slide Show All'interno delle pagine si possono inserire direttamente immagini e fotografie con il pulsante mentre, per la grande quantità di parametri, occorre utilizzare i segnaposto per inserire filmati, presentazioni, gallerie di immagini, eccetera. (Vedi apposito capitolo). Esempio: {SLS G Totem_Tigra}

15 Pagina 15 Contenitori E' un concetto molto utile ed esclusivo di XTOTEM per semplificare al massimo l'inserimento di notizie. Un Contenitore è una Pagina nella quale si possono aggiungere facilmente altre pagine. XTOTEM si preoccupa di creare una pagina con tutti titoli delle pagine inserite e, quando il navigatore sceglie un titolo, visualizza la relativa pagina. In questo modo non ci si deve preoccupare di effettuare i link necessari. La Macro permette alcune personalizzazioni: Esempio: {INC 389 1,999,S,1 (Set:1/2/3, N. Max, Icona:S/N, Stile:1/2/3) contenitore news } SET: Ogni Notizia può contenere fino a tre Titoli e Sommari suddivisi in altrettanti Set. Qui si definisce quale Set visualizzare. 2. E' possibile limitare la visualizzazione ad un numero massimo di Notizie qui indicato. 3. Normalmente Titolo e Sommario sono preceduti di un'immagine o un'icona, qui si indica con S se si vuole l'immagine, oppure con N per nessuna immagine (scrivere senza virgolette). 4. Per ogni Notizia occorre definirne lo Stile di impaginazione. Oltre allo stile standard 1 è possibile definirne altri due (2 e 3) usati, ad esempio, per gli smartphone. Qui si indica quale Stile usare. Schedari Altro concetto molto importante per creare cataloghi ed elenchi come, ad esempio, listini o inserzioni. Si crea uno schedario, una sorta di armadio, e si definisce quali sono le informazioni da inserire sulle singole schede. Richiamando lo Schedario XTOTEM si preoccupa di: Creare un motore di ricerca all'interno dello schedario Visualizzare il risultato della ricerca Visualizzare la scheda di dettaglio scelta dal navigatore Per ogni Schedario sono possibili fino a tre Macro che indicano di inserire il motore di ricerca, il risultato della ricerca oppure il dettaglio della scheda. Esempi: {SKR 5 Motore di ricerca Schedario Ecommerce} - {SKS 5 Sintesi / Elenco risultati di Ecommerce} - {SKD 5 Dettaglio di Ecommerce}

16 Pagina 16 Testi Inserisce il testo di un'altra pagina. E' possibile definire se inserire anche eventuali tabelle, se non si inseriscono i testi delle varie celle sono separati da un a-capo. E' anche possibile definire se le immagini contenute nella pagina di partenza debbono essere ridotte in scala, scrivere 0 (zero) per ignorare le immagini. Esempi: {TXT 1522 T,100 (Vedi Tabelle T/_, Foto nnn) Vista mare } Scrivere T per importare le Tabelle, nulla per ignorarle (i contenuti saranno in ogni caso conservati) 2. Scrivere la percentuale di riduzione delle immagini, 0 (zero) per non importare immagini {TXT 1522,50 (Vedi Tabelle T/_, Foto nnn) Vista mare } Questo esempio ignora le Tabelle e riduce le immagini del 50%. ATTENZIONE: le virgole all'interno della Macro devono essere conservate.