GUIDA PER PRINCIPIANTI

ARTISTEER

A.S.2010/2011 Semeraro Marco

Cose
Artisteer un prodotto di automazione web il quale permette
di personalizzare il template del proprio sito o il tema del
proprio blog, in modo tale da renderlo unico.
Ecco alcuni vantaggi di Artisteer:
Permette di creare il tema in pochi minuti;
Puoi esportare in Blogger, Joomla, Wordpress e altri prodotti CMS;
Nessuna necessit di imparare Photoshop, CSS, HTML o altre
tecnologie;
Divertente e facile da usare!

A.S.2010/2011 Semeraro Marco

Difetti
Nonostante i numerosi pregi secondo me c un piccolo difetto,
ossia un po' limitato nella gestione delle posizioni modulo, infatti
ne presenta solo poche.
Quindi per ovviare a questo problema li puoi aggiungere a mano,
ma se si potessero creare/aggiungere nuove posizioni modulo oltre
a quelle esisteti sarebbe davvero perfetto..

A.S.2010/2011 Semeraro Marco

Download e installazione
Artisteer un prodotto che si pu acquistare per avere tutte
le funzioni a disposizione oppure si pu scaricare la versione
demo dal sito http://www.artisteer.com/ limitando per
molte funzioni.
Nonostante questo per si pu imparare facilmente ad
utilizzarlo e una volta valutato il prodotto si pu decidere se
acquistarlo o meno

A.S.2010/2011 Semeraro Marco

Download e installazione
Una volta entrati nel sito di Artisteer ci rechiamo nella sezione Download:

e scarichiamo la versione demo cliccando sul Download:

A.S.2010/2011 Semeraro Marco

Download e installazione
Una volta scaricato il software, facciamo partire linstallazione e
quando questultima operazione viene ultimata, eseguiamo il
programma in modalit Versione di prova.

A.S.2010/2011 Semeraro Marco

Pagina iniziale
Si presenta cos la pagina iniziale il quale ci permette di scegliere il
lavoro che ci interessa svolgere.

Vediamo quindi la pagina che si apre selezionando Joomla

A.S.2010/2011 Semeraro Marco

A.S.2010/2011 Semeraro Marco

Guida alluso
Come si pu notare abbiamo un men cosidetto a tendina
posizionato in alto del monitor in cui compaiono tutte le varie
funzionalit e nella zona sottostante vediamo lanteprima del nostro
Template.
Vediamo quindi alcuni dei comandi principali per poter
personalizzare il nostro Template.

A.S.2010/2011 Semeraro Marco

Nella sezione idee possiamo fare in modo che il computer stesso crei un template.
Cliccando sui vari suggerimenti il computer sceglier a scelta una possibile combinazione
di impostazione in modo tale da suggerirci una soluzione al nostro template.
Possiamo fare in modo di creare in automatico lintero template cliccando su Suggerisci
Disegno, oppure andare a modificare singolarmente ogni impostazione come per esempio
i men,i colori del tema, i font, il layout (ossia la disposizione delle varie tabelle ), la
dimensione della pagina web, limmagine di sfondo e molte altre cose.
E una funzione utile perch rende unico il nostro template per non permette la vera
personalizzazione dello stesso perci la ritengo utile solo in parte.

A.S.2010/2011 Semeraro Marco

10

Nella sezione Colori & Font abbiamo la possibilit di impostare i colori principali del nostro
tema e il rispettivo font che vogliamo applicare.
Per la gestione dei colori:
Attraverso colora temi possiamo scegliere una combinazione di colori preimpostati, mentre se
vogliamo impostare noi i colori baster recarci nella sequenza di 3 colori soprastanti al
pulsante Regola e selezionare singolarmente ogni colore.
Per i font:
Attraverso la funzione Impostazioni font possiamo cambiare il tipo di font, mentre in
Tipografia abbiamo la possibilit di decidere se vogliamo che il testo sia in grassetto,centrale,a
destra,a sinistra e altro ancora.
Infine in Valori font possiamo decidere la grandezza in percentuale del testo.

A.S.2010/2011 Semeraro Marco

11

La sezione Layout permette di impostare lorganizzazione della pagina per quanto riguarda il
men o lintestazione (che semplicemente unimmagine con il titolo del sito) e di decidere
quante colonne avr la nostra pagina web.
Per quanto riguarda lorganizzazione del men e dellintestazione possiamo creare una
pagina semplice, oppure unintestazione con il men ai piedi, oppure ancora possiamo
creare un men che stia sopra lintestazione selezionandola dalla funzione Layout Pagina.
Per impostare invece il numero di colonne che avr la nostra pagina web clicchiamo in
Colonne e scegliamo quella che riteniamo pi opportuna.

A.S.2010/2011 Semeraro Marco

12

La sezione Sfondo, come si intuisce dal nome stesso, da la possibilt di selezionare lo sfondo
che dovr avere il nostro Sito.
Limmagine la si pu scegliere da quelle gia create da Artisteer oppure se vogliamo inserire
unimmagine nostra, clicchiamo su Da file e selezioniamo limmagine interessata.
Ovviamente poi per qualsiasi immagine decidiamo di inserire possiamo aggiungere vari
dettagli che son presenti in Luce, Immagine o trama, Gradiente,Riempimento colore o
Opzioni..
Sono funzioni molto simpatiche e creative il quale permettono di perfezionare le nostre
immagini e adattarle cos al nostro sito.

