Subscribe: Realizzare sito internet online
http://www.sitook.it/rss.xml
Preview: Realizzare sito internet online

Realizzare sito internet online



La tua guida per realizzare siti web



 



Come creare un sito

Fri, 29 Jul 2011 20:02:03 +0000

Come creare un sito: le parti fondamentali

Un sito web è composto da:

elementi contenutistici (pagine),

(image)

da elementi grafici (la template, lo sfondo, la testata),

(image)

da elementi che consentono di contenere e gestire i contenuti (i menu, le strutture di categorie).

(image)

La combinazione di questi elementi consente di creare un sito web ben fatto ed articolato.

In SitoOK! la possibilità di combinare gli elementi durante la creazione del sito è possibile utilizzando i "Blocchi".

Grazie ad il sistema dei "Blocchi" è possbile pubblicare i contenuti o gli element strutturali (menu e catagorie) in varie parti della grafica.

(image)

Nel sistema SitoOK! infatti le template grafiche contengono delle posizioni dove possono essere visualizzati i blocchi di visualizzazione. Le posizioni si trovano nella parte alta (testata), sulle colonne laterali, nei piè di pagina (footer).

(image)

A seconda della grafica scelta è possibile pubblicare ad esempio un menu orizzontale sotto la testata, un altro menu nella barra laterale, una scritta nella parte bassa del sito e via di questo passo, arrivando a creare siti web molto complessi.

Come creare un sito : definire il tipo di sito da realizzare

Per creare un sito efficace con il sistema SitoOK! è bene comprendere quale tipologia di sito web si desidera realizzare.

Creare un sito semplice, un sito vetrina od un sito piu' complesso, con molti contenuti ?

Se l'esigenza è quella di creare un sito semplice  lo si puo' realizzare velocemente utilzzando la procedura guidata, in modo da realizzare le pagine fondamentali in maniera automatica. Il sito si comporrà infatti della pagina Chi siamo . Dove siamo e del modulo di contatto

 




Il sistema SitoOK!

Wed, 27 Jul 2011 21:28:39 +0000

LA BASE DEL SISTEMA

Il sistema SitoOK si basa sulla creazione di contenuti e sulla loro visualizzazione.

Gli elementi principali da tenere presenti sono:

