Easy Cms Toga

Easy Cms Toga ( sistema gestione contenuti web ) è stato creato per permettere anche ai meno esperti di creare pagine web e autogestirsi i contenuti del proprio sito in maniera semplice e veloce.
Questo software è in continuo sviluppo e stiamo cercando di renderlo compatibile con tutti i browser sul mercato. Al momento Easy Cms Toga è compatibile con Firefox e Internet Explorer 6 e 7. Questi browser possono essere scaricati gratuitamente dai rispettivi siti ufficiali.

Le pagine create con Easy Cms Toga potranno essere visualizzate da qualsiasi browser incluso Safari, Opera, Chrome e altri.

Per la creazione e l' aggiornamento delle pagine web, è necessario utilizzare Firefox oppure Internet Explorer.

Indice Contenuti

Modifica pagina web

Struttura e Configurazione del Sito Web



Accedi al tuo account utente

Per accedere al tuo account utente, digitare nel browser l'indirizzo del sito che si desidera gestire con Easy Cms Toga e scrivere  /editore.php (per esempio, http://www.iltuodominio.com/editore.php ).
Inserisci il tuo nome utente e la password nella finestra di popup. Fai clic su "Inizia".

Easy Cms Toga

Ritorna indice


Cambia Password

Per accedere al tuo account utente, digitare nel browser l'indirizzo del sito che si desidera gestire con Easy Cms Toga e scrivere  /editore.php (per esempio, http://www.iltuodominio.com/editore.php ). 
Fai clic su "Dimenticato la password?" Nella finestra popup. Verrà inviata una nuova password al tuo indirizzo email.

Easy Cms Toga

Ritorna indice


Strumenti

Dopo aver effettuato l'accesso all'editore, la pagina web da modificare si apre nel browser. 
In alto a sinistra c'è la barra di strumenti necessari per modificare la pagina web. La barra stumenti è trascinabile in qualsiasi parte dello schermo. Vai sulla barra degli strumenti, click sulla testa ( blue ) e tenendo premuto il tasto trascina la finestra.

Ritorna indice


Salva pagina web

Dopo aver effettuato i cambi di una pagina web è necessario salvarla prima di spostarsi ad un' altra pagina.
Fai click nella finestra strumenti su "salva pagina" .  
Importante: Se non salvi la pagina che hai modificato prima di spostarti su una nuova pagina, tutte le modifiche verranno perse.

Ritorna indice


Annulla Modifica e Ripeti Modifica

Per annullare una modifica e tornare indietro, fai click su "undo" nella barra strumenti. 
Per ripetere la modifica annullata fai click su "redo"  nella barra strumenti.
Se le modifiche effettuate nella pagina sono numerose e si vuole ritornare da capo è consigliabile fare un refresh ( o reload ) della pagina utilizzando il bottone sulla barra strumenti del browser. 

Ritorna indice


Formattazione Testo

Per editare il testo: sposta il cursore dove vuoi modificare il testo e fai click. Apparirà un cursore intermittente. Puoi spostare il cursore anche con le frecce della tastiera.
Per cancellare il testo: seleziona il testo e premi il bottone della tastiera "del" oppure "canc" .
Per copiare il testo: seleziona il testo e premi sulla tastiera il bottone "ctrl" contemporaneamente a "c" ( ctrl+c ) , alternativamente fai click a destra e seleziona "copia". 
Per incollare il testo: Seleziona il testo da sostituire oppure punta il cursore nella posizione desiderata e premi sulla tastiera il bottone "ctrl" contemporaneamente a "v" ( ctrl+v ). Si aprirà una nuova finestra dove puoi incollare il testo da inserire nella pagina.

Per formattare il testo: seleziona il testo da formattare e fai click su una delle seguenti opzioni

  • “Grassetto” cambia il testo il grassetto. Fai click su nella finestra strumenti. 
  • “Corsivo” cambia il testo il corsivo. Fai click su  nella finestra strumenti. 
  • Sottolinea il testo. Fai click su  nella finestra strumenti. 
  • Il testo può essere formattato come testo normale o come testata.  
    Per le testate sono disponibili 3 diverse misure. La testata 1 è la più grande e la testata 3 è la più piccola.
    Seleziona il testo da cambiare e click su "formattazione testo"  nella finestra strumenti.

  • Colore Testo: Seleziona il testo, click su questa icona Colore Testo e seleziona il colore.
  • Allineamento Testo" Seleziona il testo, click su questa icona Allineamento Testo e seleziona "automatico" ( allineamento sia a destra che a sinistra, "Sinistra", "Centro" o "Destra".
  • Dimensione testo: Seleziona il testo, click su questa icona Dimensione Testo e seleziona la dimensione.
  • Questa icona File Immagini serve per visualizzare le immagini caricate sul server ed eventualmente eliminare quelle non più utilizzate.

Ritorna indice


Crea un Links

Un link cliccabile è una voce in una pagina web che porta ad un'altra pagina o un sito web. Per creare un link testuale, selezionare il testo che si desidera convertire in link e fai click su "Aggiungi link" nella finestra degli strumenti. Apparirà una finestra popup. 
Inserisci l'indirizzo della pagina al quale il link deve puntare, quindi fare clic su "OK".

