Vi consigliamo di stampare e seguire questa guida per utilizzare lexun.
E’ consigliabile stampare anche la e-mail “conferma d’ordine e parametri d’accesso”, inviata da logos engineering, che contiene i "parametri d’accesso" al pannello di controllo del sito ed ai servizi Internet.
Indice
PANNELLO DI CONTROLLO
ICONA STEP ARGOMENTI pagina
Step 1 Icona “amministrazione del sito” 3
Step 2 Accesso al pannello di controllo 3
Step 3 Il Pannello di Controllo 3
Step 4 Parametri 4
Step 5 Guida on line 4
Step 6 Predisposizione servizio SMS 4
Step 7 Invio SMS 5
Step 8 Ricarica SMS 5
Step 9 Password 5
Step 10 Amministrazione dei menù 6
Step 11 Inserimento dei sotto-menù 6
Step 12 Gestione photogallery 7
Step 13 Servizio “Chiamatemi” 7
Step 14 Webmail 7
Step 15 Statistiche 8
Step 16 Cambio sfondo 9
Step 17 Ripristina sfondo 9
Step 18 Cambio flash 9
Step 19 Ripristina flash 9
Step 20 News 10
Step 21 Privacy 11
Step 22 Dati portale 11
Step 23 Condizioni contrattuali 11
Step 24 Pagamenti sicuri payPal 12
Indice EDITOR
ICONA STEP ARGOMENTI pagina
Step 1a Accesso all’editor per l’inserimento dei contenuti 13
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 18
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 – Ancora 24
Step 21a Elimina link 25
Step 22a Inserimento immagini 25
Step 23a Inserimento flash 27
Step 24a Inserimento tabelle 28
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 Creazione moduli elettronici 35
Step 38a Codice Sorgente 36
step 1 – icona “amministrazione del sito”
Avviate il vostro sito lexun!
Da qualsiasi pagina del sito, cliccate con il mouse sul simbolo della chiavetta
step 2 – Accesso al pannello di controllo 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.
step 3 – Il Pannello di Controllo Apparirà il Pannello di
controllo.
Il pannello di controllo di lexun consente all’Utente di attivare e disattivare la visibilità di 6 menù (indicati dal riquadro rosso):
Il segno di spunta indica che il menù è attivato e quindi visibile al pubblico.
Il segno “divieto”
indica che il menù è disattivato e quindi invisibile al pubblico.
Nel caso in esempio Sono disattivati i menù:
Prodotti e Servizi
step 4 – 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 5 – Guida 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 la pagina dei parametri che trovate sul vostro sito 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 6 – Predisposizione servizio 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 8 – Ricarica SMS
Da 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.
step 9 – Password Cliccando su questa icona è possibile entrare nell’area di amministrazione della password e procedere al suo cambiamento.
ATTENZIONE: Se smarrite la password sarà necessario richiederla a logos engineering.
step 10 – amministrazione dei menù Cliccando su questa icona è possibile
entrare nell’area di amministrazione del menù principale e procedere:
1. cliccando sul tasto “modifica”, possiamo modificare il testo o lo
“status” di un menù principale;
2. cliccando sulla voce di un menù, per esempio “chi siamo” possiamo inserire un sottomenù a questa voce;
vedasi esempio seguente.
.
Lexun viene fornito con un minimo di contenuti già inseriti nei menù
principali.
step 11 – inserimento dei sotto-menù Per i sottomenù vale la
stessa modalità di amministrazione dei menù principali, con l’unica differenza che oltre al tasto modifica è presenta anche un tasto cancella.
Nell’esempio a fianco abbiamo simulato di inserire 3 nuovi sottomenù nel menù principale “chi siamo”.
Lexun permette di inserire infiniti sottomenù.
Come vedremo più avanti, ogni sottomenù corrisponde ad una pagina del sito, nella quale possiamo inserire i contenuti che desideriamo: testuali, grafici, animazioni, filmati, allegare file.
step 12 – Gestione photogallery si possono caricare
Immagini non superiori ad 1MB, il formato deve essere JPG o GIF
step 13 – 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 14 – 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 15 – Statistiche Nella e-mail “conferma d’ordine e parametri di accesso” trovate i codici di accesso a questo servizio, e cioè:
“Username",
“Password”.
Dall’area statistiche è possibile controllare gli accessi al proprio sito, le pagine viste, le statistiche orarie e giornaliere per mesi.
Statistiche sui referer (Siti e 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
prodotti - 5 visitatori) raccolte per giorno e mese. Informazioni dettagliate sui visitatori e sui loro sistemi.
Andamento motori di ricerca.
step 16 – 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 17 – 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 18 – 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 19 – 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.
step 20 – 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
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.
step 21 – 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 22 – dati portale
Da questa icona si accede ad un’area dell’amministrazione che serve per inserire i dati fondamentali del sito.
Titolo portale: compare in alto sul browser.
Descrizione: serve a migliorare la Indicizzazione
Parole chiave o metaname: sono Le parole con cui desideriamo essere Cercati sui motori di ricerca
Tutti i dati vengono inseriti dal Sistema lexun al momento della realizzazione del sito. In ogni momento è possibile aggiornare i dati. Questo è fondamentale per l’amministratore del sito, in quanto permette di migliorare sempre le performance della indicizzazione.
step 23 – condizioni contrattuali Da questa icona si accede al contratto standard lexun.
step 24 – 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.
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’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.
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 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 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 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
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 “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
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 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.
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.
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.
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 è 880 x 600, se la carichiamo così andrà a sformare il sito, perché la larghezza massima è di 550 pixel.
Basta ridurre la larghezza (l’altezza si adeguerà automaticamente in proporzione).
Consigliamo di mettere il valore 0 nel bordo, altrimenti di default viene messo una cornice attorno
Si può decidere di allineare la foto rispetto alla pagina.
A questo punto clicchiamo si OK e l’immagine sarà
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 principale dove possiamo effettuare le modifiche.
Step 23a – inserimento flash
Altra funzione fondamentale dell’editor è “inserimento flash”.
Cliccando sull’icona si aprirà la finestra qui a fianco.
Per cercare il flash da inserire bisogna premere il tasto
“Cerca sul server”, è dal serve infatti che
possiamo trasferire i flash nel sito.
La procedura è uguale a quella precedente, step 22a.
Ricordate di mettere 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
Inserimento tabelle è una delle funzione più complesse dell’editor, ma si rivela di fondamentale importanza in moltissima casi.
Da un perfetto utilizzo delle tabelle dipende infatti la perfezione dell’impostazione grafica dei contenuti.
L’esempio che segue è tratto dal sito lexun, la pagina è quella che presenta i vari template dei siti.
E’ una tabella con 12 righe (anche se nell’esempio ne vediamo solo 4) e 3 colonne.
Nella prima riga sono riportate le immagini ridotte dei template, nella seconda riga sono riportati il nome ed il link ad acquista, nella terza riga altri template e così via.
Di seguito mostriamo come abbiamo proceduto a creare questa pagina:
Andiamo sulla pagina dove vogliamo inserire la tabella, clicchiamo su , ci troviamo davanti ad una pagina vuota. Clicchiamo su Si aprirà la finestra “Proprietà tabella”,
decidiamo quante righe e quante colonne inserire e soprattutto la dimensione in pixel della tabella.
Decidiamo la dimensione del bordo (in questo caso è zero perché non vogliamo che si veda il bordo). Decidiamo l’allineamento che la tabella deve avere rispetto alla pagina (in questo caso centrato), decidiamo la spaziatura tra le celle ed il padding celle (cioè lo spazio tra il contenuto di una cella ed il suo limite), ambedue 1 pixel in questo caso.
Consigliamo di impostare sempre la larghezza in percentuale: 100%, in modo da lasciare
calcolare al sistema gli spazi corretti, altrimenti si rischia di superare i pixel massimi consentiti in larghezza (550).
Inseriamo le immagini in ognuna delle singole celle, seguendo la procedura dello step 22a.
Si prosegue scrivendo i titoli nelle celle sottostanti e si prosegue fino al completamento.
Se le immagini devono essere linkate si procede ad eseguire una delle procedure dello step 20.
Con le tabelle si possono creare photogallery, inserendo le immagini come “allegati” (vedi step…) e caricandole in formato piccolo nella tabella e mettendo dei link alle foto allegate.
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 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.
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 sia di allegare file (immagini, documenti PDF) per il download (stato File Visibile) o essere richiamati da un link dell sito (stato File Stand by), creando ipertesto e interazioni multimediali.
Con la pratica è possibile realizzare album di immagini, archivi, etc. e richiamarli da una tabella strutturata come nello step 24a.
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 modulo
Inserisce un campo nascosto.
L’attivazione della funzione “Modulo Elettronico” non è compresa nel prodotto lexun, 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, le tariffe sono pubblicate on line sul sito lexun.it
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 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 a logos engineering 0923 714176.
Tutti i marchi utilizzati sono dei legittimi proprietari.
