Differenze tra le versioni di "Alterpages"

Da Altervista Wiki.
Riga 26: Riga 26:
 
<html>
 
<html>
 
<center>
 
<center>
<iframe width="560" height="315" src="http://www.youtube.com/embed/videoseries?list=PLEE257C2DBBD6CD46&amp;hl=it_IT" frameborder="0" allowfullscreen></iframe>
+
<iframe width="640" height="360" src="https://www.youtube.com/embed/u9w8Gd9J_-4" frameborder="0" allowfullscreen></iframe>
 
</center>
 
</center>
 
</html>
 
</html>

Versione delle 18:28, 3 feb 2016

alterpages-logo.png

Alterpages è uno strumento di Altervista per creare il proprio sito personale.

Con Alterpages puoi creare in poco tempo un sito in cui parlare di te, in cui presentare la tua azienda o un tuo prodotto.

Se hai dei dubbi o delle domande che non trovano risposta in questa guida puoi venire a chiedere aiuto nel nostro forum di supporto.

Indice

Come attivare Alterpages

Per attivare Alterpages sul tuo spazio web devi accedere al pannello di controllo di Altervista, troverai un link ad Alterpages direttamente sulla pagina principale.

Nella pagina dedicata scegli un tema iniziale e segui le istruzioni per attivare Alterpages.

Attivare Alterpages in una cartella

Clicca sull'icona pencil.png per indicare la cartella in cui vuoi attivare Alterpages.

Come usare Alterpages

Per cominciare ad usare Alterpages il modo più semplice e pratico è di seguire il breve videotutorial che spiega il funzionamento delle operazioni di base. Il resto di questa guida descriverà nel dettaglio tutte le operazioni possibili, ma avendo seguito la videoguida si dovrebbe già essere in grado di cavarsela in gran parte delle situazioni.

Attivare la modalità di modifica tramite il pulsante Edit

Per cominciare a modifica il sito creato con Alterpages è necessario scorrere in fondo alla pagina e cliccare sul pulsante Edit.

Verrà chiesta una password che corrisponde a quella utilizzata per accedere al Pannello di Controllo di Altervista. Senza la password è impossibile modificare il sito.

Le aree della pagina

Una pagina di Alterpages è divisa in alcune aree che hanno funzionalità diverse. Conoscere il funzionamento delle varie aree permette di creare un sito secondo i propri desideri.

Il corpo della pagina (contenuto)

L'area centrale del sito, chiamata Contenuto, è sicuramente la più importante di tutte. In questa area si posizionano gli elementi che si vogliono visualizzare solo in questa pagina.

Testata, barra laterale e piè di pagina

Queste aree sono condivise da tutte le pagine del sito Alterpages. Posizionando quindi un elemento in una di queste aree esso sarà visibile in tutte le pagine del sito.

Navigazione

Quest'area non è presente in tutti i layout e si presenta come una piccola area posizionata sopra o sotto la testata. Quest'area è stata pensata per posizionarci l'elemento Navigazione.

Inserire un elemento in un'area della pagina

Per inserire un nuovo elemento in una delle aree della pagina è sufficiente passare il mouse su uno degli elementi già presenti in quell'area o sul box giallo dell'area stessa. Apparirà il menu contestuale da cui occorre selezionare la voce widget-add.png Aggiungi.

Apparirà una finestra da cui selezionare l'elemento desiderato da una delle categorie a disposizione:

  • Contenuto principale
  • Multimedia
  • Strumenti

Una volta selezionato l'elemento desiderato comparirà un'altra finestra in cui è possibile personalizzarlo. Appena salvato l'elemento sarà subito visibile nella pagina.

Modificare e cancellare gli elementi

Passando il mouse sull'elemento è possibile modificarlo nuovamente selezionando la voce widget-edit.png Modifica. Tutte le modifiche salvate saranno immediatamente visibili a tutti i visitatori del sito.

Per eliminare un elemento selezionare la voce widget-delete.png Elimina e poi confermare la scelta.

Ordinare gli elemento all'interno di un'area

È possibile ordinare gli elementi all'interno di un'area usando le widget-up.png Sposta in alto e widget-down.png Sposta in basso del menu contestuale che compare passando il mouse sugli elementi.

Non è possibile spostare un elemento da un'area della pagina ad un'altra.

La gestione delle pagine

Alterpages permette la creazione di un numero anche elevato di pagine.

Se si crea un sito di grandi dimensioni è però consigliabile affidarsi a strumenti più adatti a siti di grandi dimensioni come Joomla o Drupal, installabili entrambi dal Pannello di Controllo di Altervista.

Con Alterpages è possibile suddividere le pagine in pagine principali e sottopagine, quindi su una struttura a due livelli. L'elemento di navigazione visualizzerà tutte le pagine del sito tramite un menu a tendina.

Aggiungere una pagina

Per aggiungere una pagina selezionare la voce Pagine dal menu principale di Altervista in basso a destra. Si aprirà una finestra in cui occorre cliccare su plus-button.png Nuova pagina. A questo punto è possibile indicare il titolo della nuova pagina da creare. Salvando si verrà portati automaticamente sulla nuova pagina appena creata.

