1

Per creare il proprio sito web è necessario in primo luogo essere registrati. La registrazione serve anche per effettuare ordini nei siti e-commerce che utilizzeranno (spero) questo servizio. Per registrarsi, fare click suk link a destra di questa guida:

Dato che dovremo utilizzare questo sito anche per allestire la sezione Ecommerce (simuleremo una concessionaria auto multimarche), scegliere Azienda e digitare CAR SHOP come ragione sociale. Tutto il resto puà essere inventato di fantasia.

2

Terminata con successo la registrazione, effettuare la login nel pannello in basso a destra di questa guida:

Facendo click sull'icona, il pannello si espande. Nel pannello espanso abbiamo strumenti che tra l'altro consentono di applicare template differenti ad ogni sito (quindi anche a questa guida) per vedere l'effetto. L'operazione interessa solo il vostro schermo, e non influenza i siti in linea. Abbiamo, in ordine:

1. una listbox con il nome dei siti QixBuilder, posizionata sul sito corrente (in questo caso help)
2. una listbox con il nome dei templates, posizionata sul template corrente (poison)
3. una freccia [<] per ripristinare il template associato di default al sito dopo aver effettuato prove
4. una casella di testo per digitare il nome del proprio sito
5. un pulsante [+] per il salvataggio del nome
6. un pulsante [x] per uscire dall'area riservata

3

A questo punto digitare il nome del proprio sito:

• massimo 20 caratteri
• non sono ammessi apostrofi, virgolette, punti, trattini, ma solo l'underscore (_) per separare le parole. 

Digitare quindi in questo caso car_shop. Dopo aver premuto [+] apparirà questa pagina:

Niente di strano: si tratta del vostro sito, ancora vuoto, cui è stato applicato il template corrente, cioé lo stesso della guida in linea. Sono comparsi inoltre alcuni servizi, già funzionanti. Nel pannello di controllo, sono comparse tre icone a sinistra di quella già attiva.

All'apertura del pannello di controllo (sempre tramite l'icona a destra), vedremo che la versione espansa è diversa dalla precedente:

Queste sono le differenze:

• a destra della prima listbox compare il cestino, che permette in soluzione unica di eliminare totalmente il sito. L'eliminazione è preceduta da messaggio di conferma;
• al posto della casella di testo [nuovo sito] abbiamo ora un pulsante SALVA TEMPLATE COME PREDEFINITO.

Un utente può creare un solo sito web, e il suo nome non può essere modificato. Questo per non intasare il programma con prove non andate a buon fine. Per creare un sito, è quindi necessario eliminare il precedente.

Una volta individuato il template da utilizzare anche provvisoriamente, aprire il pannello di controllo e premere il pulsante SALVA TEMPLATE COME PREDEFINITO. Il template può essere cambiato in qualsiasi momento, ma il cambio definitivo va registrato, altrimenti continuerà ad apparire di default il template precedente.

4

Si può scegliere di lavorare con il template corrente, oppure di caricarne uno a caso. Visualizzare i template con un sito vuoto spesso non rende l'idea, quindi approfittiamo della situazione per creare pulsanti fasulli e per familiarizzare con la funzione corrispondente.

Premere la seconda icona del pannello di controllo (quella con l'orologio). Il pannello che appare è il seguente:

1. Caricare il logo (un'immagine fasulla, che potrà essere rimossa successivamente). Potete utilizzare quella qui sopra, prelevandola e salvandola nel proprio computer.
2. Scrivere HOME a sinistra della prima casella HOMEPAGE
3. Scrivere Toolbar1... Toolbar2... ecc nelle 4 caselle di testo successive. Questi nomi fittizi servono per vedere dove appaiono i pulsanti
4. Scrivere Navbar1... Navbar2... ecc nelle 5 caselle di testo successive
5. Scrivere link rapidi nella casella di testo successiva, quella in grigio
6. Scrivere link di prova numero uno... ecc nelle prime 5 caselle successive
7. Scrivere AUTO DI TUTTE LE MARCHE nella casella di testo Slogan

Premere AGGIORNA. Ecco il risultato:

Come si può vedere, rispetto all'immagine precedente abbiamo nel sito alcuni elementi in più:

• le tre barre di navigazione (toolbar, navbar, links)
• la ragione sociale del proprietario del sito, in fondo al centro
• le icone dei social network, sempre in fondo al centro
• il logo cliccabile 

Proviamo ora a cambiare template, ad esempio applichiamo uno degli ultimi dell'elenco (workshop). Non dimenticare di espandere il pannello di controllo una seconda volta per premere SALVA TEMPLATE COME PREDEFINITO. Ecco il risultato:

Come possiamo vedere, è cambiato l'ordine degli elementi della pagina e il loro stile. La navbar è addirittura finita a fondo pagina. Ma i contenuti del sito sono rimasti invariati.

I pulsanti del sito non sono ancora funzionanti. Nel tutorial successivo vedremo come utilizzarli.