 |
Per creare una nuova pagina editor clicca su questa icona |
AMMINISTRA I CONTENUTI DELLA PAGINA CHE HAI CREATO
La pagina che hai creato la trovi in fondo al menù. Puoi spostarla con drag & drop, cioè trascinandola con il mouse e posizionarla dove vuoi, anche come sottomenù di una pagina esistente.
Per entrare nell'amministrazione della pagina creata clicca sopra il tasto con il titolo della nuova pagina (nell'esempio sotto riportato il titolo è "nuova pagina") e accederai all'amministrazione dei contenuti della pagina.
PANNELLO DI CONTROLLOÂ
Con l''Editor puoi inserire testi, immagini, flash, video youtube, allegare file, creare tabelle.
FUNZIONI DELLâEDITOR
 Sorgente - codice sorgente
Il codice sorgente serve per visualizzare il codice HTML del contenuto inserito. I più esperti potranno effettuare operazioni di dettaglio. Eâ utile per eseguire una copia perfettamente uguale di una pagina (o di parte di essa) in unâaltra pagina del sito, procedendo come segue:
1. crea una nuova pagina (un nuovo sottomenù)
2. vai sulla pagina da copiare
3. clicca su âcodice sorgenteâ , seleziona e copia tutto il contenuto che trovi nel codice sorgente
4. vai sulla nuova pagina e clicca âcodice sorgenteâ , incolla e salva.Â
Â
 salva
salva  la pagina con le ultime modifiche
Â
 pagina nuova
Attenzione: cancella tutto il contenuto presente nella pagina.
 massimizza
salva massimizza lo spazio di editing dell'editor
Â
 Taglia â copia â incolla
Sono funzioni per tagliare, copiare e incollare "contenuti" nell'editor
Â
 incolla come testo semplice
Incolla il testo nellâeditor senza ripulirlo 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é non riconosce la formattazione standard del sito. Pertanto è consigliabile utilizzare il tasto successivo: incolla da Word.
Â
 incolla da Word
Quando copi testo da word può accadere che prevalgano impostazioni non compatibili con lâeditor, per cui il testo non risponde ai comandi di formattazione. Questa funzione ti consente di incollare un testo nellâeditor attraverso un filtro che lo ripulisce di eventuale presenza di codice html âsporcoâ. In pratica i caratteri vengono così âuniformatiâ a quello standard del sito.
 stampa
stampa i contenuti della pagina
 annullaÂ
annulla l'ultima operazione effettuata
 ripristinaÂ
ripristina l'ultima cancellazione effettuata
 Trova
Trova una parola nel testo. Questa funzione permette di effettuare il "trova e sostituisci"
 Seleziona tutto
Seleziona tutto il contenuto di una pagina
 Elimina Formattazione
Elimina la formattazione del contenuto della paginaÂ
 Inserimento immagine (carica immagini dal tuo PC)
Come inserire un'immagine
vai con il mouse nel punto esatto della pagina dove vuoi inserire lâimmagine, clicca sullâicona  , si aprirà la finestra âProprietà immagineâ.
Per inserire lâimmagine bisogna premere il tasto âCerca sul serverâ . Si aprirà il file manager del server, con la classica struttura delle cartelle ad albero.Â
Esegui la procedura già descritta nella sezione LOGO GRAFICO. Il sistema provvederà a caricare l'immagine mostrandoti l'anteprima nella finestra âProprietà immagineâ.
Puoi impostare in proporzione la larghezza e lâaltezza. Eâ possibile impostare il valore del bordo (0 se non vuoi bordo attorno alla foto). Eâ possibile impostare lâallineamento dellâimmagine nella pagina web o in una tabella.
RIEPILOGO TESTUALE DELLA PROCEDURA
Per inserire lâimmagine bisogna premere il tasto âCerca sul serverâ. Si aprirà il file manager del server, con la classica struttura delle cartelle ad albero (tipo Windows). Se lâimmagine è già sul server clicca 2 volte sullâimmagine da inserire, se lâimmagine è sul tuo PC devi trasferirla sul server nel seguente modo:
clicca su upload
clicca su sfoglia
seleziona lâimmagine dal tuo PC (cliccando sul tasto âapriâ per confermare)
clicca sul tasto âCarica Fileâ
clicca 2 volte sullâimmagine caricata e vedrai lâanteprima dellâimmagine nella finestra âProprietà immagineâ
 ATTENZIONE: Puoi caricare più file contemporaneamente. Il nostro editor consente il MULTI-UPLOAD, devi selezionare i file che vuoi caricare dalla tua cartella del PC locale e procedere come indicato.
 ATTENZIONE: i nomi dei file da caricare non devono contenere spazi o caratteri speciali, altrimenti potrebbero non essere caricati correttamente o non essere visualizzati.Â
