creare la tua vetrina MMSHOPS

Transcript

1 Impara in 60 minuti a creare la tua vetrina MMSHOPS Corso di apprendimento rapido EUROTEAM 2014 ( 1

2 I componenti della vetrina MMSHOPS si basa su concetto molto semplice: il nome del file determina la posizione in cui il contenuto viene inserito automaticamente nella pagina web. Quindi: i file devono avere nomi predefiniti se un file ha nome errato il suo contenuto non si vede La pagina che segue mostra i componenti necessari per creare una vetrina e come sono pubblicati: quelli azzurri sono file di testo quelli rosa sono file di immagini EUROTEAM 2014 ( 2

3 Esempio di vetrina MMSHOPS SLIDE SHOW LOGO CONTACTS TEXT Immagini della GALLERY CARDS EUROTEAM 2014 ( 3

4 Il Pannello di Controllo Ogni vetrina ha un Pannello di Controllo: è alla pagina il cui URL è dato dall URL della vetrina seguito da /admin.php La password iniziale è demo123. La prima volta che si usa si deve cambiare la password. Nel Pannello c è il comando per caricare sul server i file. I file di testo si ottengono scrivendo i testi con Word e salvandoli come tipo file Testo normale (txt), oppure scrivendoli direttamente col programma Blocco Note. I file immagini devono essere in formato jpg (quello delle foto digitali). Se sono troppo grandi il sistema li riduce automaticamente alle dimensioni previste dalla vetrina. EUROTEAM 2014 ( 4

5 Il primo passo Comincia creando la prima parte della tua vetrina: Copia i file e su Blocco Note o su Word salvandoli come file txt. Apri il tuo Pannello di Controllo andando all indirizzo della tua vetrina e aggiungendo all url /admin.php Carica i 2 file e guarda come cambia la vetrina. Ora modifica i 2 file con la descrizione della tua azienda (senza togliere le parentesi quadre e graffe) e ricaricali Importante - Windows non ti fa vedere i suffissi dei file (.txt per i testi e.jpg per le foto). Invece devi vederli per non fare errori, quindi rendili visibili con le istruzioni che trovi in EUROTEAM 2014 ( 5

6 Il secondo passo Adesso carica sul server il logo e lo slide show: Il logo deve essere una immagine col Puoi copiarlo da demo o da Google Immagini oppure crearlo col programma Paint di Windows (salva come Immagine JPEG ). Per lo slide show carica sul server delle foto in formato.jpg larghe almeno 480 pixel e con le stesse proporzioni larghezza/altezza. Il loro nome @3.jpg, e così via in sequenza. La tua vetrina ha così il tuo logo e lo slide show e la parte superiore è completa. EUROTEAM 2014 ( 6

7 Adesso crea la Gallery: Il terzo passo Scarica il file modifica le 2 righe che iniziano con ## scrivendovi i nomi di 2 linee di prodotto (lascia ## a inizio riga) e col Pannello carica il file sul server Nel menu della vetrina vedi i nomi che hai scritto, ma al posto delle foto ci sono quadri vuoti: devi caricare le foto (puoi usare le foto di esempio che trovi Le foto devono avere gli stessi nomi che seguono i # Cliccando una foto della Gallery appare il testo scritto nelle righe che seguono ogni foto (possono essere lunghi quanto vuoi). EUROTEAM 2014 ( 7

8 Alcune note importanti 1) Il nome di ogni foto scritto deve essere perfettamente uguale al nome del file caricato, altrimenti la foto non si vede. 2) Il Pannello di Controllo mostra i nomi dei file caricati: cliccando sul nome del file si vede il contenuto cliccando su CANCELLA si elimina il file per aggiornare un file non occorre eliminarlo: basta sostituirlo, caricando il file corretto con lo stesso nome 3) Come si vedrà nel seguito, le parentesi quadre creano i titoli e i testi in grassetto, le parentesi graffe inseriscono link e foto nel testo. EUROTEAM 2014 ( 8

9 La tua vetrina è fatta! Adesso puoi completare la Gallery inserendo altre linee di prodotto. Dopo la riga con ## puoi mettere quante foto vuoi (metti sempre # prima del nome) con relativa descrizione nelle righe che seguono. Se qualcosa non va prova a correggere i file che hai caricato (anche se sbagli non puoi creare nessun danno). Poi con comodo leggi le istruzioni che seguono per imparare tutte le funzioni e i trucchi di MMSHOPS. EUROTEAM 2014 ( 9

10 Perfeziona la tua vetrina MMSHOPS Corso completo con tutte le istruzioni EUROTEAM 2014 ( 10

11 I nomi dei file di testo Si devono caricare sul server 3 file di testo coi = contiene nome, indirizzo, telefono, mail, P.IVA, ecc. della = contiene la presentazione della società e delle sue = contiene le voci di menu della Gallery e i testi associati alle sue foto e i seguenti file di = immagine del logo ecc. = una serie di immagini jpg con numero sequenziale a partire da 1 I file devono avere il nome qui indicato, che inizia Le foto della Gallery hanno invece un nome a piacere. EUROTEAM 2014 ( 11

12 Mark-up dei file di testo Per inserire titoli, grassetti, link e immagini nei testi si inseriscono dei caratteri speciali (cioè si fa il mark-up ): Titoli = si mettono fra doppia parentesi quadra Grassetti = si mettono fra parentesi quadra Immagine = si mette il link fra doppia graffa [[Titolo]] [grassetto] {{foto.jpg}} Link = url fra graffe e parole cliccabili fra graffe senza spazi Note {testo.pdf}{vedi testo} Le parentesi graffe si scrivono come le quadre, tenendo premuto anche il tasto maiuscolo. Nella prima riga del deve sempre esserci un titolo: attività (in maiuscolo) e specialità (in minuscolo). EUROTEAM 2014 ( 12

13 Se i file sono pronti creiamo la vetrina Questa è la vetrina vuota: fai click sopra col mouse per vedere cosa succede quando carichi i file. Per creare la Gallery vedi le istruzioni che seguono. EUROTEAM 2014 ( 13

14 Il Il file è costituito da blocchi. Ogni blocco corrisponde a una riga di menu cioè a una categoria di prodotti. La prima riga del blocco comincia con ## seguito dalla voce di menu. Seguono le foto del blocco: per ogni foto vi è una riga che comincia con # seguito dal nome a piacere della foto (file jpg). Nelle righe seguenti c è il testo associato alla foto con i suoi mark-up. Struttura ## riga 1 del menu # foto-1.jpg Testo associato alla foto 1 # foto-2.jpg Testo associato alla foto 2 # foto-3.jpg Testo associato alla foto 3. ## riga x del menu # foto-x1.jpg Testo associato alla foto 1 # foto-x2.jpg Testo associato alla foto 2. ## riga n del menu EUROTEAM 2014 ( 14

15 Esempi di [[SETTORE: specialità]] [Nome Azienda] Via Indirizzo CAP - Città Tel info@azienda.it { [[La nostra società]] L [Azienda] è stata creata nel 2003 e si è specializzata nella commercializzazione di prodotti informatici innovativi. [[Le tecnologie più importanti]] Sono state da noi sviluppate applicazioni nei settori: - [web-tv] per training e webinar - [Cataloghi sfogliabili] per siti di moda e arredamento - [Portali CMS] per importanti clienti EUROTEAM 2014 ( 15