benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di...

66
Manuale d’uso lexun proprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia Versione 2.0 Rev. 02 Pag. 1/66 Benvenuti nel Manuale d’uso di lexun! Vi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che contiene i "parametri d’accesso" al sito ed ai servizi Internet. Indice PANNELLO DI CONTROLLO password ICONA STEP ARGOMENTI pagin a Step 1 Cambia password 3 Amministrazione del sito Step 2 Amministrazione menù e sotto-menù 3 Step 3 Cambio sfondo 5 Step 4 Ripristina sfondo 5 Step 5 Cambio flash 6 Step 6 Ripristina flash 6 Step 7 News 6 Step 8 Gestione photogallery 8 Step 9 Privacy 8 Step 10 Indicizzazione e dati portale 8 Step 11 Inserisci flash “Inserimento nuovo Flash nel Top” 9 Servizi lexun Step 12 Predisposizione servizio Invio SMS 10 Step 13 Webmail 11

Transcript of benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di...

Page 1: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 1/40

Benvenuti nel Manuale d’uso di lexun! Vi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che contiene i "parametri d’accesso" al sito ed ai servizi Internet.

Indice PANNELLO DI CONTROLLOpassword

ICONA STEP ARGOMENTI pagina

Step 1 Cambia password 3

Amministrazione del sitoStep 2 Amministrazione menù e sotto-menù 3

Step 3 Cambio sfondo 5

Step 4 Ripristina sfondo 5

Step 5 Cambio flash 6

Step 6 Ripristina flash 6

Step 7 News 6

Step 8 Gestione photogallery 8

Step 9 Privacy 8

Step 10 Indicizzazione e dati portale 8

Step 11 Inserisci flash “Inserimento nuovo Flash nel Top” 9

Servizi lexunStep 12 Predisposizione servizio Invio SMS 10

Step 13 Webmail 11

Step 14 Statistiche 11

Guide e informazioniStep 15 Parametri 12

Step 16 Guide on line 12

Step 17 Servizio “Chiamatemi” 12

Servizi OpzionaliStep 18 Servizio Opzionale – Area riservata 13

Step 19 Servizio Opzionale – Sondaggi 13

Contratto e pagamento on lineStep 20 Condizioni contrattuali 14

Step 21 Pagamenti sicuri payPal 14

Step 22 Ricarica SMS 14

Page 2: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 2/40

Indice EDITOR

ICONA STEP ARGOMENTI pagina

Step 1a Accesso all’editor per l’inserimento dei contenuti 15Step 1b Scorciatoia per accesso all’amministrazione sotto-menù 17

Step 2a Salva 18 Step 3a Pagina nuova 18 Step 4a Anteprima 18 Step 5a Modelli 18

Step 6a Taglia – copia - incolla 18 Step 7a Incolla come testo semplice 18 Step 8a Incolla da Word 19 Step 9a Stampa 19 Step 10a Annulla 19 Step 11a Ripristina 19 Step 12a Trova 19 Step 12b Sostituisci 20 Step 13a Seleziona tutto 20

Step 14a Formattazione 20 Step 15a Pedice e Apice 20

Step 16a Elimina formattazione 21 Step 17a Elenchi numerati, Elenchi puntati 21 Step 18a Spostamento e Rientro del paragrafo 21

Step 19a Allineamento del testo 21 Step 20a Link interattivi –collegamento a siti esterni 22 Step 20b Link interattivi – destinazione collegamento 23 Step 20c Link interattivi –collegamento a pagine dello stesso sito 24 Step 20d Link interattivi – collegamento a e-mail 25 Step 20e Link interattivi – Ancora 26 Step 21a Elimina link 27 Step 22a Inserimento immagini e riduzione immagini ad icone 27 Step 22b Link alle immagini ridotte a icone 29 Step 23a Inserimento flash “inserimento flash come contenuto” 30 Step 24a Inserimento tabelle e immagini al loro interno 31 Step 25a Inserimento riga orizzontale 33 Step 26a Inserimento emoticon 33 Step 27a Inserimento caratteri speciali 34 Step 28a Interruzione pagina 34

Step 29a Stile 34

Step 30a Formato 34

Step 31a Font 35

Step 32a Dimensioni 35 Step 33a Colore testo 35 Step 34a Colore sfondo (o evidenziatore) 36

Step 35a Show blocks 36 Step 36a Allegare file 37

Step 37a Creazione moduli elettronici 38 Step 38a Codice Sorgente 39

Page 3: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 3/40

PANNELLO DI CONTROLLO (lexun versione 2.0)

Avviate il vostro sito lexun!

Da qualsiasi pagina del sito, cliccare con il mouse sul simbolo della chiavetta

Apparirà l’invito ad autenticarsi.

Inserire Username e Password.

Questi parametri vengono forniti al Cliente da logos engineering con l’e-mail “conferma d’ordine e parametri d’accesso” che vi consigliamo di stampare e di conservare.

Apparirà il Pannello di controllo.

Il pannello di controllo di lexun consente all’Utente di amministrare il sito.

I servizi Opzionali non sono inclusi nel sito standard ma sono attivabili a richiesta e consistono in un’area riservata per l’upload/download di documenti e in un’area sondaggi anch’essa amministrabile.

Per informazioni sui servizi aggiuntivi si rimanda al sito www.lexun.it

Page 4: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 4/40

Password

step 1 – PasswordCliccando su questa icona è possibile entrare nell’area di amministrazione della password e procedere al suo cambiamento.

Vi ricordiamo che ai fini di massimizzare la sicurezza del vostro sito è consigliabile cambiare la password ogni 6 mesi, usando caratteri e numeri (password alfanumerica).

ATTENZIONE: Se smarrite la password sarà necessario richiedere a logos engineering la password originale (la richiesta va effettuata con una e-mail valida tra quelle fornite con lexun).

Lexun viene fornito con una password unica valida sia per l’amministrazione del sito sia per accedere ai vari servizi.

Il cambio di questa password avrà validità solo per l’amministrazione del sito e non per gli altri servizi lexun, ognuno dei quali ha il suo pannello di cambio password (tranne statistiche, la cui password è insostituibile).

Amministrazione del sito

step 2 – amministrazione dei menù e sottomenù