Pagine e sottopagine

Accedendo a Pagine nel menu principale di Alterpages è possibile suddividere le pagine tra principali e sottopagine. A questo scopo è possibile usare i pulsanti navigation-l.png e navigation-r.png

Ordinare le pagine

L'ordimento delle pagine serve a indicare all'elemento Navigazione l'ordine di presentazione delle pagine.

Per modificare l'ordine andare su Pagine nel menu principale di Alterpages e usare i pulsanti navigation-up.png e navigation-down.png

Rinominare o eliminare una pagina

In ogni momento è possibile cambiare il titolo della pagina deciso al momento della sua creazione. Per farlo selezionare Pagine dal menu principale di Alterpages e selezionare l'icona rename.png della pagina da modificare.

Si aprirà una finestra in cui è possibile specificare il titolo e il nome file. Il nome file è ciò che il visitatore vede nella barra degli indirizzi del suo browser.

Non è possibile cabiare il nome file della pagina principale del sito.

Per eliminare una pagina è necessario cliccare sull'icona minus-button.png e successivamente confermare la propria decisione.

Non è possibile eliminare la pagina principale del sito.

Meta Tag

Nella stessa finestra che permette di modificare il titolo e il nome della pagina (vedi capitolo precedente) è possibile anche associare ad ogni pagina dei meta tag utili a migliorare l'indicizzazione da parte dei motori di ricerca. Con Alterpages è possibile specificare i meta tag Description e Keywords.

Per essere indicizzati correttamente dai motori di ricerca non è indispensabile valorizzare questi campi. Google, Bing e gli altri sono benissimo in grado di valutare una pagina basandosi sui suoi contenuti e in gran parte dei casi non hanno bisogno di altre indicazioni. Si consiglia quindi di utilizzarli solo se si è consapevoli di cosa si sta facendo e considerando che esiste la possibilità che un uso improprio possa portare ad una penalizzazione.

L'elemento Navigazione

L'elemento navigazione è pensato per permettere agli utenti di navigare tutto il sito Alterpages. Il suo aspetto si adatta a seconda dell'area della pagina in cui viene inserito.

Inserendolo nella Testata, nell'area Navigazione o nel Piè di pagina l'elemento Navigazione assumerà la forma di menu orizzontale con le sottopagine visualizzate al passaggio del mouse sulla relativa pagina principale.

Inserendolo invece nel Contenuto o nell Barra laterale diventerà un menu a sviluppo verticale con le sottopagine in posizione indentata.

Personalizzare l'aspetto del proprio sito

E' possibile personalizzare diversi aspetti estetici del proprio sito Alterpages.

Personalizzare il tema

Andando sulla voce Grafica del menu principale di Alterpages è possibile selezionare le voci Testata e Sfondo che permettono di personalizzare gli aspetti fondamentali del sito.

Attraverso Testata è possibile definire colori e sfondo per la testata di tutte le pagine del proprio sito. E' possibile selezionare un'immagine da usare come sfondo della testata. L'immagine può essere caricata dal proprio PC, è possibile indicarla tramite un indirizzo Internet (Url), oppure è possibile selezionarne una dalla galleria gratuita messa a disposizione da Altervista. Una volta selezionata è possibile definire la posizione dello sfondo e l'eventuale ripetizione dell'immagine.

E' possibile definire l'altezza della testata. Questa possibilà è utile quando l'immagine scelta come sfondo della testata è più alta del contenuto della testata stessa. Aumentando l'altezza della testata è possibile fare in modo da visualizzare tutta l'immagine.

Le impostazioni per lo Sfondo sono molto simili a quelle della Testata e permettono di personalizzare la parte di pagina esterna al contenuto.

Personalizzazioni avanzate

Sotto la voce Grafica del menu principale di Alterpages sono elencate le caratteristiche della pagina che è possibile personalizzare. Per esempio è possibile indicare la dimensione e il colore del testo, dei titoli, il colore dei bordi, ecc...

Scegliere un tema grafico

I temi grafici sono delle combinazione cromatiche predefinite messe a disposizione da Altervista. Si tratta in sostanza di esempi di personalizzazione della grafica del sito. E' possibile usare uno di questi temi come punto di partenza per una versione personalizzata della grafica del proprio sito.

Scegliere un layout

Un layout rappresenta la struttura della pagina: la presenza, la dimensione e la posizione della barra laterale (a destra, a sinistra), la presenza dell'area di navigazione.

Diversi tipi di layout si adattano a diverse esigenze da parte del webmaster nella realizzazione del suo sito personale.

Strumenti

Inserire un Google Doc

  • Crei il documento su Google Docs
  • Selezioni File > Pubblica sul Web
  • Inserisci un titolo del documento se non l'hai già fatto
  • Premi su "Inizia a pubblicare"
  • In basso ti vengono presentati vari codici per pubblicare il tuo sito, tu prendi "HTML da incorporare in una pagina"
  • Incolli il codice in un elemento "HTML" di Alterpages

Alterpages sui dispositivi mobile

Il nuovo tema di Alterpages è stato sviluppato secondo il modello "Responsive", questo vuol dire che a differenza di prima esiste ora una sola copia del sito che adatta la propria visualizzazione allo spazio a disposizione.