come ridurre un'immagine a icona e collegarla con un link allâimmagine originale
Se vuoi ridurre lâimmagine ad icona e renderla interattiva, in modo che cliccandovi sopra appaia una finestra con lâimmagine nel formato originale, procedi come nel punto âinserimento immagineâ e prima di premere ok devi:
Ridurre la larghezza dellâimmagine (lâaltezza sarà impostata automaticamente dallâeditor in modo proporzionale);
Premere su âCOLLEGAMENTOâ; Premere su âCERCA SUL SERVERâ; seleziona la cartella che contiene lâimmagine; clicca 2 volte sullâimmagine originale; ti troverai di nuovo nella finestra âproprietà immagineâ; Seleziona âtargetâ; scegli lâopzione âNew windows (Blank)â; premi OK.
Se la procedura è stata eseguita correttamente, cliccando sulla foto ridotta a icona, si aprirà una nuova finestra con la foto visibile nelle dimensioni originali. Se vuoi cambiare destinazione (per esempio apertura a POPUP) posizionati sullâimmagine (allâinterno dellâeditor) ed imposta la âdestinazioneâ.
 inserimento di un file in formato flash nella pagina
La procedura è uguale a âinserimento immaginiâ. Si tratta di trasferire un file flash dal tuo PC al server e poi dal server al sito. Ricordati di indicare nel pannello le dimensioni esatte del flash (larghezza e altezza) altrimenti si visualizza in modo errato. ATTENZIONE: dopo aver inserito il flash vai su âProprietà â, âModalità finestraâ e seleziona la voce âTrasparenteâ.
  Inserimento tabelle
Vai nel punto della pagina dove vuoi inserire la tabella, cliccate su  , apparirà la finestra âProprietà tabellaâ
Se non sai quanti pixel deve essere larga la tabella, imposta la larghezza in percento (scelta consigliata impostazione 100%).
imposta il numero di righe; imposta il numero di colonne; Imposta 0 per le dimensioni del bordo se non vuoi bordi visibili. Clicca su ok. Una volta creata la tabella puoi inserire testo o immagini nelle singole celle, si riporta un semplice esempio:
TABELLA CON 4 RIGHE E 3 COLONNE
Ogni immagine e stata inserita dentro una cella della tabella riducendola ad icona. Le immagini sono state inserite nella 1° e nella 3° riga, in modo da lasciare la riga 2° e la riga 4° per inserire le didascalie.
Se non desideri visualizzare i bordi imposta il valore a 0.
Ogni immagine è stata inserita seguendo la procedura della riduzione dell'immagine ad icona, in modo che cliccando su ogni icona si apre la foto originale. In questo modo abbiamo creato una photogallery personalizzata, dove alle immagini si possono abbinare testi, file, link, rendendo ogni contenuto ipertestuale. Con il tasto destro del mouse puoi amministrare le proprietà delle tabelle, delle singole righe, delle colonne ed addirittura delle singole celle. Puoi aggiungere, cancellare e attribuire proprietà diverse ed allineare il contenuto per singola cella.
  Inserisci riga orizzontale
Gestisce l'inserimento di una riga orizzontale, utile per separare graficamente due o più parti della stessa pagina
  Caratteri speciali
Permette di inserire caratteri speciali, es. $, &, ©, ®, e molti altri.
  Inserisci interruzione paginaÂ
Gestisce l'inserimento dell'interruzione pagina
 link interattiviÂ
link interattivi - collegamento a pagine web
Si possono collegare testi e immagini a pagine web interne o esterne al sito. Immaginiamo di voler collegare un testo o unâimmagine presente sul sito ad una mappa di google. Innanzitutto visualizza su google map lâindirizzo esatto; copia il link generato da google (tasto destro del mouse + copia). Seleziona il testo o lâimmagine del tuo sito che vuoi rendere interattiva (cioè che quando si clicca porti alla mappa di google), vai sullâicona  , si aprirà la finestra âcollegamentoâ.
Informazioni collegamento: seleziona URL
Protocollo: seleziona http://
Nel campo di testo âURLâ (a fianco al protocollo) incolla il link alla mappa di google precedentemente copiato.
Destinazione: seleziona la destinazione new windows (blank) oppure finestra popup. (La âdestinazioneâ fa si che il il tuo sito rimane aperto quando il navigatore chiude la pagina linkata.).
link interattivi â collegamento a e-mail
Si possono collegare testi e immagini ad un indirizzo e-mail. Procedi come nel punto precedente, solo che nella sezione âtipo di collegamentoâ devie selezionare âe-mailâ.
 link interattivi â collegamento a file caricati sul server