- Contenuti (ovvero le pagine del sito)
- Sezioni e Categorie (l'albero del sito web)
- i Menu
- i Blocchi (per pubblicare nelle varie posizioni della grafica tutti gli elementi del sito web)

Altrettanto importante per la visualizzazione dei Blocchi (e dunque degli elementi del sito web) è il tipo di grafica scelta, in quanto ogni grafica ha posizioni diverse dove pubblicare i Blocchi.

Appena creato, il sito web si compone di:
- un menu principale, pubblicato tramite un blocco nella posizione laterale ,
- di un menu secondario (il cui blocco è "non pubblicato" di default);
- delle pagine create con il wizard iniziale che vengono visualizzate all'interno del menu principale.

Se si desidera realizzare un sito base puo' essere sufficente questa struttura iniziale (Blocco Menu Principale pubblicato sulla barra laterale) e le pagine create possono venire visualizzate tramite "voce di menu" associata al Menu Principale

Se si desidera creare un sito web complesso (magari composto da 2 menu, con visualizzazione di blocchi pubblicate in varie parti della Template grafica ecc.) occorre impostare la struttura del sito tramite il menu "Struttura del Sito"

La gestione del sito web avviene tramite il "Pannello di gestione sito", che è suddiviso in 4 sezioni: CONTENUTI DEL SITO - STRUTTURA DEL SITO - ASPETTO DEL SITO - ALTRE IMPOSTAZIONI

La realizzazione dei contenuti avviene tramite il "Menu Contenuti" (Pulsanti verdi), mentre la loro visualizzazione avviene all'interno della struttura del sito web, configurabile tramite il "Menu Struttura" (Pulsanti Blu)

 




soluzioneimmobili

Fri, 22 Jul 2011 13:32:24 +0000




Giovane Italia ANcona

Thu, 21 Jul 2011 17:00:35 +0000

REALIZZAZIONE SITOOK!



CREARE IL MODULO DI CONTATTO DEL SITO WEB

Mon, 11 Jul 2011 11:37:48 +0000

La pagina speciale "Contatti" consente di creare un modulo di contatto per il proprio sito web

Le parti che compongono la pagina sono Lista messaggi, Titolo, Gestione visualizzazione, Dati, Descrizione della pagina.

LISTA MESSAGGI :

Riepiloga tutti i messaggi ricevuti tramite il modulo di contatto, consentendo di visualizzare, eliminare e anche di rispondere al messaggio ricevuto

TITOLO :

è il titolo della pagina.

RICEZIONE ED INVIO:

Consente di inserire l'email alla quale far arrivare i moduli di contatto del sito web e di determinare l'email dalla quale vengono inviati i messaggi

GESTIONE VISUALIZZAZIONE:

consente di definire come viene raggiunta la pagina dagli utenti. La pagina Contatti consente solamente l'opzione come voce di menu, selezionando la casella, assegnando una voce al menu ed infine selezionando dal menu a tendina in quale menu inserire la voce. Se non viene selezionata la casella il contenuto non  sarà raggiungibile dagli utenti

PAGINA DELLA PRIVACY

Nel modulo di contatti e' presente la casella "Informativa sula privacy" che deve essere selezionata per poter inviare il modulo; il sistema crea di default una pagina chiamata "informativa della privacy" in Contenuti del sito - Pagine, che deve essre comlpetata da parte del gestore del sito.

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; in questa sede indichiamo solamente le principali funzioni :

1 - Come inserire video nella pagina: per inserire video nella pagina occorre caricare il video su un apposito server video (youtube e similari) , copiare il codice da incorporare (in youtube si ottiene cliccando il tasto "Condividi" e successivamente "Codice da incorporare") , cliccare sul pulsante HTML presente nell'editor ed incollare il codice copiato, infine salvare. Il video apparirà all'interno della pagina creata. Da considerare che la dimensione massima della pagina e' di 560 pixel , dunque occorre che la larghezza del video venga inpostata a dimensioni inferiori.

2 - Il Pulsante HTML , già visto nel punto precedente, consente di inserire, semplicemente copiando ed incollando, vari tipi di codici per incorporare contenuti da piattaforme esterne all'interno di una pagina

3 - Il Pulsante Inserisci /Modifica collegamento (icona di una catena), consente di inserire un collegamento all'interno di una pagina. Per renderlo attivo basta selezionare il testo che vogliamo collegare e cliccare sul pulsante con l'icona di una catena che apparirà nell'editor: inserire nello spazio Url Collegamento l'indirizzo verso cui si vuol far puntare il link, cliccare su inserisci e salvare la pagina

4- Il Pulsante "Incolla da Word" (Icona con il simbolo di Word) consente di inserire contenuti copiati da Word senza che la loro formattazione "sporchi" il codice html che genera la pagina. Da utilizzare ogni qual volta si voglia eseguire un incolla da Word o similari

5 - Il pulsante " Modifica Stile Css" ( Icona con la doppia A) consente di modificare i colori , le dimensioni e molti altri aspetti del testo, com il pulsante Inserisci Collegamento , appare solamente quando viene selezionato il testo da modificare

 




REALIZZARE LA PAGINA "DOVE SIAMO"

Mon, 11 Jul 2011 07:19:19 +0000

La pagina speciale "Dove Siamo" consente di realizzare una pagina con inserita all'interno la mappa utilizzando il sistema di Google Maps

Le parti che compongono la pagina sono Titolo, Gestione visualizzazione, Dati, Descrizione della pagina.

TITOLO :

è il titolo della pagina.

GESTIONE VISUALIZZAZIONE:

consente di definire come viene raggiunta la pagina dagli utenti. La pagina Dove Siamo consente solamente l'opzione come voce di menu, selezionando la casella, assegnando una voce al menu ed infine selezionando dal menu a tendina in quale menu inserire la voce. Se non viene selezionata la casella il contenuto non  sarà raggiungibile dagli utenti

DATI

Semplicemente inserendo i dati negli appositi campi, selezionando "Vuoi visualizzare la mappa" SI e salvando la pagina, viene generata la mappa.

Purtroppo puo' accadere che il sistema di Google map non sia preciso nell'indicare l'ubicazione: per ovviare a questo problema e' possibile inserire le coordinate e generare così una mappa con una perfetta indicazione; se non si conosce le coordinate del proprio indirizzo è possibile ricavarle  CLICCANDO QUI

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; in questa sede indichiamo solamente le principali funzioni :

1 - Come inserire video nella pagina: per inserire video nella pagina occorre caricare il video su un apposito server video (youtube e similari) , copiare il codice da incorporare (in youtube si ottiene cliccando il tasto "Condividi" e successivamente "Codice da incorporare") , cliccare sul pulsante HTML presente nell'editor ed incollare il codice copiato, infine salvare. Il video apparirà all'interno della pagina creata. Da considerare che la dimensione massima della pagina e' di 560 pixel , dunque occorre che la larghezza del video venga inpostata a dimensioni inferiori.

2 - Il Pulsante HTML , già visto nel punto precedente, consente di inserire, semplicemente copiando ed incollando, vari tipi di codici per incorporare contenuti da piattaforme esterne all'interno di una pagina

3 - Il Pulsante Inserisci /Modifica collegamento (icona di una catena), consente di inserire un collegamento all'interno di una pagina. Per renderlo attivo basta selezionare il testo che vogliamo collegare e cliccare sul pulsante con l'icona di una catena che apparirà nell'editor: inserire nello spazio Url Collegamento l'indirizzo verso cui si vuol far puntare il link, cliccare su inserisci e salvare la pagina

4- Il Pulsante "Incolla da Word" (Icona con il simbolo di Word) consente di inserire contenuti copiati da Word senza che la loro formattazione "sporchi" il codice html che genera la pagina. Da utilizzare ogni qual volta si voglia eseguire un incolla da Word o similari

5 - Il pulsante " Modifica Stile Css" ( Icona con la doppia A) consente di modificare i colori , le dimensioni e molti altri aspetti del testo, com il pulsante Inserisci Collegamento , appare solamente quando viene selezionato il testo da modificare

 




CONTENUTO DI TIPO NEWS

Mon, 11 Jul 2011 05:34:59 +0000

Il contenuto di tipo "News" il contenuto ideale per comunicare velocemente con i propri utenti; può essere visualizzato all'interno dell' elenco delle news oppure tramite un blocco,(Struttura del sito .-Blocchi)

La News e' un contenuto testuale composto da Titolo e Corpo del Testo (editor)

TITOLO :

è il titolo della news, molto importante per i motori di ricerca

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; in questa sede indichiamo solamente le principali funzioni :

1 - Come inserire video nella news: per inserire video nella news occorre caricare il video su un apposito server video (youtube e similari) , copiare il codice da incorporare (in youtube si ottiene cliccando il tasto "Condividi" e successivamente "Codice da incorporare") , cliccare sul pulsante HTML presente nell'editor ed incollare il codice copiato, infine salvare. Il video apparirà all'interno della news creata. Da considerare che la dimensione massima della pagina e' di 560 pixel , dunque occorre che la larghezza del video venga inpostata a dimensioni inferiori.

2 - Il Pulsante HTML , già visto nel punto precedente, consente di inserire, semplicemente copiando ed incollando, vari tipi di codici per incorporare contenuti da piattaforme esterne all'interno di una news

3 - Il Pulsante Inserisci /Modifica collegamento (icona di una catena), consente di inserire un collegamento all'interno di una news. Per renderlo attivo basta selezionare il testo che vogliamo collegare e cliccare sul pulsante con l'icona di una catena che apparirà nell'editor: inserire nello spazio Url Collegamento l'indirizzo verso cui si vuol far puntare il link, cliccare su inserisci e salvare la news

4- Il Pulsante "Incolla da Word" (Icona con il simbolo di Word) consente di inserire contenuti copiati da Word senza che la loro formattazione "sporchi" il codice html che genera la news. Da utilizzare ogni qual volta si voglia eseguire un incolla da Word o similari

5 - Il pulsante " Modifica Stile Css" ( Icona con la doppia A) consente di modificare i colori , le dimensioni e molti altri aspetti del testo. ATTENZIONE Il pulsante appare solamente quando viene selezionato il testo da modificare




CONTENUTO DI TIPO PRODOTTO

Mon, 11 Jul 2011 05:01:39 +0000

Il contenuto di tipo "Prodotto" e' il contenuto che consente di creare prodotti per il tuo sito web e di gestirne varie caratteristiche: se viene attivato il modulo aggiuntivo e-commerce, al contenuto di tipo Prodotto viene aggiunto dal sistema il carrello per gli acquisti

Le parti che compongono il Prodotto sono: Titolo , Codice prodotto, Pubblica il prodotto, Gestione visualizzazione, Editor, Gestione Prodotto, Inserisci immagine , Gestione Seo.

TITOLO :

è il titolo del prodotto, molto importante per i motori di ricerca

PUBBLICA IL PRODOTTO:

consente di pubblicare o tenere sospesa la pubblicazione di un prodotto, utile per contenuti che vogliamo tenere per futuro utilizzo

GESTIONE VISUALIZZAZIONE:

consente di definire come viene raggiunto il prodotto dagli utenti. Le due modalità sono:

1 - all'interno di uno schema Sezione - Categoria, selezionando la categoria scelta dal menu a tendina (occorre aver creato in precedenza la Sezione e la Categoria da Struttura sito Sezioni e Categorie (vedi tutorial)). Ideale per la creazione di cataloghi o negozi on line

2 - come voce di menu, selezionando la casella, assegnando una voce al menu ed infine selezionando al menu a tendina in quale menu inserire la voce

Per siti web con molti prodotti è consigliato il primo tipo di visualizzazione

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; consente di inserire un testo di secrizione del prodotto

GESTIONE PRODOTTO

E' una area molto importante, soprattutto in chiave e-commerce, in quanto consente di gestire vari aspetti del prodotto;

- disponibilità per la gestione del magazzino

- Prezzo ed aliquote fiscali

- Dimensioni e peso

- Ordinamento immagini del prodotto ( il sistema creerà in  automatico una fotogallery

INSERISCI IMMAGINI

Consente di caricare sul sistema le immagini per poi inserirle all'interno del prodotto, cliccando sull'icona verde con il simbolo + : le immagini devono avere dimensioni massime 2500 x 2500 e peso massimo 2,5 mb

 

GESTIONE SEO

Consente di ottimizzare le fotogallery in funzione dei motori di ricerca

 

 




CONTENUTO DI TIPO FOTOGALLERY

Mon, 11 Jul 2011 04:41:34 +0000

Il contenuto di tipo "fotogallery" e' il contenuto che consente di creare gallerie fotografiche tramite il semplice inserimento di immagini

Le parti che compongono la fotogallery sono Titolo , Pubblica la pagina, Gestione visualizzazione, Editor, Inserisci file, Gestione Seo.

TITOLO :

è il titolo della fotogallery, molto importante per i motori di ricerca

PUBBLICA LA FOTOGALLERY:

consente di pubblicare o tenere sospesa la pubblicazione di una pagina, utile per contenuti che vogliamo tenere per futuro utilizzo

GESTIONE VISUALIZZAZIONE:

consente di definire come viene raggiunta la fotogallery dagli utenti. Le due modalità sono:

1 - all'interno di uno schema Sezione - Categoria, selezionando la categoria scelta dal menu a tendina (occorre aver creato in precedenza la Sezione e la Categoria da Struttura sito Sezioni e Categorie (vedi tutorial))

2 - come voce di menu, selezionando la casella, assegnando una voce al menu ed infine selezionando dal menu a tendina in quale menu inserire la voce

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; consente di inserire testo nella fotogallery

MODIFICA FOTOGALLERY

Consente di modificare il tipo di visualizzazione della fotogallery, scegliendo tra flash  e light box: consente inoltre, una volta inserite le immagini, di ordinarle all'interno della visualizzazione

INSERISCI IMMAGINI

Consente di caricare sul sistema le immagini per poi inserirle all'interno della fotogallery, cliccando sull'icona verde con il simbolo + : le immagini devono avere dimensioni massime 2500 x 2500 e peso massimo 2,5 mb

 

GESTIONE SEO

Consente di ottimizzare le fotogallery in funzione dei motori di ricerca

 

 

 




CONTENUTO DI TIPO PAGINA

Sat, 09 Jul 2011 06:39:51 +0000

Il contenuto di tipo "pagina e' il contenuto di base del sistema SitoOK! e grazie ad un potente editor di testo, consente di realizzare pagine web anche elaborate

Le parti che compongono la pagina sono Titolo , Pubblica la pagina, Gestione visualizzazione, Editor, Inserisci file, Gestione Seo.

TITOLO :

è il titolo della pagina, molto importante per i motori di ricerca

PUBBLICA LA PAGINA:

consente di pubblicare o tenere sospesa la pubblicazione di una pagina, utile per contenuti che vogliamo tenere per futuro utilizzo

GESTIONE VISUALIZZAZIONE:

consente di definire come viene raggiunta la pagina dagli utenti. Le due modalità sono:

1 - all'interno di uno schema Sezione - Categoria, selezionando la categoria scelta dal menu a tendina (occorre aver creato in precedenza la Sezione e la Categoria da Struttura sito Sezioni e Categorie (vedi tutorial))

2 - come voce di menu, selezionando la casella, assegnando una voce al menu ed infine selezionando dal menu a tendina in quale menu inserire la voce

EDITOR

L'editor di testo e' uno strumento molto potente, per il cui utilizzo si rimanda alla apposita guida; in questa sede indichiamo solamente le principali funzioni :

1 - Come inserire video nella pagina: per inserire video nella pagina occorre caricare il video su un apposito server video (youtube e similari) , copiare il codice da incorporare (in youtube si ottiene cliccando il tasto "Condividi" e successivamente "Codice da incorporare") , cliccare sul pulsante HTML presente nell'editor ed incollare il codice copiato, infine salvare. Il video apparirà all'interno della pagina creata. Da considerare che la dimensione massima della pagina e' di 560 pixel , dunque occorre che la larghezza del video venga inpostata a dimensioni inferiori.

2 - Il Pulsante HTML , già visto nel punto precedente, consente di inserire, semplicemente copiando ed incollando, vari tipi di codici per incorporare contenuti da piattaforme esterne all'interno di una pagina

3 - Il Pulsante Inserisci /Modifica collegamento (icona di una catena), consente di inserire un collegamento all'interno di una pagina. Per renderlo attivo basta selezionare il testo che vogliamo collegare e cliccare sul pulsante con l'icona di una catena che apparirà nell'editor: inserire nello spazio Url Collegamento l'indirizzo verso cui si vuol far puntare il link, cliccare su inserisci e salvare la pagina

4- Il Pulsante "Incolla da Word" (Icona con il simbolo di Word) consente di inserire contenuti copiati da Word senza che la loro formattazione "sporchi" il codice html che genera la pagina. Da utilizzare ogni qual volta si voglia eseguire un incolla da Word o similari

5 - Il pulsante " Modifica Stile Css" ( Icona con la doppia A) consente di modificare i colori , le dimensioni e molti altri aspetti del testo, com il pulsante Inserisci Collegamento , appare solamente quando viene selezionato il testo da modificare

INSERISCI FILE

Consente di caricare sul sistema immagini o file di altro formato quali pdf, doc,excel,jpg,gif,png per poi inserirli all'interno dell'editor , cliccando sull'icona verde con il simbolo + , dopo aver posizionato il cursore all'interno dell'editor

GESTIONE SEO

Consente di ottimizzare le pagine in funzione dei motori di ricerca