GUIDA AI SITI AGGIORNABILI BASE
In questa sezione vi illustremo le modalita' di aggiornamento di un sito internet in completa autonomia grazie al nostro sistema : "siti internet aggiornabili da tutti in un attimo".
SCARICA LA GUIDA
Per scaricare il PDF di questa pagina [ click qui ]
1) ICONA DI ACCESSO AL LOGIN
I siti che utlizzano questa tecnologia di aggiornamento mostrano al termine della pagina accanto alle indicazioni sulla validazione del codice html, xhtml, css anche il banner "questo sito web è aggiornabile" e l'icona di accesso gestione.
2) ACCESSO ALLA SEZIONE DI GESTIONE DEL SITO
Per accedere alla sezione di gestione del sito occorre inserire USERNAME e PASSWORD che vi avremo fornito.
Potete effettuare una demo del sistema di aggiornamento qui : http://www.sitiaggiornabili.it/demo.html
Per uscire fare click sul link in alto a destra.
3) PAGINA PRINCIPALE DI GESTIONE DEL SITO
Una volta inserite USERNAME e PASSWORD avrete accesso alla gestione del vostro sito internet.
Vediamo insieme le sezioni principali del pannello di controllo :
-
GESTISCI CONTENUTI
FIG. 3.1
Il box GESTISCI I CONTENUTI permette di gestire come suggerisce il nome tutti i contenuti del vostro sito. Per contenuti si intendono non solo le pagine web ma anche singoli paragrafi o box di testo come quelli comuni di intestazione pagina e fine pagina. Il Pulsante "EDITA PAGINA" permette di modificare i contenuti. Il Pulsante "AGGIUNGI PAGINA" permette di aggiungere dinamicamente una nuova pagina al vostro sito. Questo significa che potete aggiungere quanto lo desiderate in autonomia una nuova pagina al vostro sito. Il Pulsante "GESTISCI MENU PAGINE" permette di modificare l'ordine di visualizzazione delle pagina nel vostro menu di navigazione del sito. -
GESTISCI UTENTI
FIG. 3.2
Il box GESTISCI UTENTI permette di gestire quali utenti possono accedere alla modifica del sito. Possiamo decidere di dare accesso a più persone con password differenti e livelli di autorità differenti. In questo modo i contenuti delle pagine o dei box di testo saranno accessibili a differenti utenti o differenti gruppi di lavoro. Il Pulsante "CREA NUOVO UTENTE" permette la creazione di un un utente. Il Pulsante "GESTISCI UTENTI" permette di modificare password di accesso di ogni utente e definire l'appartenenza di ogni utente ad un gruppo specifico (administrator, moderatore, supermoderatore etc...). Il Pulsante "GESTISCI GRUPPI" permette di gestire o creare nuovi gruppi con privilegi di accesso differenti. -
OPZIONI SITO
fig. 3.3
Il box OPZIONI SITO permette di definire le opzioni di gestione tecnica del vostro sito. Il Pulsante "EDITA FILES ESTERNI" vi permette di modificare files esterni che sono posizionati nella radice del vostro sito e che possono essere linkati nelle pagine del vostro sito o inseriti nel menu di navigazione del sito stesso. Il Pulsante EDITA SETTINGS vi permette di definire alcuni parametri del vostro sito, come ad esempio il nome della cartella dove salvare i files o contenuti multimediali, la dimensione massima per ogni upload, i tipi di files che è possibile caricare (.jpg, .gif, .doc, .zip, etc...). L'editor utilizzato vi permette di inserire anche contenuti video e multimediali. Il Pulsante "VAI AL SITO" vi direziona sul sito per verificare le modifiche effettuate. Il Pulsante "BACKUP SITO" vi pemette di scaricare una copia dei dati testuali inseriti nel sito da utilizzare come backup e ripristino in caso fosse necessario. -
BOX CENTRALE PER LA MODIFICA DEI CONTENUTI PUBBLICATI
fig. 3.4
Il box centrale della pagina di Gestione del Sito vi mostra i contenuti già pubblicati e vi consente di effettuare la loro modifica oppure cancellazione.
4) MODIFICA DEI CONTENUTI DEL SITO
Come indicato al punto precedente dal box centrale di gestione del sito è possibile modificare o cancellare le pagine o i contenuti aggiornabili.
Una volta individuato il contenuto o la pagina che desideriamo modificare è sufficiente agire sui pulsanti che si trovano nella colonna a destra.
Selezionando MODIFICA si aprirà una pagina con il vostro editor.
L'editor è molto facile da utilizzare. Vediamo insieme alcune funzioni. Nella parte superiore trovare la barra con i pulsanti caratteristici di word per la formattazione del testo. Passando con il mouse sopra ad ogni pulsante viene subito indicata la sua funzione. E' presente anche un pulsante di visualizzazione a tutto schermo.
Vi mostriamo ad esempio la selezione del carattere. Trovate tantissimi caratteri pronti per l'uso e già incorporati per essere utilizzati nel vostro sito.
La selezione del colore del testo vi pemette di scegliere tra una gamma di colori veramente infinita.
La scelta della dimensione del carattere avviene tramite il pulsante apposito. Selezionare prima la parola che desideriamo ingrandire o rimpicciolire e poi premiamo sul pulsante mostrato in figura :
FIG. 4.5 b - Dimensione del carattere.
Ulteriori elementi di formattazione e modifica del codice della pagina :
FIG. 4.5 c - Elementi di formattazione e modifica del codice della pagina.
Per inserire un'immagine occorre prima entrare nel menu INSERT :
Una volta entrati nel menu INSERT selezionare il pulsante Immagini :
Si aprirà una finestra per iniziare la procedura di selezione del file dal vostro computer e successivo caricamento automatico sul vostro sito.
Premere poi "SFOGLIA" per selezionare il file dal vostro computer.
Individuare il file.
Eseguire il caricamento.
Verrà effettuato il caricamento del file sul vostro sito. Premere quindi ok per procedere.
Premendo poi su "INSERISCI" posizioneremo l'immagine nella nostra pagina web.
Premendo infine su "SALVA" le nostre modifiche saranno visibili a tutti i navigatori del sito.
Per inserire un link SELEZIONARE PRIMA UN TESTO O UNA IMMAGINE poi premere il pulsante apposito dalla barra dell'editor nel menu INSERT ed impostare nella pagina successiva i valori desiderati.
Nel campo FONTE : selezionare http:// se si desidera indicare un percorso web. Nel campo a fianco indicare un percorso assoluto o relativo alla pagina o file che vogliamo aprire (se assoluto inserire il www. prima del nome, come da esempio).
Nel campo OBIETTIVO selezionare dal menu a tendina "NUOVA FINESTRA" se si desidera far aprire una nuova pagina del browser.
Il campo titolo è opzionale. Premere poi INSERISCI per confermare.
Per inserire un ancora o segnalibro selezionare la parola di ancoraggio e premere il pulsante segnalibro come da immagine :
Appare una finestra in cui inserire il nome dell'ancoraggio :
Ora occorre inserire la parola o frase link che rimanda al testo di ancoraggio. Selezionarla e premere il pulsante link in figura :
Adesso selezionare SEGNALIBRO e dal menu a tendina il nome della nostra ancora che abbiamo appena creato.
Otterremo come risultato finale questo :
5) FUNZIONALITA' AVANZATE
Il sistema prevede la possibiltà di gestire i permessi di accesso alla modifica dei contenuti o delle pagine. Per ottenere la maschera in figura premere sul link MOSTRA / NASCONDI pemessi utenti per editare questa pagina.
Selezionando PERMETTI DI MODIFICARE QUESTA PAGINA A è possibile scegliere se assegnare la modifica ad un gruppo di utenti specifico. Selezionando OPPURE SELEZIONA SOLO QUALE UTENTE si assegna invece il diritto di modifica solo ad un utente specifico.
E' possibile selezionare quali contenuti o pagine devono essere mostrati nel menu dinamico di navigazione. Per ottenere questo occorre selezionare il controllo "MOSTRA NEL MENU DI NAVIGAZIONE DEL SITO COME LINK".
Dal pulsante indicato in figura 3.1 è poi possibile gestire l'ordine delle pagine nel menu dinamico
L'Editor del Sistema di aggiornamento vi consente di inserire anche contenuti multimediali caricando file flash, file audio o file video con la stessa procedura di inserimento delle immagini intervenendo nel menu a tendina mostrato in figura.
Il caricamento dei file media può avvenire anche direttamente dalla barra principale dell'editor. Potete inserire direttamente immagini, file flash, file audio, file video ed anche i video di youtube.
6) MODIFICA IMMAGINE CON ZOOM A CENTRO PAGINA
I siti aggiornabili permettono anche l'inserimento di immagini con zoom a centro pagina. Questa funzionalità deve essere richiesta prima della creazione del sito.
Vediamo ora come si procede all'aggiornamento di una immagine che offre la possibilità di ingrandimento zoom a centro pagina.
Come prima operazione selezioniamo l'immagine come mostrato in figura e ci rechiamo nel menu INSERT.
Premere poi il pulsante CARTELLA come indicato in figura lasciando altezza e larghezza dell'immagine invariati.
Si aprirà una nuova finestra. Selezionare sfoglia per cercare la nuova immagine dal proprio computer.
Procedere come indicato in figura facendo click sul file immagine.
L'immagine selezionata sarà quindi pronta per essere caricata sul sito.
Premere ok al termine del caricamento della vostra immagine che viene evidenziata in giallo.
Adesso evidenziare tutto il contenuto della casella Fonte e copiarne tutto contenuto con il tasto destro del mouse come da figura. Questa operazione copierà il percorso del link con la dimensione originale della vostra immagine. Poi premere OK.
Ora andremo ad inserire il link. Selezionare la vostra immagine e premere il pulsante HYPERLINK come da figura.
Ora possiamo selezionare con il mouse il contenuto del campo FONTE ed incollare quanto precedentemete copiato.
Sostituire quindi il contenuto con quello che avevamo copiato prima (figura 6.7). Per concludere premere su OK.
7) GALLLERIA IMMAGINI
I siti aggiornabili permettono anche l'inserimento di gallerie immagini in maniera completamente autonoma. Vediamo ora come si procede per la creazione di una galleria.
Come prima operazione selezioniamo dall'area di amministrazione il LINK "AMMINISTRAZIONE GALLERIE IMMAGINI DEL SITO" che si trova alla fine della pagina principale di gestione del sito sotto a tutti i contenuti inseriti, come da figura :
Una volta entrati nella gestione Gallerie è possibile editare le gallerie presenti oppure crearne delle nuove. Si POSSONO CREARE INFINITE GALLERIE. LA LORO VISUALIZZAZIONE NEL SITO è decisa dall'utente. E' possibile inserire più gallerie nella stessa pagina web oppure una galleria per ogni pagina.
Per l'inserimento di una galleria basta incollare il codice automatico generato da ogni galleria. Ad esempio per inserire in una pagina la galleria che si chiama "galleria" è sufficiente questo codice : [gallery]galleria[/gallery], per inserire la galleria che abbiamo chiamato "galleria2" allo stesso modo utilizzeremo questo codice : [gallery]galleria2[/gallery] e così via ... Il procedimento è automatizzato e la vostra galleria apparirà subito nel punto esatto della pagina ove avete inserito il codice corrispondente.
Facciamo un esempio pratico. Abbiamo creato la galleria "galleria_calendari_e_planning". Copiamo il codice :
torniamo alla pagina dove desideriamo inserire la galleria :
e copiamo il codice nel punto esatto dove vogliamo far apparire la galleria :
Salviamo e la galleria sarà subito online.
Facendo click sul nome di una galleria creata è possibile inserire o modificare le immagini. Nel campo" titolo immagini" occorre inserire il titolo che vogliamo dare ad una immagine e nel campo "File Immagine" possiamo selezionare dal nostro computer l'immagine da caricare.
Una volta caricate le immagini ed inserito il codice di visualizzazione della galleria, nella pagina desiderata, potrete vedere le miniature apparire. La grandezza delle miniature (altezza e larghezza), il numero di miniature per riga e l'ordine di visualizzazione (le immagini più recenti devono apparire per prima o dopo) viene deciso dall'Amministratore del Sito tramite una pagina di configurazione non accessibile nella DEMO.
Come potete vedere dalla figura 7.4 qui sopra, ogni immagine viene ingradita con un click a centro pagina e sulla destra in basso compare un menu di navigazione di tutte le immagini, mentre sulla sinistra in basso il numero di foto nella pagina e sempre sulla sinistra ma in alto il titolo di ogni foto. La galleria è visibile a questo link [ click qui ]
8) PLUGIN AGGIUNTIVI
E' possibile richiedere alcuni plugin aggiuntivi : player musica e video full screen.
PLAYER MUSICA
Il player musica permette di inserire in maniera autonoma sul vostro sito files di musica da ascoltare come sottofondo sonoro. Il player è dotato di autoplay e autoresume (passando da una pagina ad un'altra il player ricorda il punto di interruzione e ripropone l'ascolto da quest'ultimo offrendo un ascolto continuo e preciso).
Per caricare la vostra musica entrare nella modalità amministratore del sito ed entrare in un qualsiasi campo modificabile. Dalla barra dell'editor dei testi premere sul pulsante IMMAGINE come in figura :
Premere quindi sulla cartella FONTE come in figura :
Selezionare quindi la cartella dove inserire i files mp3
Ad esempio la cartella musica di sottofondo (cartella di default per la musica di sottofondo del vostro sito):
Potete cancellare files gia' esistenti oppure caricarne nuovi. Il player in automatico legge i tag mp3 di vostri files ed esegue una scansione della directory per indicizzare i contenuti. Per inserire un nome diverso al files che viene caricato occorre modificare i tag mp3 se sono presenti. Potete utilizzare questo tools.
VIDEO FULL SCREEN
Il video plugin permette di vedere video di Youtube a pieno schermo direttamente sul vostro sito.
9) NOTE E UTILITY
A fondo pagina di ogni sito aggiornabile che creiamo trovate un'importante icona chiamata W3C, il scopo è quello di validare il codice della pagina. Mantenere un codice pulito è molto importante per il posizionamento del sito nei motori di ricerca, per questo motivo, vi invitiamo a verificare, dopo ogni modifica effettuata al sito che la pagina abbia mantenuto la validazione W3C.
Fare click sul link w3c xhtml 
oppure su w3c html5 
Se il sito passa la verifica vi apparirà questo messaggio :
La dimensione delle immagini da caricare sul sito influisce sulla velocità di caricamento delle pagine. Per questo vi consigliamo di inserire immagini non superiodi ai 120 kb. Un utile programma per il ridimensionamento delle immagini lo trovate a questo link [ http://www.fotosizer.com ] con scaricamento diretto qui [ click qui ]
Se state caricando un'immagine statica, ovvero non ingrandibile con un click sopra, potete ridimensionarne la larghezza (a). Anche per immagini ingrandibili con zoom a centro pagina le dimensioni non devono mai superare la larghezza di 850 px. Fate attenzione perché se utilizzate immagini da una macchina fotografica la larghezza di una foto ad alta qualità supera anche i 1800 px. (b)
Inoltre potete modificare le impostazioni di qualità in 75 per ridurre il peso delle foto. Controllare poi l'output per verificare se il peso è entro i 120 kb. Se è di molto inferiore potete aumentare questo valore a 80% . Una volta caricata la foto potete ridimensionare l'immagine nell'editor del vostro sistema aggiornabile trascinando il puntatore del mouse su un punto esterno della foto come in figura :
Stampa questa pagina
Aggiungi ai Preferiti
Torna alla Home Page