Per creare un link in una immagine fai click su un' immagine e poi fai click su "Inserisci link" sulla finestra degli strumenti. Si aprirà una nuova finestra, inserisci l' indirizzo che porta alla pagina web di destinazione, infine click sul bottone "OK". 

Ritorna indice


Aggiungi immagine

Le immagini devono essere in formato GIF, JPEG o PNG. Per aggiungere un'immagine, fare clic nella posizione della pagina in cui si desidera aggiungere un'immagine. Fai clic su "Inserisci immagine" sulla barra degli strumenti. Appare una finestra popup in cui è possibile caricare l'immagine dal tuo computer. 

Per impostare la posizione dell' immagine nella pagina fai click su una delle 3 icone "Allineamento normale" ( centro ), "Allineamento a sinistra", "Allineamento a destra". 

Se spunti il box "Click and zoom". l' immagine caricata verrà ridimensionata ad una dimensione prestabilita ( vedi prossimo paragrafo ). Questa immagine diventerà cliccabile. Quando si fa click sull' immagine, si aprirà  una nuova finestra che mostra la stessa foto con la dimensione originale. In questo modo è possibile inserire anche grosse immagini senza interferire con il layout della pagina.
Se nella stessa pagina si inseriscono più immagini con spuntata l' opzione "Click and zoom", quando si fa click su un' immagine si visualizzerà la galleria che mostra tutte le foto della pagina.

Ritorna indice


Impostazione Proprietà Immagini

Per impostare la dimensione predefinita delle immagini, click su questa icona nella barra stumenti  e successivamente click su "Impostazione Proprietà immagini".

Nella seguente finestra

Impostazione Immagini

Il campo in alto a sinistra indica la larghezza dell'immagine piccola, il campo in alto a destra la sua altezza. 
In questo esempio, l' immagine piccola verrà ridimensionata con 250px da un lato e l' altro lato in proporzione.

Il primo campo in basso a sinistra indica la larghezza dell'immagine grande, il campo in basso a destra la sua altezza.
In questo esempio, l' immagine grande verrà ridimensionata con 800px da un lato e l' altro lato in proporzione.

Infine premi il bottone "Salva Impostazione".

Ritorna indice

Modifica Sorgente

Per modificare la pagina, alcune volte è necessarion accedere direttamente alla sorgente della pagina, per fare questo click su questa icona nella barra stumenti  e successivamente click su "Sorgente Pagina".

Nella seguente finestra verrà visualizzata la sorgente della pagine html, puoi selezionare in alto anche il file css per vedere la sorgente

Sorgente

Infine premi il bottone in baso "salva" per salvare le modifiche.

Ritorna indice

Aggiungi Files

Per aggiungere un file (ad esempio, in un formato PDF) in una pagina web, selezionare la parola che si vuole convertire in link. 
Fare click sul pulsante "Aggiungi elementi alla pagina"  sulla finestra degli strumenti e seleziona "File" 
Appare una finestra popup in cui è possibile caricare i file dal tuo computer.
Click su "browse" per scegliere il file da inserire e premi il bottone "OK".

La parola selezionata nella pagina conterrà il link che punta al file caricato.

Ritorna indice


Aggiungi Video You Tube

Per aggiungere un video di YouTube a una pagina web, fai click nella posizione in cui si desidera aggiungere un video. Fai click sul pulsante "Aggiungi elementi alla pagina"  sulla finestra degli strumenti e seleziona "YouTube Video". Apparirà una finestra popup:

Inserisci l'indirizzo del video: vai al sito web di YouTube, trova il video e copia il link del video in due modi:

  • dalla barra degli indirizzi del browser oppure
  • da "URL" linea sotto la descrizione del video.

È inoltre possibile aggiungere i margini ( include spazio intorno al video ) e un titolo ( include titolo ) per il video.

Ritorna indice



Aggiungi uno script

Per aggiungere uno script a una pagina web, fai click nella posizione in cui si desidera aggiungere script. Fai click sul pulsante "Aggiungi elementi alla pagina"  sulla finestra degli strumenti e seleziona "Inserisci Script" . Apparirà una finestra popup in cui è possibile inserire lo script.

Ritorna indice


Crea una nuova pagina web

Un sito web è costituito da pagine web. Per creare una nuova pagina web, fai click su "Nuova pagina" nuova paginanella barra degli strumenti. Apparirà una finestra popup. Inserisci il nome della nuova pagina e seleziona la pagina che si desidera utilizzare come modello per la nuova pagina ( pagina da copiare ). 
Con Easy Cms Toga le nuove pagine vengono create sempre facendo la copia da una delle pagine già esistenti.