A.S.2010/2011 Semeraro Marco

13

La sezione Foglio permette di creare e personalizzare lo spazio in cui vsualizzeremo le pagine

web e che quindi star sopra lo sfondo.
Infatti possibile selezionare la curvatura/smussatura del nostro foglio, la ampiezza della
pagina/foglio, loffset superiore (ossia la distanza di inizio del foglio dal bordo superiore ), lo
spessore (ossia i margini tra tutto ci che star allinterno del foglio e il bordo del foglio
stesso), il raggio di curvatura, lo spessore del bordo, lombra che apparir nello sfondo, la
trasparenza tra il foglio e lo sfondo, e il colore del foglio attraverso il Riempi.

A.S.2010/2011 Semeraro Marco

14

In Intestazione si pu modificare limmagine che verr visualizzata nel nostro sito

impostandone inoltre la dimensione della stessa.
Senza descrivere ogni singola funzione, possiamo dire che in questa sezione si pu
personalizzare a piacere limmagine che si vorr come intestazione inserendo immagini
animate, aggiungendo il titolo e il sottotitolo del sito (entrambi sono opzionali) con un font a
piacere e nella posizione che si vuole, oppure rendere animata limmagine stessa
aggiungendo per esempio degli effetti gia esistenti e offerti da Artisteer.
Ecco un esempio di una semplice intestazione

A.S.2010/2011 Semeraro Marco

15

Nella sezione Men si pu personalizzare il men a piacimento:

Si pu impostare la forma, la posizione, il colore, la trama, il colore e lo spessore del bordo, il
colore e lo stile dei sottomen, il font di entrambi, oppure lanimazione che avviene nel
momento del passaggio del puntatore sopra uno dei pulsanti del men.
Anche in questo caso non ha senso spiegare ogni singolo passaggio perch le funzioni sono
moltissime e permettono quindi di personalizzare il men come uno preferisce.
Ecco un esempio di un men personalizzato:

A.S.2010/2011 Semeraro Marco

16

Nella sezione Articoli si liberi di decidere come far visualizzare gli articoli allinterno del
nostro Foglio.
Le funzioni a disposizione sono moltissime, ci sono tutte quelle dei piu noti editor di testi e
in pi c la possibilit di inserire unimmagine che compare ogni qualvolta venga pubblicato
un articolo oppure si possono personalizzare le mini icone (es. pdf,stampa,email) o per
esempio impostare la visualizzazione della data.

A.S.2010/2011 Semeraro Marco

17

Nella sezione Articolo secondario possiamo gestire quelle cose che troviamo nelle colonne
esterne a quella centrale come per esempio i sondaggi, i banner, ecc.
Infatti si pu scegliere se impostargli un contorno o meno, modificarne il colore dello sfondo
e del font del titolo e del testo interno, e anche in questo caso impostare moltre altre cose
che renderanno i vostri articoli secondari unici.
Per farlo ci baster impostare prima lo stile del titolo/intestazione cliccando su Intestazione,
e successivamente impostando quello del contenuto cliccando su Contenuto.

A.S.2010/2011 Semeraro Marco

18

Nella sezione Men verticale possiamo gestire Il Men che solitamente viene visualizzato a
sinistra del sito.
Come per le altre funzioni, in Men verticale si possono gestire le stesse cose
personalizzandole a piacimento.

A.S.2010/2011 Semeraro Marco

19

Come si intuisce, in Pulsanti possiamo impostare lo stile dei pulsanti del sito come pi ci
piace e le funzioni sono uguali a quelle viste nelle altre sezioni.

A.S.2010/2011 Semeraro Marco

20

Per finire, in Footer possiamo personalizzare la fine della nostra pagina, ossia lo spazio in cui
andranno le scritte riservate ai copyright ecc.
Le funzioni sono sempre le stesse delle altre sezioni e in pi c la possibilit di modificare
licona del RSS scegliendo quella che preferiamo.
Ecco due esempi di Footer:

A.S.2010/2011 Semeraro Marco

21

Anteprima del Template

Ora il nostro Template concluso.Per poter vedere come si vede il
vostro template creato nel Browser preferito, cliccando nella
tavolozza in alto a sinistra potrete visualizzare lanteprima del
template e controllare quindi eventuali errori commessi.
Una volta terminato questo si procede con lesportazione del
progetto.

A.S.2010/2011 Semeraro Marco

22

Salvataggio del Template

Nella versione di prova non possibile salvare il progetto ma per
poterlo utilizzare sufficiente esportarlo cliccando sullicona
rappresentante una Tavolozza che si trova in alto a sinistra del
monitor e successivamente fare
Esporta Modello Joomla, salvandolo come ArchivioZIP per
poterlo installare con Joomla.
Assicuratevi che il template sia quello da voi richiesto e infine
chiudete il programma, ricordando che una volta chiuso non
potrete pi riaprire il progetto perch la versione di prova.
Vediamo le screen effettuate per lesportazione del template:

A.S.2010/2011 Semeraro Marco

23

A.S.2010/2011 Semeraro Marco

24

Vediamo infine un esempio di un semplice Template:

A.S.2010/2011 Semeraro Marco

25

GUIDA Terminata

A.S.2010/2011 Semeraro Marco

26