Cliccando sul tasto “modifica”,possiamo modificare il testo o lo “status” (“attivo” o “non attivo”) del menù; la modalità “non attivo” è riconoscibile dal testo in corsivo ed il menù (ed i suoi sottomenù) non sono visibili al pubblico ma possono essere ripristinati dall’amministratore in qualsiasi momento.

Lexun, per sicurezza, non consente di cancellare i menù principali ma solo di modificarli o disattivarli.

Cliccando direttamente sul titolo del menù, per esempio “chi siamo” possiamo inserire un sottomenù (struttura “padre e figli” o “capitolo e paragrafi”); vedasi esempio seguente.

Ad ogni menù o sottomenù corrisponde una pagina del sito, dove possiamo inserire i contenuti che desideriamo: testi, grafici, animazioni, filmati, file. Lexun permette di inserire infiniti sottomenù. Per i sottomenù è prevista anche la funzione “cancella”.

ATTENZIONE: la cancellazione di un menù comporta anche la cancellazione dei suoi contenuti.

Page 5: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 5/40

Inserimento sottomenù

Nell’esempio a fianco abbiamo simulato di inserire 3 nuovi sottomenù nel menù “chi siamo”.

Con le freccette è possibile impostare l’ordine di visualizzazione.

Da questa icona (visibile accanto ai sottomenù verticali, a sinistra dello schermo), si accede direttamente all’amministrazione del sottomenù senza passare dal Pannello di Controllo.

step 3 – cambio sfondoCliccando su questa icona si accede ad un’area dell’amministrazione che serve per cambiare lo sfondo del sito, si può scegliere tra una vasta gamma di sfondi.

Per utilizzare questa funzione basta selezionare una categoria di sfondo e poi selezionare lo sfondo scelto.

Il portale sarà visibile, da questo momento in poi, con lo sfondo che abbiamo scelto.

E’ possibile provare diversi tipi di sfondo, fino a trovare quello più idoneo.

step 4 – ripristina sfondo Cliccando su questa icona si annulla il cambio sfondo e viene automaticamente ripristinato lo sfondo di default, cioè quello con cui è stato realizzato il sito.

Page 6: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 6/40

step 5 – cambio flash

Cliccando su questa icona si accede ad un’area dell’amministrazione che serve per cambiare il flash presente nel sito (animazione nella parte alta, TOP), si può scegliere tra una vasta gamma di flash.

Per utilizzare questa funzione basta selezionare il flash (di cui possiamo vedere l’anteprima cliccando sull’immagine piccola) e confermare.

Il portale sarà visibile, da questo momento in poi, con il flash che abbiamo scelto.

E’ possibile provare diversi tipi di flash, fino a trovare quello più idoneo.

step 6 – ripristina flashCliccando su questa icona si annulla il cambio flash e viene automaticamente ripristinato il flash di default, cioè quello con cui è stato realizzato il sito.

step 7 – news

Lexun consente di gestire le news ed un archivio news in modo semplice ed intuitivo.

Page 7: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 7/40

Inserimento news

Il testo si può scrivere o inserire con “copia – incolla”

Inserire titolo

Inserire il contenuto

Modifica news

Selezionando la news da modificare, si aprirà la finestra precedente con la news da modificare

Cancellazione news

Selezionando la news da cancellare, questa verrà eliminata dal sito e dall’archivio.

Page 8: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 8/40

step 8 – Gestione photogallery

si possono caricare Immagini non superiori ad 1MB, il formato deve essere JPG o GIF

step 9 – privacy

Da questa icona si accede all’area di amministrazione della Politica della Privacy. Lexun provvede ad inserire la politica standard, consigliamo di modificarla secondo le esigenze del Cliente.

step 10 – Indicizzazione e dati portale

Serve per indicizzare il sito e per inserire i dati che compaiono nel browser e nel piè di pagina del sito.Tag collegamento: tag del titolo che compare al passaggio del mouseTitolo sito per browser: compare in alto sul browser. Descrizione per motori: serve a migliorare l’indicizzazioneParole chiave per motori: sonole parole o metaname con cui si vuole essere individuati sui motori di ricerca.

Alcuni dati vengono inseriti dalSistema lexun al momento dellarealizzazione del sito. In ogni momento è possibile aggiornarli e inserire le parole chiave (indicizzazione)

Page 9: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 9/40

step 11 – inserisci nuovo flash “Inserimento nuovo Flash nel Top”

Cliccando su questa icona si accede ad una nuova funzione lexun, che consente all’Utente di sostituire il flash del sito.

Per utilizzare questa funzione è naturalmente necessario preparare prima il flash che si desidera implementare.

Per creare un flash è necessario avere la licenza del software della Macromedia e naturalmente saperlo utilizzare (è un software professionale di una certa complessità, utilizzato da professionisti web designer e web master).

Le dimensioni dell'animazione flash del Top sono di: larghezza 832 pixel, altezza 200 pixel.Solo negli standard Skip le dimensioni sono di: larghezza 626 pixel, altezza 200 pixel.

Una volta realizzato il flash (chiaramente anche da un professionista esterno) è molto facile applicare la procedura di caricamento e sostituire quindi il flash.

Dal pannello di controllo cliccare sull’icona , si aprirà la finestra “Flash Top - sfoglia”,

1. cliccare sul tasto sfoglia per cercare nel nostro PC il flash in formato SWF 2. cliccare sul file che vogliamo caricare3. cliccare sul tasto “Apri”4. cliccare sul tasto Invia.

DOPO QUESTE OPERAZIONI BISOGNERA’ ASPETTARE QUALCHE MINUTO PER DARE IL TEMPO DELL’UPLOAD (il tempo dipende dalla dimensione del flash). Appena ha finito di caricare vedrete il nuovo flash.

ATTENZIONE: spesso, anche dopo aver eseguito perfettamente la procedura, il flash non si visualizza. E’ solo un problema di cache, cioè di memoria del vostro browser. Si proceda allora a ripulire in modo corretto tutta la cache e il flash sarà visibile (non basta premere il tasto f5 ma bisogna utilizzare la procedura completa prevista dal browser).

ATTENZIONE: Questa procedura non va confusa con lo Step 23a dell’Editor: “Inserimento flash come contenuto”, icona chiara: , che riguarda la possibilità di inserire un flash come contenuto del sito.