Si possono collegare testi o immagini a file (PDF, immagini) contenuti nel server. Seleziona il testo o lâimmagine che vuoi rendere interattivo,  vai sullâicona    , si aprirà la finestra âcollegamentoâ.
Carica: con il tasto sfoglia seleziona il file dal tuo PC e conferma con il tasto âapriâ.
Vai sul tasto âInvia al Serverâ.
Premi ok (se vuoi che il file si apra a pop up imposta la âdestinazioneâ a pop up).
 Elimina linkÂ
Consente di eliminare un link esistente. Vai con il mouse sulla parola o sullâimmagine che ha un link e clicca sullâiconaÂ
 link interattivi â ancoraggio
Dopo aver creato una pagina con molto testo, potrebbe essere utile dividerlo in paragrafi o capitoli e creare lâindice nella parta iniziale della pagina. Dopo aver creato lâindice, vai con il mouse sul punto del testo da collegare allâindice e clicca sullâicona 
  .
Dai un nome allâancoraggio: per esempio âtitolo 1â e premi ok.
Adesso vai nellâindice; seleziona il titolo 1 e clicca sullâicona   , si aprirà la finestra âCollegamentoâ :
da âinformazioni collegamentoâ seleziona âancora nella paginaâ, si aprirà una finestra che ti permette di scegliere a quale Ancora collegare il âtitolo 1â. Completa la procedura e salva. Da questo momento, quando si clicca su âtitolo 1â dellâindice, la pagina porterà automaticamente nella parte del testo corrispondente; questa funzionalità prende il nome di ipertesto.
 Grassetto - corsivo - sottolineato - barrato
Gestisce l'impostazione del testo
  Colore Testo
Gestisce il colore del testo. Per cambiare colore al testo devi selezionare il testo e scegliere il colore del testo tramite questa icona.
  Colore Sfondo del Testo evidenziato
Gestisce il colore di sfondo del testo evidenziato. Per evidenziare un testo con un colore devi selezionare il testo e scegliere il colore di sfondo  tramite questa icona.Â
 Allineamento testo
Gestisce l'allineamento del testo: a sinistra, al centro, a destra e giustificato.Â
 
Elenchi
Gestisce l'impostazione di elenchi numerati ed elenchi puntati
Sposta paragrafo
Gestisce lo spostamento ed il rientro del paragrafo
  Citazione
Permette di inserire una "citazione" o un paragrafo particolare mettendo graficamente in evidenza il testo.
FORMATI ACCETTATI DALL'EDITOR:
I formati accettati dall'editor sono: 7z, 3gp, aiff, asf, avi, csv, doc, docx, fla, gz, gzip, mid, mov, mp3, mp4, mpc, mpeg, mpg, ods, odt, pdf, ppt, pptx, pxd, qt, am, rar, rm, rmi, rmvb, rtf, sdc, sitd, sxc, sxw, tar, tgz, txt, vsd, wav, wma, wmv, xls, xlsx, zip, bmp, gif, jpeg, jpg, png, tif, tiff, swf, flv.
  Attenzione!!!
Webee consente di inserire un video youtube nei widget 
, in modo da poterlo vedere in ogni pagina dove i widget sono attivi.
Se invece hai esigenze di inserire diversi video youtube allora ti consigliamo di creare una o più specifiche pagine editor e di seguire le  indicazioni che seguono.
 You Tube nella pagina Editor   Â
