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

Transcript

1 Pag. 1/42 Benvenuti nel Manuale d uso di lexun! Vi consigliamo di stampare e seguire questa guida per utilizzare lexun. E consigliabile stampare anche la 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

2 Pag. 2/42 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 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

3 Pag. 3/42 PANNELLO DI CONTROLLO 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 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

4 Pag. 4/42 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 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 Outlook Express 3. Guida 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.

5 Pag. 5/42 step 7 Invio 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 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.

6 Pag. 6/42 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.

7 Pag. 7/42 ATTENZIONE: la cancellazione di un menù comporta anche la cancellazione del suo contenuto. 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

8 Pag. 8/42 Cliccando su questa icona, si accede al servizio webmail, che consente l accesso alla posta elettronica tramite internet. Nella 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 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

9 Pag. 9/42 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.

10 Pag. 10/42 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.

11 Pag. 11/42 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.

12 Pag. 12/42 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.

13 Pag. 13/42 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.

14 Pag. 14/42 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.

15 Pag. 15/42 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 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.

16 Pag. 16/42

17 Pag. 17/42 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.

18 Pag. 18/42 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.

19 Pag. 19/42 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.

20 Pag. 20/42 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 X 2 Si può scegliere se il carattere deve essere in Apice, allora selezioniamo il testo da mettere in Apice e pressiamo

21 Pag. 21/42 sull icona X 2. Step 16a 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

22 Pag. 22/42

23 Pag. 23/42 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 . 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 ( ), 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 se vogliamo raggiungere un sito che utilizza codice protetto e cifrato dobbiamo scegliere 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 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 come protocollo. Nella stringa vuota URL (a fianco del protocollo) va specificato il percorso o indirizzo da raggiungere, in questo caso Prima di cliccare ok è consigliabile specificare la destinazione del collegamento, vedi step 20b

24 Pag. 24/42 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.

25 Pag. 25/42

26 Pag. 26/42 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.

27 Pag. 27/42 Step 20d link interattivi collegamento a Una delle funzioni principali dell editor è quella di lineare ad . Scriviamo il testo della , 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 . Dopo aver seleziona ci apparirà la finestra che vediamo sopra. Dobbiamo inserire l indirizzo 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 pronta ad essere completata e spedita all indirizzo che abbiamo precedentemente messo nell apposito campo.

28 Pag. 28/42 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.

29 Pag. 29/42 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.

30 Pag. 30/42 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à