Questa soluzione è quella che permette un'indicizzazione ottimale da parte dei motori di ricerca perché i contenuti saranno sempre gli stessi, anche se disposti diversamente.

Modifiche alla struttura della pagina in modalità mobile

Quando lo spazio a disposizione è poco Alterpages sposterà la barra laterale sotto all'area di contenuto. In questo modo da la possibilità al contenuto della pagina di avere la massima visibilità e di utilizzare in maniera ottimale lo spazio. Allo stesso tempo i contenuti della sidebar saranno meno visibili perché si troveranno in fondo alla pagina, per questo è importante non mettere nella sidebar elementi importanti.

Il menu in modalità mobile

Per permettere comunque agli utenti di navigare senza problemi con lo smartphone per le pagine del sito viene visualizzato un menu accessibile tramite l'apposita icona in alto a sinistra, prima del titolo della pagina. Questo tipo di interfaccia è ormai uno standard ed è sempre più diffusa.

È possibile decidere i contenuti del menu visualizzato tramite l'icona in alto a sinistra posizionando un elemento "Navigazione" o "Navigazione avanzata" nell'area di "Navigazione" della pagina. Il primo elemento inserito in quest'area verrà utilizzato per il menu mobile. Se l'area di navigazione non è presente o non contiene elementi di tipo "Navigazione" o "Navigazione avanzata" verranno semplicemente visualizzate tutte le pagine del sito, come fa l'elemento "Navigazione".

Risolvere problemi con Alterpages o cancellare il sito

Nel caso in cui sono state effettuate delle modifiche manuali o sono state cancellate inavertitamente delle pagine è possibile ricreare il proprio sito dal pannello di controllo di Altervista. E' sufficiente andare sulla pagina di Alterpages sul pannello e seguire l'apposito link.

Dalla stessa pagina è possibile cancellare il proprio sito Alterpages. La cancellazione non è reversibile!

In caso di problemi il punto di riferimento è il forum di supporto.

Domande poste di frequente (FAQ)

Ecco una seleziona delle domande poste di frequente sul nostro forum di supporto riguardo ad Alterpages.

Perché le modifiche che faccio all'HTML della pagina spariscono?

Alterpages sovrascrive il codice HTML delle pagine tutte le volte che vengono effettuate delle modifiche. E' quindi sconsigliato effettuare questo tipo di modifiche.

Come faccio a inserire del codice HTML all'interno di una pagina?

E' possibile inserire del codice HTML utilizzando l'elemento HTML.

Ho inserito un elemento, ma lo vedo su tutte le pagine. Come mai?

Gli elementi inseriti nelle aree Testata, Barra laterale e Piè di pagina sono visibili in tutte le pagine. Se si vuole rendere visibile un elemento solo su una pagina inserirlo nell'area Contenuto.

E possibile spostare un elemento da un'area all'altra passandoci sopra il mouse -> Opzioni -> Sposta in un'altra area.

Ho cancellato i link alle pagine e adesso il sito non è più navigabile

I link alle pagine di un sito sono visualizzati dall'elemento Navigazione. Per ripristinarlo basta reinserire un elemento Navigazione nella pagina, preferibilmente nella testata, nell'area di navigazione (se presente) o nella barra laterale.

Posso installare qualcos'altro assieme ad Alterpages

Assieme ad Alterpages è possibile installare sul proprio sito tutti gli applicativi del pannello di controllo di Altervista e qualsiasi altro applicativo web compatibile con Altervista.

Posso eliminare il tasto Edit e il tasto Altervista dal fondo della pagina

Per eliminare il tasto Edit è necessario andare sulla pagina di Alterpages sul pannello di controllo e cliccare l'apposito link.

È possibile attivare la modalità Edit anche quando il tasto è stato nascosto utilizzando la scorciatoia da tastiera CTRL+INVIO.

Non è invece possibile eliminare il tasto Altervista.

Come posso inserire una musica di sottofondo?

Al momento Alterpages non supporta direttamente l'inserimento di un sottofondo musicale.

In questa discussione del forum di supporto c'è però una possibile soluzione al problema.

Come faccio a non far comparire una pagina nel menu di navigazione?

Nei siti Alterpages viene inserito inizialmente l'elemento "Navigazione" che permette di navigare tutte le pagine del sito. È però possibile sostituire questo elemento con "Navigazione avanzata" che permette di personalizzare il menu nascondendo determinate pagine e inserendo anche pagine esterne ad Alterpages.

Rigenerare tutte le pagine, come devo fare?

Alterpages prevede la possibilità di rigenerare tutte le pagine del sito per annullare eventuali modifiche manuali all'HTML o altri tipi di problemi che possono aver compromesso la visualizzazione o le funzionalità del sito.

Per effettuare l'operazione è necessario andare sul "Pannello di Controllo di Altervista" > Cliccare sul titolo "Alterpages" in alto a sinistra nella pagina iniziale del pannello > Cliccare su "Amministra applicazione". Il link per rigenerare le pagine si trova sotto "Utilità".

Articoli correlati