Page 10: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 10/40

Servizi lexun

step 12 – Predisposizione servizio invio SMS

Ciccando su questa icona del pannello di controllo, sarete indirizzati sul servizio SMS, che consente di inviare SMS dal sito a prezzi molto vantaggiosi.

Per attivarlo è necessario fare la prima ricarica, tramite l’icona “ricarica SMS”.

Dopo la prima ricarica il servizio SMS sarà attivato e consentirà di: inviare SMS, amministrare gli invii di SMS anche a gruppi, con rubrica, statistiche, stato degli invii effettuati, stato delle notifiche, etc.

Nella e-mail “conferma d’ordine e parametri di accesso” trovate i codici di accesso a questo servizio, e cioè:il "Nome utente"e la Password.

Nella sezione Stato account potrete visionareil vostro stato di servizio costantemente aggiornato.

Nella sezione Statistiche globali, potrete tenere sotto controllo lo stato degli invii di SMS.

Page 11: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 11/40

step 13 – WebmailCliccando su questa icona, si accede al servizio webmail, che consente l’accesso alla posta elettronica tramite internet.

Nella e-mail “conferma d’ordine e parametri di accesso” trovate i codici di accesso a questo servizio, e cioè:

indirizzo Internet per raggiungere il servizio, il "Nome utente",la Password.

step 14 – Statistiche

Nella e-mail “conferma d’ordine e parametri di accesso” trovate i codici di accesso a questo servizio, e cioè:“Username" e “Password”.

Dall’area statistiche è possibile controllare gli accessi al proprio sito, le pagine viste, le statistiche orarie e giornaliere per mesi. Statistiche sui motori di ricerca, archiviate per giorni e mesi e illimitate.

Conteggio accessi in pagine o sezioni del sito, (es. quanti accessi fa la sezione foto del vostro sito, la sezione chi siamo, la sezione prodotti, etc.).

Statistiche in tempo reale del percorso dei visitatori (es: da homepage a prodotti - 5 visitatori) raccolte per giorno e mese. Informazioni dettagliate sui visitatori e sui loro sistemi. Andamento motori di ricerca.

Page 12: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 12/40

Guide lexun e informazioni

step 15 – Parametri

Ciccando su questa icona del pannello di controllo, potete visualizzare i parametri principali per l’accesso ai servizi Internet.

Vi consigliamo di stampare e conservare la pagina dei parametri che trovate sul vostro sito lexun.

CONFIGURAZIONE POSTA ELETTRONICA "Server di posta in arrivo""Server di posta in uscita" "Nome utente" ”Password”

SERVIZIO WEBMAIL Indirizzo Internet per raggiungere il Servizio"Nome utente" ”Password”

SERVIZIO STATISTICHE”Username””Password”

SERVIZIO SMS"Nome utente" ”Password”

step 16 – Guide on line

Ciccando su questa icona del pannello di controllo, sarete indirizzati sulla pagina del sito lexun.it dove troverete questo manuale e le guide per la configurazione delle e-mail.

Vi consigliamo di stampare e conservare le guide lexun.

Le guide disponibili sul sito lexun.it sono:

1. Manuale d’uso di lexun

2. Guida e-mail Outlook Express

3. Guida e-mail Outlook

step 17 – servizio “Chiamatemi”

Cliccando su questa icona, si accede alla pagina di lexun.it dove è possibile inserire il proprio telefono per essere richiamati da personale logos engineering a costo zero.

Page 13: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 13/40

Servizi Opzionali

step 18 – Area riservata (servizio opzionale)

Questo è un servizio Opzionale, non incluso nel sito standard ma attivabile a richiesta.

L’Area riservata è un vero e proprio gestore di documenti on line, molto potente perchè consente non solo di archiviare i propri documenti in un server sicuro ma anche di poter gestire le password per fare accedere i propri CLIENTI, i quali potranno vedere solamente i documenti a loro assegnati, senza poter neanche vedere le directory dell’area. Il servizio è superiore al tradizionale FTP. Per informazioni S i rimanda al sito www.lexun.it

step 19 – Sondaggi (servizio opzionale)

Questo è un servizio Opzionale, non incluso nel sito standard ma attivabile a richiesta.

L’Area sondaggi consente di poter organizzare sondaggi on line e di poter immediatamente avere le statistiche delle risposte, aggiornate ad ogni clic.

Per informazioni S i rimanda al sito www.lexun.it

Page 14: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 14/40

Contratto e pagamento on line

step 20 – condizioni contrattuali

Da questa icona si accede al contratto standard lexun.

step 21 – pagamenti sicuri PayPal

Da questa icona si accede al sistema dipagamento on line di lexun con cartadi credito, utile anche per pagare il canone annuo.

Il pagamento di lexun e dei canoniannuali può essere effettuato anche conbonifico bancario.

step 22 – Ricarica SMSDa questa pagina è possibile ricaricare del servizio SMS, il pagamento può avvenire con carta di credito o con bonifico.

Questa pagina è riservata ai possessori di un Portale Lexun ed in essa sono riportate le tariffe SMS.

Page 15: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 15/40

EDITOR Step 1a - accesso all’editor per l’inserimento dei contenuti

Ogni volta che viene creato un menù (vedasi step 10 e step 11), si crea automaticamente una pagina vuota, che in alto porta una icona della “mano che scrive” (visibile solo quando si è loggati), cliccando su di essa di entra nell’editor. Nello spazio libero si può inserire il testo, utilizzando la tastiera o “incollando” il testo precedentemente copiato da fonte esterna. Dopo aver scritto bisogna salvare per poter inserire il testo nel sito.

L’editor di lexun è facile ed intuitivo, permette l’inserimento di contenuti testuali ed ipertestuali, di immagini, di flash. di video, di file. Nonostante l’interfaccia sia semplice ed intuitiva è necessario dare alcune indicazioni sulle funzioni principali.

Scrivere con l’EditorScrivere con l’editor è semplice come scrivere su un comune programma di video scrittura. Vi è però una differenza importante da prendere in considerazione: i normali programmi di video scrittura sono utilizzati per creare contenuti stampabili, limitati nello spazio fisico delle pagine, questo editor invece, è utilizzato per creare il testo da pubblicare su Internet, destinato ad essere letto tramite browser web, inoltre tramite i contenuti viene creata interattività tra il sito e il navigatore.

