Indice PANNELLO DI CONTROLLO
password
ICONA STEP ARGOMENTI pagina
Step 1 Cambia password 4
Amministrazione del sito
Step 2 Amministrazione menù e sotto-menù 4
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 7
Step 9 Privacy 7
Step 10 Indicizzazione e dati portale 7
Step 11 Upload flash (upload flash esterno nel Top del sito) 8
Servizi lexun
Step 12 Predisposizione servizio Invio SMS 9
Step 13 Webmail 10
Step 14 Statistiche 10
Guide e informazioni
Step 15 Parametri 11
Step 16 Guide on line 11
Step 17 Servizio “Chiamatemi” 11
Step 18 Visualizza fatture 11
Contratto e pagamento on line
Step 19 Condizioni contrattuali 12
Step 20 Acquista servizi opzionali 12
Step 21 Pagamenti sicuri payPal 12
Step 22 Lexun Partners 12
Indice EDITOR
ICONA STEP ARGOMENTI pagina
Step 1a Accesso all’editor per l’inserimento dei contenuti 13 Step 1b Scorciatoia per accesso all’amministrazione sotto-menù 15
Step 2a Salva 16
Step 3a Pagina nuova 16
Step 4a Anteprima 16
Step 5a Modelli 16
Step 6a Taglia – copia - incolla 16
Step 7a Incolla come testo semplice 16
Step 8a Incolla da Word 17
Step 9a Stampa 17
Step 10a Annulla 17
Step 11a Ripristina 17
Step 12a Trova 17
Step 12b Sostituisci 18
Step 13a Seleziona tutto 18
Step 14a Formattazione 18
Step 15a Pedice e Apice 18
Step 16a Elimina formattazione 19
Step 17a Elenchi numerati, Elenchi puntati 19
Step 18a Spostamento e Rientro del paragrafo 19
Step 19a Allineamento del testo 19
Step 20a Link interattivi –collegamento a siti esterni 20
Step 20b Link interattivi – destinazione collegamento 21
Step 20c Link interattivi –collegamento a pagine dello stesso sito 22
Step 20d Link interattivi – collegamento a e-mail 23
Step 20e Link interattivi – Ancoraggio 24
Step 21a Elimina link 24
Step 22a Inserimento immagini 25
Step 22b riduzione immagine a icona e link all’immagine originale 27
Step 23a Inserimento flash nelle pagine web 28
Step 24a Inserimento tabelle (e immagini al loro interno) 29
Step 25a Inserimento riga orizzontale 31
Step 26a Inserimento emoticon 31
Step 27a Inserimento caratteri speciali 31
Step 28a Interruzione pagina 31
Step 29a Stile 31
Step 30a Formato 32
Step 31a Font 32
Step 32a Dimensioni 32
Step 33a Colore testo 32
Step 34a Colore sfondo (o evidenziatore) 33
Step 35a Show blocks 33
Step 36a Allegare file 34
Step 37a Codice Sorgente 35
PANNELLO DI CONTROLLO (lexun versione 3.0)
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.
Password
step 1 – Password
Cliccando 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.
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 sfondo
Cliccando 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.
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.
E’ possibile provare diversi tipi di flash, fino a trovare quello più idoneo.
step 6 – ripristina flash
Cliccando su questa icona si annulla il cambio flash e viene automaticamente ripristinato il flash di default, cioè quello con cui è stato realizzato il sito o quello inserito con eventuale upload di flash dall’esterno (cioè con un flash realizzato da voi, vedasi step 11
step 7 – news
Lexun consente di gestire le news ed un archivio news in modo semplice ed intuitivo.
Inserimento news
Il testo si può scrivere o inserire con “copia – incolla”.
Inserire titolo; Inserire il contenuto; SALVARE
Modifica news
Selezionando la news da
modificare, si aprirà la finestra con la news da modificare
Cancellazione news Selezionando la news da
cancellare, questa verrà eliminata dal sito e dall’archivio.
step 8 – Gestione photogallery
si possono caricare Immagini non superiori ad 10 MB, 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 mouse
Titolo sito per browser: compare in alto sul browser.
Descrizione per motori: serve a migliorare l’indicizzazione
Parole chiave per motori: sono le parole o metaname con cui si vuole essere individuati sui motori di ricerca.
Alcuni dati vengono inseriti dal Sistema lexun al momento della realizzazione del sito. In ogni momento è possibile aggiornarli e
inserire le parole chiave (indicizzazione)
step 11 –
Upload flash (upload flash esterno nel Top del sito)Cliccando su questa icona si accede ad una funzione che consente all’Utente di sostituire il flash del top (l’animazione principale del sito posta nel cosiddetto Top) con un flash esterno.
Prima di utilizzare questa funzione è necessario realizzare (o far realizzare da un grafico) il flash che si desidera caricare.
Per creare un flash è necessario possedere il software
“Macromedia Flash” (è un software professionale di una certa complessità, utilizzato da professionisti web designer e web master).
Le dimensioni dell'animazione flash del Top possono essere diverse a secondo del template scelto:
larghezza 900 pixel, altezza 150 pixel larghezza 832 pixel, altezza 200 pixel larghezza 626 pixel, altezza 200 pixel larghezza 614 pixel, altezza 300 pixel larghezza 500 pixel, altezza 300 pixel
Una volta realizzato il flash (o dal Cliente o da un grafico di sua fiducia) è molto facile fare l’upload:
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 caricare
3. cliccare sul tasto “Apri”
4. cliccare sul tasto Invia.
DOPO QUESTE OPERAZIONI BISOGNERA’ ASPETTARE QUALCHE MINUTO PER DARE IL TEMPO DI EFFETTUARE L’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”, che riguarda la possibilità di inserire un flash nell’editor, come contenuto del sito.
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 visionare
il vostro stato di servizio costantemente aggiornato.
Nella sezione Statistiche globali, potrete tenere sotto controllo lo stato degli invii di SMS.
step 13 – Webmail
Cliccando 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.
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, le guide per la configurazione delle e-mail ed eventuali guide specifiche per prodotti con database
Vi consigliamo di stampare e conservare le guide lexun.
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.
step 18 – Visualizza fatture
Cliccando su questa icona, si accede alla pagina delle fatture emesse da logos engineering per il Cliente che ha acquistato lexun.
Contratto e pagamento on line
step 19 – condizioni contrattuali
Da questa icona si accede alle condizioni contrattuali di lexun.
step 20 – Acquista servizi opzionali
Da questa icona si accede al modulo elettronico di acquisto servizi opzionali.
step 21 – pagamenti sicuri PayPal
Da questa icona si accede al sistema di pagamento on line di lexun con carta di credito, utile anche per pagare il canone annuo.
Il pagamento di lexun e dei canoni annuali può essere effettuato anche con bonifico bancario.
step 22 – Lexun Partners
Da questa pagina è possibile accedere al modulo di iscrizione alla campagna promozionale lexun
partners, riservata solamente ai Clienti lexun.
EDITOR
Step 1a - accesso all’editor per l’inserimento dei contenuti
Ogni volta che viene creato un menù (vedasi step 2), si crea automaticamente una pagina vuota, che in alto porta una icona della “matita” (visibile solo dopo che si è autenticati), 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’Editor
Scrivere 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.
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 contemporaneamente INVIO il testo va “a capo” senza lasciare interlinea.
“SCORCIATOIE”
Tasto CTRL con combinazione tastiera
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 appunti
CTRL + 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.
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 all’amministrazione del sottomenù senza passare dal Pannello di Controllo.
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 nuova
Questa 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 – anteprima
Consente di vedere un’anteprima del contenuto della pagina, cioè come si vedrà il contenuto con il browser utilizzato.
Step 5a – modelli
Questa 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 semplice
Consente 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.
Step 8a – incolla da Word Consente 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 – stampa
Consente di stampare il contenuto dell’editor
Step 10a – annulla
Consente di annullare l’ultima operazione dell’editor
Step 11a – ripristina
Consente di ripristinare l’ultima operazione annullata
Step 12a – trova
Consente di trovare una parola nel testo e di sostituirla con un’altra.
Step 12b – sostituisci
Consente di sostituire una parola nel testo.
Praticamente questa funzione si può raggiungere anche dalla funzione “trova”.
Step 13a – seleziona tutto
Consente di selezionare tutto il contenuto della pagina. Utile quando bisogna copiare il contenuto.
Step 14a –formattazione
Si 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 = grassetto I = corsivo U = sottolineato
ABC = delineato (barrato)
Step 15a – Pedice e Apice
Si può scegliere se il carattere deve essere Pedice, allora selezioniamo il testo da mettere Pedice 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.
Step 16° – elimina formattazione
Consente 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 puntati
Si 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 se vogliamo 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
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 “Carica e Collega” 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 (àncora 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 (3), vedi step 20b
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 browser nuova 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.
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”.
Step 20d – link interattivi – collegamento a e-mail
Una delle funzioni principali dell’editor è quella di linkare 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 sulle parole interattive (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 predisposto.
Step 20e – link interattivi – ancoraggio
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’àncora (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.
Step 21a – elimina link
Consente 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 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”.
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.
Cliccando sul file caricato è possibile trasferire l’immagine nel sito.
Ci apparirà la finestra “Proprietà immagine” e vedremo subito l’anteprima dell’immagine nella finestra “Anteprima”.
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.
Consigliamo quindi di ridurre la larghezza dell’immagine da 800 a 500 pixel. L’altezza (375 pixel) sarà impostata
automaticamente dall’editor.
Consigliamo di mettere il valore 0 nel bordo, altrimenti di default viene messo una cornice attorno alla foto.
In questo modo potremo inserire un’immagine nella pagina web, decidendo anche l’allineamento rispetto a questa, scegliendolo dal selettore “Allineamento”.
Clicchiamo su OK e l’immagine sarà trasferita nella pagina da cui è iniziata l’operazione.
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 “Proprietà immagine” dove possiamo
effettuare le modifiche.
Step 22b – riduzione immagine a icona e link all’immagine originale
E’ possibile anche ridurre l’immagine ad icona e renderla interattiva, cioè in modo che cliccando su di essa appaia l’immagine nel formato originale di caricamento.
Prendiamo ad esempio l’immagine precedentemente caricata e clicchiamo sopra con il tasto destro del mouse: apparirà il riquadro
“Proprietà immagine”, clicchiamo sopra ed apriamo la finestra
“Proprietà immagine” dove possiamo effettuare le modifiche.
riduciamo la larghezza
dell’immagine da 500 a 120 pixel.
L’altezza (90 pixel) sarà impostata automaticamente dall’editor.
Consigliamo sempre 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à ridotta a icona.
Adesso selezioniamo e clicchiamo sul tasto collegamento ipertestuale Si aprirà la finestra “Collegamento”, andiamo nella sezione “Carica e Collega”,
clicchiamo sul tasto “Cerca sul server”, si aprirà la finestra FCKeditor dove si trova il file originale
dell’immagine che abbiamo precedentemente caricato (vedasi Step 22a)
A questo punto bisogna andare a cercare sul server il file dell’immagine tramite il “Resource Type”.
Il server riconosce 4 tipi di file: File (word, pdf, etc) Image, Flash e Media.
Appena il file è visibile nel riquadro a destra (3), bisogna cliccarvi sopra.
Dopo aver cliccato, ci apparirà di nuovo la finestra “Collegamento”.
Selezionando “Destinazione”, si aprirà un selettore dove consigliamo di scegliere l’opzione “Nuova Finestra (Blank).
Quindi cliccare su ok.
Dopo l’applicazione di questa
procedura, se è stata svolta nel modo corretto, cliccando sulla foto ridotta a icona, questa apparirà in una nuova finestra nelle dimensioni originali di caricamento.
Step 23a Inserimento flash nelle pagine web
Altra funzione fondamentale dell’editor è “inserimento flash” in una pagina qualsiasi del sito.
Cliccando sull’icona si aprirà la finestra qui a fianco.
Premere il tasto “Cerca sul server”.
La procedura è uguale al caricamento immagini 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).
Step 24a – inserimento tabelle (e immagini al loro interno)
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.
Di seguito mostriamo come abbiamo proceduto.
Le immagini sono state inserite seguendo per ogni foto la procedura dello Step 22a, e sono state ridotte a icona come indicato nella procedura Step 22b, ogni immagine è stata collocata dentro una cella della tabella.
Le immagini sono state inserite nella prima e nella terza riga, in modo da lasciare le righe seconda e quarta per inserire le didascalie (foto 1, foto 2 etc).
Applicando ad ogni immagine la procedura dello Step 22b, è possibile, cliccando su ogni singola foto visualizzarla in una nuova finestra nelle sue dimensioni originali. In questo modo abbiamo creato una vera e propria photogallery personalizzata, dove alle immagini si possono abbinare testi, file, link, rendendo ogni contenuto ipertestuale. Con la pratica è possibile realizzare album di immagini, archivi multimediali, etc. e richiamarli da una tabella strutturata.
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 orizzontale
Cliccando 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 emoticon
Cliccando su questa icona si apre una curiosa finestra di simboli. Selezionando il simbolo è possibile inserirlo nella pagina.
Step 27a – inserimento caratteri speciali
Cliccando 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 pagina
Cliccando 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”
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 testo
Cliccando su questa icona si seleziona il colore del testo.
Step 34a – colore sfondo (o evidenziatore)
Cliccando su questa icona si seleziona il colore dell’evidenziatore (dopo aver selezionato il testo).
Step 35a – show blocks
Cliccando su questa icona i paragrafi vengono individuati da una demarcazione punteggiata, che non comparirà nella pagina del sito.
Step 36a – allegare file
L’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.
Step 37a – 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 copiare
3. cliccare “codice sorgente”
4. selezione tutto il contenuto che trovate nel codice sorgente 5. 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 al 0923 952636.
Tutti i marchi utilizzati sono dei legittimi proprietari.