PUOI INSERIRE I VIDEO YOU TUBE NELLA TUA PAGINA EDITOR
Crea la pagina editor seguendo le indicazioni del manualeÂ
COPIA IL CODICE SORGENTE DA YOUTUBE
Segui gli step indicati sopra, fino al punto 4 e copia (tasto destro del mouse) il codice destinato ad essere incorporare nel tuo editor.
INCOLLA IL CODICE SORGENTE DEL VIDEO YOUTUBE NELLA PAGINA EDITOR
Vai nella pagina editor che hai creato e seleziona "Sorgente" (step 1) e poi incolla il codice copiato da you tube (step 2).
Potra inserire tutti i video you tube che desideri, in sequenza verticale. Dopo aver incollato il codice non dimenticare di salvare per confermare l'operazione.
Con "anteprima" potrai visualizzare la pagina editor con i video (la dimensione del video caricati sarà quella scelta su you tube).
COME CREARE UNA TABELLA CON I VIDEO NELLA PAGINA EDITOR
Crea una tabella nella pagina editor
Se devi creare una galleria di video youtube, su 2 colonne, crea una tabella di almeno 1 riga e 2 colonne come indicato sopra, imposta come sopra e clicca su salva.
Vedrai la struttura della tabella con i bordi visibili:
Â
Adesso clicca su CODICE SORGENTE per incollare il codice del video youtube:
Â
dopo aver incollato il codice proveniente da youtube devi salvare.
Â
il primo video è stato incorporato.
Â
per caricare il 2° video, dopo averlo copiato da youtube come indicato all'inizio di questa pagina, entra nell'editor e ripeti l'operazione partendo dalla schermata che segue:
Â
Se i video da caricare sono più di 2, dopo aver caricato il 2° video, vai nell'editor, porta il mouse all'interno della tabella, clicca sul tasto destro del mouse, seleziona riga e poi clicca su Inserisci riga dopo, clicca su salva e la tabella sarà incrementata di una riga come quella superiore.Â
Attenzione!!!
Ottimizza l'indicizzazione per ogni pagina del tuo sito
Per attivare l'indicizzazione per pagina seleziona ON.
In ogni pagina del sito potrai inserire parole chiave per aumentare l'indicizzazione del tuo sito. Le parole chiave servono a "consolidare" gli argomenti trattati nella pagina e non vanno utilizzati per fuorviare gli algoritmi dei motori di ricerca.
Consigli utili
Titolo
Argomento principale del contenuto della tua pagina
Descrizione
Breve descrizione dei contenuti della pagina (max 150 caratteri)
Deve essere un riassunto sintetico dell'argomento trattato nella pagina, dando risalto agli argomenti che possono attirare l'attenzione dell'utente.
Deve essere semplice, non deve colpire essere "esagerata" ed "enfatizzata" da slogan, altrimenti potrebbe essere controproducente.
1. Esempio errato:Â case, ville, villette, appartamenti, case,monolocali, terreni, casali, rustici ecc.
2. Altro esempio errato: Immobiliare Company spa: le più vantaggiose offerte immobiliari che puoi trovare! Visita il nostro sito e approfitta delle fantastiche offerte che abbiamo per te!
3. Una buona descrizione: La nostra Azienda si occupa di consulenza immobiliare e servizi di compravendita di immobili in Toscana.
Il primo dei precedenti esempi non è una descrizione ma un elenco di parole chiave possibili, il secondo enfatizza troppo la comunicazione mentre il terzo risulta essere quello più vicino ad una sobria descrizione dell'argomento della pagina.
Inserire una descrizione non attinente al contenuto della pagina potrebbe risultare controproducente.
Keywords
Parole chiave attinenti al contenuto della pagina (separate dalla virgola).
Eccedere nell'inserimento di troppe parole chiave, oppure inserire parole chiave non attinenti al testo della pagina, potrebbe risultare controproducente.
Â
In ogni pagina creata puoi abbinare uno slider con immagini a scorrimento. Per amministrare lo slider di una pagina devi cliccare sul tasto OPZIONI SLIDER posto in alto nel pannello di controllo.
Il pannello slider è suddiviso in due parti: a sinistra vi sono le slide attive ed il tasto AGGIUNGI SLIDE con il quale puoi aggiungere un'immagine (slide) mentre a destra vi sono:
OPZIONI SLIDER decidi se rendere visibile o meno la slider:
stato della slider ON/ OFF
altezza in pixel dello slider
OPZIONI OMBRAÂ decidi:
stato dell'effetto ombra ON/ OFF
colore dell'ombra (con tabella esadecimale)
OPZIONI BORDOÂ decidi:
stato del bordo dello slider ON/ OFF
OPZIONE NAVIGATORE  (è un campo posto alla base dell'immagine in cui puoi inserire un testo )Â
decidi lo stato ON / OFF
OPZIONE SLIDEÂ consente di:
decidere l'effetto di transizione
VELOCITA' EFFETTO consente di:
decidere il tempo della transizione
Per salvare le modifiche devi cliccare sul tasto SALVA.
GESTIONE DI UNA SLIDE
cliccando sul tasto a sinistra della slide si aprirà un pannello a destra che ti permetterà di caricare l'immagine (tramite tasto SFOGLIA SERVER), di mettere un link all'immagine, di abbinare un ALT all'immagine e di inserire il testo che verrà visualizzato nel navigatore se questo è attivo (nello stato ON).
Â
Se invece vuoi cancellare l'immagine, premi sul tasto CANCELLA.
Â
Cliccando sul tasto "OPZIONI WIDGET" puoi impostare lo stile della pagina, che può essere di 3 tipi:
Le pagine di questo manuale sono impostate in modalità NO STYLE. Tu puoi decidere di impostare uno stile diverso per ogni pagina del sito.