Le cose più importanti da prendere in considerazione sono:

Su Internet, le pagine non hanno limiti fisici. Esse possono crescere all'infinito.

Lo stesso contenuto può essere visto in modi diversi su computer diversi, o diversi browser web.

I caratteri a disposizione sono limitati perché sono presenti solo quelli “letti” dai browser. Si consiglia di utilizzare il carattere di default dell’editor, cioè non importare carattere da word senza prima filtrarlo (vedasi step 8a)

Un Utente diversamente abile può avere difficoltà a visualizzare i contenuti e bisogna considerare i modi per soddisfare al meglio le loro particolari esigenze.

Page 16: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 16/40

I Siti Web sono in genere creati da programmatori che utilizzano "linguaggi informatici" (detti anche “codici sorgenti” ) molto complessi. Questi "linguaggi" sono potenti per molti aspetti, ma hanno anche dei limiti che sono di difficile comprensione da parte di utenti “non informatici”.

Questo editor è un generatore di “codice sorgente” (agisce come un invisibile informatico che converte l’azione svolta sulla tastiera in linguaggio informatico) e consente a tutti di poter produrre “contenuti web” senza essere informatici.

Rappresenta un ottimo compromesso tra i linguaggi complessi e la semplicità dei comuni programmi di video scrittura. Con il tempo la ricerca riuscirà ad abbattere i limiti di questo compromesso.

Pur disponendo di uno dei migliori Web Editor esistenti al mondo, non vi lamentate se qualche volta l’aspetto finale della pagina non è rispondente alle aspettative, perché oltre alle restrizioni tecniche (comuni a tutti i software) la conoscenza approfondita di questo strumento richiede molto tempo. Si consideri che in questa guida vengono fornite le indicazioni fondamentali per l’utilizzo del software, anche se lo stesso consente applicazioni web avanzate come la creazione di format interattivi (moduli di richiesta informazioni con elenchi selezionabili con checkbox, inserimento di tasti interattivi, creazione di album interattivi). Con le indicazioni di questa guida avrete sicuramente una piacevole esperienza di scrittura e di inserimento contenuti nel web, con la pratica riuscirete anche ad utilizzare le funzioni più avanzate.

Per iniziare è fondamentale conoscere le seguenti indicazioni:

Tasto Invio (importante)La prima cosa da sapere è come utilizzare il tasto INVIO, in alcuni computer chiamato ENTER. Se si preme il tasto INVIO l'editor creerà un nuovo paragrafo, cioè il testo va “a capo” lasciando uno spazio di interlinea.

Tenendo premuto il tasto SHIFT e premendo INVIO contemporaneamente il testo va “a capo” senza lasciare interlinea.

Tasto CTRL con combinazione tastiera (“scorciatoie”)CTRL + A seleziona tutto il contenuto della pagina.CTRL + B trasforma in grassetto il testo selezionato. CTRL + C copia il testo selezionata negli Appunti CTRL + V incolla i dati dagli appuntiCTRL + I trasforma in corsivo il testo selezionato.CTRL + L apre la funzione per mettere un Link al testo selezionato

CTRL + U sottolinea il testo selezionato. CTRL + X taglia il testo o il contenuto selezionato. CTRL + Z annulla l’ultima operazione effettuata. CTRL + ALT + INVIO ingrandisce l'editor a tutto schermo.CTRL + TAB mostra il codice sorgente (per utenti esperti). Ognuna di queste “scorciatoie” corrisponde ad una funzione delle icone, come vedremo di seguito.

Ricordiamo sempre che l’editor permette di inserire qualsiasi contenuto sul web, ma non è un programma come il word, perché a differenza di questo deve generare il linguaggio HTML, lo standard per il web.

Page 17: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 17/40

Spazio a disposizione

Lo spazio a disposizione all’interno della pagina ha un limite solo nella larghezza, mentre l’altezza non ha limiti.

Ingombro massimo in larghezza (inserimento corretto)

Quando inseriamo contenuti testuali l’editor automaticamente imposta il testo entro questi limiti.Quando copiamo da word può capitare che predominino i limiti assoluti impostati nel word è quindi consigliabile “filtrare” il contenuto di word attraverso lo strumento dell’editor “incolla da word” (step 8a).

Quando inseriamo un’immagine senza averla ridimensionata secondo le indicazioni di questa guida (vedi step 22a), questa immagine “spingerà” gli altri elementi grafici del sito, facendolo sformare di tanti pixel quanti sono i pixel oltre i 550.

Se per esempio inseriamo un’immagine di 600 pixel di larghezza, alcune parti della grafica del sito (menù, flash) si allargheranno di 50 pixel, creando un effetto di disordine nel contesto grafico.

Come si può vedere più avanti in questa guida, l’editor permette di impostare la larghezza e l’altezza delle immagini e delle tabelle, in modo da essere contenuti dentro i limiti codificati.

Step 1b - Scorciatoia per accesso all’amministrazione dei sotto-menù Da questa icona (visibile a sinistra dello schermo quando siamo autenticati), si accede direttamente

Page 18: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 18/40

all’amministrazione del sottomenù senza passare dal Pannello di Controllo.

Page 19: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 19/40

Step 2a – salva Ogni operazione fatta con l’editor per essere esecutiva va salvata prima di chiudere l’editor. Per esempio dopo aver scritto il testo è necessario cliccare su “salva”, altrimenti l’operazione non sarà resa esecutiva e non vedremo il testo sul sito. Il tasto salva è anche presente in fondo alla pagina, dove assume un altro aspetto grafico che è il seguente:

La funzione è la stessa.

Step 3a – pagina nuovaQuesta icona consente di ripulire di tutto il contenuto esistente la pagina aperta e di creare così una pagina vuota. Statisticamente questa funzione è poco utilizzata.

Step 4a – anteprimaConsente di vedere un’anteprima del contenuto della pagina, cioè come si vedrà il contenuto con il browser utilizzato.

Step 5a – modelliQuesta applicazione consente di creare uno dei tre template predefiniti della pagina.

Se non viene utilizzato l’editor provvede a creare la pagina di default che è la più utilizzata e la più consigliata, cioè pagina piena.