Le nuove pagine possono essere create in gerarchia. Una nuova pagina viene creata come una sotto-pagina della pagina che si sta visualizzando in quel momento. Ad esempio, se si desidera creare una pagina "Servizi" come sotto-pagina di "Azienda" bisogna visualizzare la pagina "Azienda" e da lí creare la nuova pagina "Servizi". La pagina "Servizi" sarà una sotto-pagina di "Azienda".
Per la prima pagina ( homepage ) c' è un' eccezione. Se si visualizza la homepage ( generalmente file index.html ) e si crea una nuova pagina da lí, la pagina nuova sarà creata allo stesso livello della homepage.

Ritorna indice


Rinomina una Pagina Web

Per rinominare una pagina web, fai click su "Impostazioni pagina" nella barra strumenti e seleziona "Visualizza Struttura del menu" . Appare una finestra popup dove puoi vedere tutte le pagine del sito. Fai click sulla pagina che si desidera rinominare, Seleziona "Rinomina Pagina" e inserisci un nuovo nome per la pagina. Salva le modifiche apportate.

Ritorna indice


Cancella Pagina Web

Per eliminare una pagina web, fai click su "Impostazioni pagina"  sulla finestra degli strumenti e seleziona "Cancella pagina" . È possibile eliminare una pagina solo mentre si è sulla pagina stessa, e se la pagina non ha sottopagine. Se una pagina contiene sottopagine, è necessario eliminare queste prima. Importante! Le pagine cancellate non possono essere ripristinate. 
Una finestra popup chiederà la conferma per cancellare un file.

Ritorna indice


Struttura e Navigazione

Utilizzare il menu per navigare attraverso le pagine del sito. Se il tuo sito web non ha un menu o contiene pagine dove non sono esiste un menu di navigazione, è possibile navigare tra le pagine facendo click su "Impostazioni pagina"  sulla finestra degli strumenti, "Visualizza Struttura del menu" . Appare una finestra popup dove saranno visualizzate tutte le pagine web sul tuo sito. Seleziona una pagina facendo click su una di esse, Seleziona "Modifica pagina" e sarai reindirizzato alla pagina desiderata.

Ritorna indice


Struttura e ordine delle Pagine Web

É possibile modificare l' ordine e il livello delle pagine web.
Click su "Impostazioni pagina"  sulla finestra degli strumenti, "Visualizza Struttura del menu" . Appare una finestra popup dove saranno visualizzate tutte le pagine web sul tuo sito. 

Ordine delle pagine Web
Nell' esempio sotto selezioniamo la pagina "Servizi". Click su "servizi", tenendo premuto il mouse trascina "Servizi" e portalo sotto "Home" fino a quando appare un trattino sotto "Home" ( vedi figura sotto a sinistra ), a questo punto lascia il mouse. 
Adesso la pagina "Servizi" è stata spostata sotto la pagina "Home" ( vedi figura in basso a destra ).

file moved

Struttura pagine web

É possibile  modificare la struttura della disposizione delle pagine e spostare delle pagine come sotto-pagine o viceversa.
Nell' esempio sotto selezioniamo la pagina "Servizi". Click su "Servizi", tenendo premuto il mouse trascina "Servizi" e portalo a fianco di  "Azienda" fino a quando appare uno sfondo verde sotto "Azienda" ( vedi figura sotto a sinistra ), a questo punto lascia il mouse. 
Adesso la pagina "Servizi" è diventata una sotto-pagina di "Azienda" ( vedi figura in basso a destra ).

file sub

Una volta terminate le modifiche, click sul bottone "Salva Impostazione"

Ritorna indice


Inserisci Menù

Il menu consente di navigare sul sito web per visitare le varie pagine. Il sistema di menù di Easy Cms Toga consente di inserire in automatico tutti i link che portano alle varie pagine del sito. 
Se viene creata una nuova pagina, il menù si aggiorna con il nuovo link. Ugualmente, se si elimina una pagina, il menù si aggiorna eliminando il link superfluo.

Easy Cms Toga consente di inserire 2 tipi di menù. Il "Menu Principale" e il 'Menù Secondario". Questi 2 menù possono essere sia verticali che orizzontali. Questo dipende dal tema del sito.

Come abbiamo visto nel paragrafo Struttura e ordine delle pagine Web, le pagine di un sito sono strutturate come pagine principali e sotto-pagine di queste. Il "Menù Principale" fornisce i link che vanno alle pagine principali e il "Menù Secondario" fornisce i link che vanno alle sotto-pagine.

Il "Menù Principale" può essere inserito in qualsiasi pagina del sito e verranno visualizzati tutti i link che portano alle pagine principali.
Il "Menù Secondario" può essere inserito in ogni pagina del sito. Però, se la pagina in cui si inserisce il "Menù Secondario", non contiene nessuna sotto-pagina, il "Menù Secondario" non conterrà alcun link al suo interno.
Per inserire un menu, posizionare il cursore dove si vuole inserire un nuovo menu. Fare clic sul pulsante "Impostazioni Pagina"  sulla finestra degli strumenti e seleziona "Aggiungi Menù Principale" oppure "Aggiungi Menù Secondario".

Ritorna indice


Cancella Menu

Per cancellare un menu su una pagina, fai click sul' icona "Cancella"  a destra del menu..

Ritorna indice