Statisticamente questa funzione è poco utilizzata perchè partendo dalla funzione di default è possibile creare infinite combinazioni di template.

Immagine e titolo

Template a 2 colonne

Testo e tabella

Step 6a – taglia – copia - incolla

Queste applicazioni consentono di tagliare, copiare ed incollare un contenuto nell’editor. Queste funzioni possono essere richiamate facendo un clic con il tasto destro del mouse sul testo selezionato che vogliamo tagliare, copiare od incollare. Oppure con le “scorciatoie” (step 1a).

Step 7a – incolla come testo sempliceConsente di incollare un testo nell’editor senza passare dal filtro dell’editor, cioè senza ripulire il testo di eventuale presenza di HTML. In pratica i caratteri vengono importati così come sono, senza essere “uniformati” a quello standard del sito. Questa funzione è poco usata perchè può creare un effetto grafico molto eterogeneo nel contesto grafico generale, che invece deve essere sempre omogeneo ed uniforme. Pertanto è consigliabile utilizzare il tasto successivo.

Page 20: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 20/40

Step 8a – incolla da WordConsente di incollare un testo nell’editor passando prima da un filtro che lo ripulisce di eventuale presenza di html. In pratica i caratteri vengono così “uniformati” a quello standard del sito. Questa funzione è molto usata perchè crea un effetto grafico omogeneo al contesto grafico generale. Pertanto è consigliabile utilizzare sempre questo tasto quando si importa da word.

Step 9a – stampaConsente di stampare il contenuto dell’editor

Step 10a – annullaConsente di annullare l’ultima operazione dell’editor

Step 11a – ripristinaConsente di ripristinare l’ultima operazione annullata

Step 12a – trova

Consente di trovare una parola nel testo e di sostituirla con un’altra.

Page 21: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 21/40

Step 12b – sostituisci

Consente di sostituire una parola nel testo.

Praticamente questa funzione si può raggiungere anche dalla funzione “trova”.

Step 13a – seleziona tuttoConsente di selezionare tutto il contenuto della pagina. Utile quando bisogna copiare il contenuto.

Step 14a –formattazioneSi può scegliere il modo in cui il carattere deve apparire: grassetto, corsivo, sottolineato o delineato.

Per rendere il vostro font in grassetto o in altra forma prevista premere il tasto sull’icona di riferimento.

Se si desidera che torni normale premere nuovamente sulla stessa icona.

E’ possibile usare combinazioni di funzioni, ad esempio grassetto + corsivo, oppure grassetto + corsivo + sottolineato.

B = grassettoI = corsivoU = sottolineatoABC = delineato (barrato)

Step 15a – Pedice e Apice Si può scegliere se il carattere deve essere Pedice, allora selezioniamo il testo da mettere Pendice e pressiamo sull’icona X2

Si può scegliere se il carattere deve essere in Apice, allora selezioniamo il testo da mettere in Apice e pressiamo sull’icona X2.

Page 22: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 22/40

Step 16a – elimina formattazioneConsente di eliminare la formattazione che avevamo impostato prima. Questa funzione agisce su ogni tipo di formattazione. Per farla funzionare è necessario prima selezionare ed evidenziare il testo su cui agire e dopo cliccare sull’icona. E’ molto utile quando dobbiamo riportare un testo formattato male alle condizioni standard dell’editor (le più minimaliste, semplici ed adatte al web).

Step 17a – Elenchi numerati, Elenchi puntatiSi può scegliere di organizzare il testo in elenchi numerati o in elenchi puntati, come i normali programmi word.

Per fare questo è necessario selezionare il testo da organizzare e poi pressare sull’icona con i numeri sevogliamo un elenco numerato oppure sull’icona con i punti se vogliamo in elenco puntato.

Step 18a – Spostamento e Rientro del paragrafo Si può scegliere se spostare l’intero paragrafo verso destra, ad ogni clic sull’icona con la freccia verso destra si avrà un piccolo spostamento.

Se si decide di far rientrare il paragrafo verso sinistra si dovrà cliccare sull’icona con la freccia verso sinistra.

Step 19a – allineamento del testo

Page 23: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 23/40

Step 20a – link interattivi –collegamento a siti esterni

Una delle funzioni principali dell’editor è quella dei link interattivi esterni o interni al sito. Si possono linkare testi e immagini a siti esterni, a pagine dello stesso sito, a posizioni delle stessa pagina, ad e-mail. Immaginiamo di voler creare un link esterno con il quotidiano “Il Corriere delle Sera”. Scriviamo il testo nella pagina, selezioniamo la parola che vogliamo rendere attiva con il link (in questo caso “Corriere della Sera” e clicchiamo sull’icona , apparirà la finestra che vediamo qui sotto:

Il selettore “tipo di collegamento” permette di selezionare appunto il tipo di collegamento, che può essere ad un sito (URL) ad una e-mail (E-Mail), oppure ad un punto della stessa pagina del sito (Ancora nella pagina).

In merito al protocollo dobbiamo scegliere quello corrispondente alla destinazione del link. Se vogliamo raggiungere un altro sito internet sceglieremo http://, se vogliamo raggiungere un sito che utilizza codice protetto e cifrato dobbiamo scegliere https://, se vogliamo collegare il link ad un’area riservata in ftp dobbiamo scegliere ftp://, se vogliamo linkare ad un’altra pagina dello stesso sito o ad un allegato dobbiamo scegliere <altro>. N.B. il protocollo news:// è un vecchio protocollo in disuso.

I protocolli più usati sono http:// per collegare il link ad un sito esterno e <altro> per collegare il link ad un’altra pagina o ad un allegato del sito stesso.

Nel caso di esempio (corriere della sera) dovremo selezionare URL come tipo di collegamento e http:// come protocollo.

Nella stringa vuota URL (a fianco del protocollo) va specificato il percorso o indirizzo da raggiungere, in questo caso www.corrieredellasera.it.

Prima di cliccare “ok” è consigliabile specificare la destinazione del collegamento, vedi step 20b

Page 24: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 24/40

Step 20b – link interattivi – destinazione collegamento (tipo di visualizzazione)

Prima di cliccare “ok” è consigliabile specificare la destinazione del collegamento, altrimenti il sistema non la imposta ed il risultato è quello di collegarsi ad un sito esterno perdendo il collegamento con il nostro sito.

Invece è buona prassi impostare una destinazione, in modo che quando il navigatore chiude il sito linkato (in questo caso corriere della sera), il vostro sito rimane attivo.

Il selettore permette diverse soluzioni, in questa guida riportiamo le più usate che sono le prime 3:riquadro: apre il sito collegato in una finestra le cui dimensioni sono specifiche del browsernuova finestra (blank): apre il sito collegato in una nuova finestra a tutto schermo;finestra popup: apre il sito collegato in una finestra le cui dimensioni sono decise come di seguito:

La finestra a popup permette al navigatore che ha cliccato sul vostro link (ad esempio corriere della sera) di aprire il sito del corriere in una finestra le cui dimensioni sono determinate da voi, ma che il navigatore può comunque aprire a tutto schermo. Quando chiude il collegamento non perderà il collegamento con il vostro sito.

Ricordate sempre che è consigliabile spuntare le caselle “ridimensionabile” e “barra di scorrimento”, indicare larghezza e altezza con almeno 600 pixel, per una migliore visibilità del sito linkato.Le altre funzioni (Carica e Avanzate) sono consigliate solo ad utenti esperti e non sono riportate in questa guida.

Page 25: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 25/40

Step 20c – link interattivi –collegamento a pagine dello stesso sito

Si possono linkare testi e immagini a pagine dello stesso sito.

Immaginiamo di voler creare un link interno a pagina contatti. Scriviamo il testo nella pagina, selezioniamo la parola che vogliamo rendere attiva con il link (in questo caso “pagina contatti” e clicchiamo sull’icona , apparirà la finestra che vediamo qui sotto:

Il selettore “tipo di collegamento” deve essere impostato su URL.

In merito al protocollo dobbiamo scegliere <altro>.

N.B. nel campo URL dobbiamo copiare l’indirizzo della pagina di destinazione. E’semplice, basta andare nella pagina di destinazione, selezionare l’indirizzo che appare in alto nel browser,

Premere tasto destro del mouse, selezionare copia;andare nel campo URL;premere tasto destro del mouse, cliccare su incolla;cliccare su “OK”

A questo punto, il navigatore che clicca sul testo interattivo aprirà la pagina di destinazione, in questo caso “pagina contatti”.

Page 26: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 26/40

Step 20d – link interattivi – collegamento a e-mail

Una delle funzioni principali dell’editor è quella di lineare ad e-mail.

Scriviamo il testo della e-mail, selezioniamo la parola che vogliamo rendere attiva con il link (in questo caso “Mario Bianchi”) e clicchiamo sull’icona , apparirà la finestra dello step 20a

Il selettore permette di selezionare E-Mail. Dopo aver seleziona E-Mail ci apparirà la finestra che vediamo sopra.

Dobbiamo inserire l’indirizzo e-mail che vogliamo rendere attivo dalla pagina del sito;possiamo inserire (non è obbligatorio) l’oggetto del messaggio;possiamo inserire (non è obbligatorio) il corpo del messaggio.

Con questa funzione permettiamo al visitatore del sito che clicca sulla parola linkato (in questo caso le parole sono “mario bianchi”, di aprire automaticamente il suo programma di posta con la e-mail pronta ad essere completata e spedita all’indirizzo e-mail che abbiamo precedentemente messo nell’apposito campo.

Page 27: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 27/40

Step 20e – link interattivi – Ancora

E’ possibile “ancorare” una parte della pagina ad un link. Questo è utile quando la pagina è molto lunga e quindi possiamo creare interattività all’interno della pagina stessa. Per prima cosa dobbiamo decidere la parte da ancorare, per cui portiamoci con il mouse sul punto della pagina dove vogliamo mettere l’ancora (in questo caso su titolo 3 in basso), e clicchiamo sull’icona

Dopo possiamo selezionare ed evidenziare “titolo 3” in alto (vedi freccia rossa) e cliccare sull’icona per poi procedere come nell’immagine sotto, il sistema ci aiuterà a scegliere l’ancora per nome.

Dopo aver cliccato su “OK” l’ancora sarà attiva e quando cliccheremo su titolo 3 in alto, la pagina ci porterà automaticamente all’ancora, cioè a titolo 3 in basso, rendendo agevole la consultazione del testo, che a questo punto prende il nome di ipertesto.

Page 28: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 28/40

Step 21a – elimina linkConsente di annullare il link precedentemente impostato. Basta andare con il mouse sulla parola o sull’immagine che contiene un link e cliccare sull’icona. L’icona si distingue da quella che inserisce il link perché la catena è leggermente spezzata. Comunque questa icona è sempre posta a destra della icona precedente.

Step 22a – Inserimento immagini e riduzione immagini ad icone

Altra funzione fondamentale dell’editor è “inserimento immagine”.

Cliccando sull’icona si aprirà la finestra qui a fianco.

Per cercare l’immagine da inserire bisogna premere il tasto “Cerca sul server”,

è dal serve infatti che possiamo trasferire le immagini nel sito.

Premendo il tasto “Cerca sul server” apparirà la finestra Server qui a fianco.

Prima di poter procedere a trasferire un’immagine nel sito, bisogna caricarla sul server nel seguente modo:

cliccare sul tasto “Sfoglia”.

Page 29: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 29/40

Si aprirà la finestra qui a fianco (la finestra precedente rimarrà aperta).

La nuova finestra aperta è quella del Personal Computer da cui è avvenuto l’accesso a lexun.

Cerchiamo nel PC l’immagine che vogliamo inserire, selezioniamola facendo un clic sul file, e premiamo il tasto”Apri”.

Adesso clicchiamo sul tasto “Upload” della finestra Server.

Ipotizziamo di aver caricato un’immagine denominato “gru”, vedremo il file dentro la finestra Server che prima era vuota.

Da questo momento è possibile trasferire l’immagine nel sito.

Per trasferire l’immagine bisogna cliccare sul file (gru in questo caso).Vedremo subito l’anteprima dell’immagine nella finestra “Proprietà immagine”.

Le dimensioni delle immagini sono misurate in Pixel ed indicate con Larghezza ed Altezza.Nell’esempio a fianco l’immagine originale è 800 x 600, se la carichiamo così andrà a sformare il sito, perché la larghezza massima è di 550 pixel.Basta ridurla ad Icona, cambiando la larghezza da 800 a 120 pixel. L’altezza (90 pixel) sarà impostata automaticamente dall’editor.

Consigliamo di mettere il valore 0 nel bordo, altrimenti di default viene messo una cornice attorno alla foto.

Si può decidere di allineare la foto rispetto alla pagina.A questo punto clicchiamo si OK e l’immagine sarà trasferita nella pagina da cui è iniziata l’operazione.

Page 30: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 30/40

Per cambiare le proprietà dell’immagine, o per sostituirla, basta cliccare con il tasto destro del mouse sull’immagine e apparirà il riquadro qui a fianco.

Cliccando sul tasto “Proprietà immagine” apriamo la finestra precedente dove possiamo effettuare le modifiche.

Step 22b – link alle icone (immagini ridotte) per visualizzarle nelle dimensioni originaliE’ possibile rendere cliccabile ed ingrandibile un’immagine precedentemente ridotta: dopo aver selezionato l’immagine dentro l’editor, clicchiamo sul tasto collegamento ipertestuale

Si aprirà la finestra “Collegamento”, clicchiamo sul tasto “Cerca sul server”, si aprirà la finestra FCKeditor dove si trovano i file che abbiamo precedentemente inserito nel server. (vedasi Step 22a)

A questo punto bisogna andare a cercare il file dell’immagine tramite il “Resource Type”.

Appena il file è visibile nel riquadro a destra, bisogna ciccarci sopra.

Dopo aver cliccato, ci apparirà di nuovo la finestra precedente, “Collegamento”.

Selezionare “Destinazione”, si aprirà un selettore a sinistra dove consigliamo di scegliere l’opzione “Nuova Finestra (Blank). Quindi cliccare su ok.

In questo modo, cliccando sulla foto, questa apparirà in una nuova finestra nelle sue dimensioni originali.

Page 31: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 31/40

Step 23a Inserimento flash come contenuto del sito

ATTENZIONE: questa procedura non va confusa con lo Step 11 del Pannello di Controllo “Inserimento nuovo Flash nel Top”, icona rossa

Altra funzione fondamentale dell’editor è “inserimento flash” (come contenuto del sito, cioè in una pagina).

Cliccando sull’icona si aprirà la finestra qui a fianco.

Per cercare il flash da inserire bisogna premere il tasto “Cerca sul server”,

è dal server infatti che possiamo trasferire i flash nel sito.

La procedura è uguale a quella precedente, step 22a.

Ricordate di indicare nel pannello le dimensioni esatte del flash (larghezza e altezza).

ATTENZIONE: quando si inserisce un filmato flash nei contenuti, il flash si sovrappone ai menù a tendina orizzontali (cioè il flash ha priorità sul menù). Per invertire le priorità, dopo aver inserito il flash, andate nel CODICE SORGENTE, posizionatevi subito dopo <embed, lasciate uno spazio e scrivete il seguente codice: wmode="transparent", salvate e così il menù a tendina si sovrapporrà al flash (cioè il menù a tendina avrà priorità sul flash).

Page 32: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 32/40

Step 24a – inserimento tabelle e immagini

Inserimento tabelle è una funzione che si rivela di fondamentale importanza in moltissima casi.

Da un corretto utilizzo delle tabelle dipende infatti la perfezione dell’impostazione grafica dei contenuti.

L’esempio che segue consente di creare una photogallery personalizzata.

Andiamo sulla pagina dove vogliamo inserire la tabella, clicchiamo su , ci troveremo davanti l’editor. Clicchiamo su Si aprirà la finestra “Proprietà tabella”,

Innanzitutto bisogna creare una tabella tramite l’icona segnata con il numero 1 in questo esempio.

Impostare il selettore (2) in percento, la larghezza della tabella (3) con il numero 100, in modo da avere il 100% dello spazio disponibile al’interno della pagina.

Impostare il numero di righe (4) e il numero di colonne (5), nell’esempio abbiamo previsto di creare 4 righe e 3 colonne.

Impostare a 0 le dimensioni del bordo (6) se non si vuole che la tabella sia visibile.

Cliccare su ok.

Page 33: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 33/40

Di seguito mostriamo come abbiamo proceduto.

Le immagini sono state inserite seguendo per ogni foto la procedura dello Step 22a, per ogni immagine bisogna ripetere lo step 22a facendo attenzione che il puntatore del mouse si trovi dentro la cella dove vogliamo mettere l’immagine.

Le immagini sono state inserite nella prima e nella terza riga, in modo da lasciare le righe seconda e quarta per inserire le didascalie.

Le immagini originarie erano tutte di dimensione 800 x 600 pixel, logicamente non sarebbero potute entrare nella pagina web, per cui le abbiamo ridotte a 120 di larghezza con lo step 22a (l’altezza viene messa automaticamente dall’editor in modo da rispettare le proporzioni standard delle immagini e far si che anche rimpicciolite non perdano la qualità).

Se adesso applichiamo ad ogni immagine la procedura dello Step 22b (link alle icone per visualizzarle nelle dimensioni originali), sarà possibile, cliccando su ogni singola foto visualizzarla in una nuova finestra nelle sue dimensioni originali.

In queso modo abbiamo creato una vera e propria photogallery personalizzata, dove alle immagini si possono affiancare testi, file, link, rendendo ogni contenuto ipertestuale.

Con la pratica è possibile realizzare album di immagini, archivi multimediali, etc. e richiamarli da una tabella strutturata.

Page 34: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 34/40

Con le tabelle si possono quindi creare photogallery, caricandole in formato piccolo (icone) nella tabella e mettendo dei link alle foto caricate nel server.

ATTENZIONE: salvate sempre prima di uscire dall’editor altrimenti l’operazione dovrà essere ripetuta.Con le tabelle risulta essere utilissimo il tasto destro del mouse, che permette di amministrare le proprietà delle tabelle, delle singole righe, delle colonne ed addirittura delle singole celle, permettendo di aggiungere, cancellare e di attribuire proprietà diverse, allineare il contenuto per singola cella.

Step 25a – inserimento riga orizzontaleCliccando su questa icona si inserisce una riga orizzontale nella pagina. Può essere utile per dividere due paragrafi testuali o un’immagine dal testo.

Step 26a – inserimento emoticonCliccando su questa icona si apre una curiosa finestra di simboli. Selezionando il simbolo è possibile inserirlo nella pagina.

Page 35: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 35/40

Step 27a – inserimento caratteri specialiCliccando su questa icona si apre la finestra dei caratteri speciali. Selezionando il simbolo è possibile inserirlo nella pagina.

Molto utile per inserire simboli come -Marchio registrato ®, copyright ©,il simbolo ±

Questa finestra è anche utile per i diversamente abili in quanto funziona come una vera e propria tastiera.

Step 28a – interruzione paginaCliccando su questa icona si inserisce una interruzione pagina.

Step 29a – stile

Cliccando su questa icona si seleziona lo stile del testo

Step 30a – formato

Cliccando su questa icona si seleziona il formato del testo.

Nell’esempio a fianco abbiamo scelto “Titolo 1” per la scritta “lexun demo”

Page 36: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 36/40

Step 31a – font

Cliccando su questa icona si seleziona il font (carattere) del testo.

Nell’esempio a fianco abbiamo scelto “Comic Sans MS” per la scritta “lexun demo” con formato “Titolo 1”

Step 32a – dimensioni

Cliccando su questa icona si seleziona la dimensione del font (carattere) del testo.

Nell’esempio a fianco abbiamo scelto “medium” per la scritta “lexun demo” con formato “Titolo 1” e font “Comic Sans MS”.

Step 33a – colore testoCliccando su questa icona si seleziona il colore del testo.

Page 37: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 37/40

Step 34a – colore sfondo (o evidenziatore)Cliccando su questa icona si seleziona il colore dell’evidenziatore (dopo aver selezionato il testo).

Step 35a – show blocksCliccando su questa icona i paragrafi vengono individuati da una demarcazione punteggiata, che non comparirà nella pagina del sito.

Page 38: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 38/40

Step 36a – allegare fileL’area Gestione Allegati si trova in fondo all’editor. Per caricare un file in allegato, cioè che il visitatore del sito potrà visionare o scaricare cliccando sopra il file, è molto semplice e si conclude in 5 operazioni:1. Cliccare sul tasto Sfoglia, si aprirà la finestra “Scegliere file”, 2. selezionare il file da caricare, 3. cliccare sul tasto “Apri”, 4. denominare il file da allegare (è importante perché è il testo che vedrà il visitatore del sito), 5. cliccare su “Salva”.

E’ una funzione molto importante, perché consente di allegare file (immagini, documenti PDF) per il download (stato File Visibile) o solamente per essere richiamati da un link del sito (stato File Stand by), creando ipertesto e interazioni multimediali.

Page 39: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 39/40

Step 37a – creazione moduli elettronici

Questa serie di comandi è dedicata alla creazione di moduli elettronici, compilabili tramite il sito.

Crea l’area del modulo

Inserisce il segno di spunta quadrato

Inserisce il segno di spunta tondo

Inserisce un campo testo (nome e cognome)

Inserisce un’area di testo (note)

Inserisce un menù di selezione multipla

Inserisce un bottone per l’invio del modulo (invia query)Inserisce un bottone immagine per l’invio del moduloInserisce un campo nascosto.

L’attivazione della funzione “Modulo Elettronico” non è compresa nel prodotto lexun standard, in quanto comporta, per ogni modulo creato, l’impostazione di particolari valori sul server. Infatti ogni modulo, dopo la compilazione da parte dell’utente, deve essere inviato dal server di hosting all’amministratore del sito.

Il server non è impostato automaticamente per l’invio dei moduli e quindi per ogni modulo creato dobbiamo intervenire sul server per attivare la funzionalità di invio modulo.

L’attivazione del “Modulo Elettronico” è un servizio aggiuntivo a richiesta, le tariffe sono pubblicate on line sul sito lexun.it

Page 40: benvenuto nella guida lexunlexun.it/bbb/file_content/fl82.doc  · Web viewVi consigliamo di stampare questa guida e la e-mail “conferma d’ordine e parametri d’accesso”, che

Manuale d’uso lexunproprietà di logos engineering - Sistema Qualità certificato ISO 9001 Det Norske Veritas Italia

Versione 2.0 Rev. 02

Pag. 40/40

Step 38a – codice sorgente

Il codice sorgente serve per visualizzare il codice HTML del contenuto che abbiamo inserito. E’ il nostro piccolo informatico di cui si parla nello step 1a, che costruisce il codice al posto nostro ed è utile soprattutto agli esperti informatici per effettuare operazioni di dettaglio, praticamente permette di fare qualsiasi cosa riguardo al Web.

Si consiglia l’uso solo agli Utenti Informatici che hanno dimestichezza con il codice HTML.

Il suo utilizzo non è fondamentale per amministrare lexun. I non esperti lo potrebbero trovare utile nel caso in cui è necessario copiare contenuto complesso ed eterogeneo da una pagina del sito (testo, immagini, tabelle, ipertesto) ed incollarlo in un’altra pagina, questo è possibile con la seguente sequenza:

1. creare una nuova pagina (un nuovo sottomenù)2. andare sulla pagina da copiare3. cliccare “codice sorgente”4. selezione tutto il contenuto che trovate nel codice sorgente5. tasto destro del mouse “copia”6. andare sulla nuova pagina 7. cliccare “codice sorgente”8. tasto destro del mouse “incolla”9. cliccare “salva”

avete creato così una copia perfettamente uguale del contenuto di una pagina su un’altra pagina.

Questa è una delle centinaia di applicazioni che consente il codice sorgente.

Ci scusiamo se la guida dovesse presentare errori o scarsa chiarezza, ma Vi preghiamo di comprendere la difficoltà di applicare un linguaggio corrente ad argomenti tecnici spesso molto complessi.

Lexun permette di fare molto, si pensi che il sito leuxn.it può essere interamente ricostruito da un “non esperto informatico” in 2 giorni di lavoro seguendo questa guida.

Si può arrivare ad un buon grado di usabilità di lexun da autodidatta, l’uso costante di lexun è il miglior maestro. Se avete difficoltà ad utilizzare questa guida, telefonate a logos engineering 0923 714176.

Tutti i marchi utilizzati sono dei legittimi proprietari.