Corso Master in Webdesign, Wordpress e Prestashop

Transcript

1 Corso Master in Webdesign, Wordpress e Prestashop iva PROMO Requisiti per l accesso: Nessuno gratuitamente offriamo: Chiavetta USB con il materiale didattico. Voucher d'esame per 1 Certificazione ADOBE. Rilascio della Certificazione ADOBE * Borsa porta-notebook. Blocco. Posti disponibili: max 8 partecipanti Docenti: Adobe Certified Instructor Postazioni: 1 per Corsista, con Win o Mac ORARI FREQUENZA DURATA COSTO AM» dalle alle PM» dalle alle ORE Acconto: 350 Rate: 4 da 285 Creazione di un interfaccia web in Adobe Photoshop. Realizzazione e pubblicazione di un sito base in HTML5. Realizzazione e pubblicazione di un Blog o Portfolio con Wordpress. Realizzazione e pubblicazione di uno store E-commerce con Prestashop. OBBLIGATORI: 2 giorni a settimana con 3,30 ore per lezione. PROPEDEUTICO: 1 giorno a settimana di laboratorio con 1,30 ore per lezione. di lezioni pratiche effettive 4 mesi senza finanziamenti senza interessi iva compresa Progetti individuali Penna. Dispense formative. * Il rilascio del diploma valevole per i C.F.U. e quello della Certificazione Adobe, è GRATUITO ma subordinato al superamento con esito positivo degli esami ufficiali nella nostra sede, e alla consegna di tutti i Briefing Didattici da parte del Corsista. CON UNA CERTIFICAZIONE IN OMAGGIO guarda la gallery dei lavori realizzati dai nostri Corsisti

2 Programma Didattico 7 ore - GUIDA ALL'ACQUISTO DI UN DOMINIO E PUBBLICAZIONE 23 ore - SCRIPTING LINGUAGGIO HTML5 E CSS3 17 ore - ADOBE PHOTOSHOP - UI/UX DESIGN 18 ore - RESPONSIVE LAYOUT DESIGN E ADOBE DREAMWEAVER [LINGUAGGIO HTML5 - CSS3 - JQUERY] 24 ore - PRESTASHOP BASE + AVANZATO 22 ore - LABORATORIO WEB 21 ore - WORDPRESS ORIENTAMENTO ALLA CERTIFICAZIONE ACA qui la versione dettaglia del PROGRAMMA realizzerai siti ottimizzati per

3 GUIDA ALL'ACQUISTO DI UN DOMINIO E PUBBLICAZIONE Guida all'acquisto di un dominio. Studio dei costi di un preventivo. Criteri per la scelta di un Provider. Provider italiano o straniero? Quali e quante estensioni scegliere? Documenti necessari per l'acquisto di un dominio. Differenza tra Hosting e Redirect. Hosting Linux, Hosting Windows o Hosting Ibrido: quale scegliere? Cosa si intende per "Spazio web illimitato". Che cos'è il servizio "Whois Privacy"? Domini di Primo, Secondo, Terzo, ecc: i Livelli nei Domini. Differenza tra Banda Garantita e Banda "best-effort". Come scegliere le caratteristiche del Dominio in linea con le esigenze del Cliente. Differnza tra "Spazio condiviso" e "Server dedicato". La pubblicazione in rete: utilizzo dell'ftp. I file principali ed i file correlati. Come mettere il sito in modalità "Mantenimento" mentre si stanno aggiornando i contenuti. Come nascondere alcuni tipi di file ai visitatori. Come impedire l'hotlinking delle immagini di un sito. Come far scaricare automaticamente alcuni tipi di file da un sito. Utilizzo degli "Strumenti per i Webmaster di Google". Tool per la creazione di Site Map: quali i migliori? Site Map Web. Site Map Immagini. Site Map Cellulari. Sfruttare il tool "Visualizza come Google". SCRIPTING LINGUAGGIO HTML5 E CSS3 Cos'è Word Wide Web. Il significato di ipertesto e le sue funzioni. L'Hyper Text Markup Language. Gli strumenti di navigazione: i browser e le principali piattaforme. Strutturazione, definizione e navigabilità di un sito web. La struttura di un documento HTML 5. Compatibilita' ed ottimizzazione per Internet Explorer (uso corretto dei polyfiller). Studio dei TAG e delle loro funzioni. Inserimento di immagini di sfondo. Inserimento di colori di sfondo. Collegamenti ipertestuali. La struttura minima di base. La dichiarazione del "DOCTYPE". Gli elementi di impaginazione: i "Div". Utilizzo dei paragrafi "p". Utilizzo degli elenchi non ordinati "ul".

4 Utilizzo degli elenchi ordinati "ol". Utilizzo delle voci elenco "li". Utilizzo dell'elemento "span". Utilizzo dei titoli "h1", "h2", "h3", "h4", "h5" e "h6". L'attributo "strong". L'attributo "em". Gli elementi semantici di un layout web: "header" "nav" "section" "article" "aside" "figcaption" "figure" "footer" Gli attributi HTML 5 dei Form: "pattern" "placeholder" "required" "multiple" "min and max" "autocomplete" I TAG HTML 5 di "input": "date" " " "number" "tel" "search" CSS 3: La sintassi. I tipi di selettori: Tag, Classi e Identificatori. I selettori aggiuntivi: le Pseudoclassi e gli Pseudoelementi. Le regole in cascata: Gestione degli sfondi e riempimenti: Sfondi con immagini. Sfondi con gradienti: gradienti lineari, radiali, obliqui e ripetuti. Gestire la dimensione delle immagini sfondo. Utilizzo di immagini di sfondo multiple. Formattazione del testo: La proprieta' font-size. La proprieta' font-style. La proprieta' font-family. La proprieta' font-weight. Effetti e filtri sul testo. Utilizzo di font personalizzati. Gestire le dimensione degli elementi.

5 Gestire la posizione degli elementi: Posizioni "assolute". Posizioni "relative". Posizioni "fisse". Posizioni "statiche". Lavorare con il valore z-index. Gestire l'allineamento degli elementi. Lavorare con i bordi, i margini interni e i margini esterni degli elementi. Gestire il float. I filtri. Le animazioni. Le transizioni. Le trasformazioni 2D. Le trasformazioni 3D. Gestire le colonne multiple. Creazione di Media-Query per pagine responsive. Gestire il min-widht e il max-width. Gestione dei point-break tramite i fogli di stile. ADOBE PHOTOSHOP - UI/UX DESIGN L area di lavoro di Photoshop. Nascondere o mostrare tutti i pannelli. Gestire le preferenze. Le scelte rapide da tastiera. Come selezionare e visualizzare gli strumenti. Importazione dei file. Gestione dei righelli. Gestione delle guide. Lavorare con il colore e con le immagini: Ridimensionare un'immagine. Le immagini bitmap. La grafica vettoriale. Combinare immagini vettoriali e le immagini bitmap. Dimensioni e risoluzione dell immagine. Determinare la risoluzione consigliata per un immagine. Ricampionamento. Cambiare le dimensioni in pixel di un immagine. Modificare la modalità dello schermo. Utilizzo di Zoom in o Zoom out. Come ingrandire un area specifica. Come adattare un immagine allo schermo. I pannelli Colore e Campioni. Lavorare con i Livelli: I livelli. Utilizzo del pannello Livelli.

6 Duplicare i livelli. Rinominare un livello. Modificare la trasparenza di un livello. Scrivere: Formattazione del testo. Formattazione di un paragrafo. L'interlinea. Le Font. Modifica del testo: Creare del testo lungo un tracciato. Convertire il testo in forma. Aggiungere al testo un ombra esterna. Il testo segnaposto "Lorem ipsum". Salvataggio ed esportazione delle immagini. I formati di file. Impostare le opzioni di output. Gestione della grafica web: Ottimizzazione delle immagini per il Web ed i dispositivi. Tipi di salvataggio. Esportazione automatica delle risorse. Formati immagine per la grafica Web: JPEG, GIF, PNG 8 e PNG-24. RESPONSIVE LAYOUT DESIGN E ADOBE DREAMWEAVER [LINGUAGGIO HTML5 - CSS3 - JQUERY] La barra degli strumenti Documento: Vista Progettazione. Vista Codice. Vista Codice e Progettazione. Vista Dal vivo. Anteprima/debug nel browser. Titolo del documento. La barra degli strumenti Standard. La barra degli strumenti Navigazione browser. La barra di stato: Selettore di tag. Strumento Seleziona. Strumento Zoom e menu a comparsa Imposta ingrandimento. Menu a comparsa Dimensioni finestra. La finestra di ispezione Proprietà. Il pannello Inserisci: La categoria Modelli. La categoria Moduli. La categoria jquery Mobile. La categoria Componenti di Bootstrap. Le Categorie elementi semantici HTML5. Il pannello File.

7 Il pannello Stili CSS. Gestione della vista Codice: Compressione del codice. Formattazione del codice di origine. Comprimere ed espandere frammenti di codice. Selezionare un frammento di codice compresso. Incollare e spostare i frammenti di codice compressi. Personalizzazione dell'area di lavoro. Impostare le preferenze generali di Dreamweaver. Impostare le preferenze caratteri per i documenti in Dreamweaver. I pannelli con contenuto dinamico: Pannello Files. Pannello CSS Designer. Pannello Inserisci. Pannello Snippet. Visualizzare il database in Dreamweaver. Visualizzazione dell'anteprima delle pagine dinamiche in un browser. Impostare le preferenze di codifica. Modificare il formato del codice. Utilizzare il pannello Inserisci: Visualizzare o nascondere il pannello Inserisci. Visualizzare i pulsanti di una particolare categoria. Visualizzare il menu a comparsa di un pulsante. Inserire un oggetto. Gestione e definizione del sito. Connettersi a un server remoto. Specificare un metodo di connessione. Impostare le opzioni server avanzate. Connettersi o disconnettersi da una cartella remota con l'accesso di rete. Eseguire la connessione o la disconnessione da una cartella remota con l'accesso FTP. Configurare un server di prova. Configurare una versione locale del sito. Opzioni della finestra di dialogo Gestisci siti. Scaricamento e caricamento dei file da e verso il server. Trasferimento di file e file dipendenti. Gestione di file e cartelle: Usare il pannello File. Visualizzazione di file e cartelle. Operazioni con i file nel pannello File. Accedere ai siti, a un server e alle unità disco locali. Personalizzare i dettagli di file e cartelle visualizzati nel pannello File espanso. Utilizzo dei collegamenti: Percorsi assoluti, relativi al documento e relativi alla cartella principale del sito. Impostare le proprietà CSS del carattere della pagina, del colore di sfondo e dell'immagine di sfondo. Impostare le proprietà di pagina HTML.

8 Il pannello Stili CSS: Creare e associare fogli di stile. Definire selettori. Collegare un foglio di stile CSS esterno. Spostare/esportare regole CSS: Spostare/esportare regole CSS in un nuovo foglio di stile. Spostare/esportare regole CSS in un foglio di stile esistente. Impostare le proprietà. Applicare le proprietà CSS3 tramite il Menu a comparsa. Specificare serie di valori multipli. Individuare le proprietà nella vista Categoria. Garanzia della compatibilità con piu' browser. Anteprima delle modifiche nella vista Dal vivo. Le proprietà Tipo CSS. Le proprietà Sfondo degli stili CSS. Le proprietà Blocco di testo degli stili CSS. Le proprietà Elementi di pagina degli stili CSS. Le proprietà Bordo degli stili CSS. Le proprietà Elenco degli stili CSS. Le proprietà Posizione degli stili CSS. Le proprietà Estensioni degli stili CSS. Effetti di transizione CSS3. Uso dei layout a griglia fluida (Responsive Layout): Il meccanismo del CSS Regions. Che cos'è l'html5 Boilerplate. Che cos'è Bootstrap. L'utilizzo del Grid System. Che cos'è il motore Webkit. Creazione dei point-break. Creazione degli elementi. Creazione di un layout responsive. Elementi tipografici. Gruppi di oggetti e il flusso di contenuti. Utilizzo delle Media Queries. Creare un layout a griglia fluida. Inserire elementi a griglia fluida. Nidificazione di elementi. Creazione del layout: Utilizzo dei tag semantici: Article, Aside, Navigation, Section, Header e Footer. Inserire e modificare i tag div. Impostare le proprietà del titolo e della codifica della pagina. Visualizzare e modificare il contenuto head. Impostare le proprietà meta della pagina. Specificare le parole chiave per la pagina. Specificare le descrizioni della pagina.

9 Aggiunta e modifica di immagini: GIF (Graphics Interchange Format). JPEG (Joint Photographic Experts Group). PNG (Portable Network Group). Informazioni sulle immagini. Inserire un'immagine. Inserire un segnaposto immagine. Impostare le proprietà di un segnaposto immagine. Creare un'immagine di rollover. Utilizzare un editor di immagini esterno. Applicazione di comportamenti alle immagini. Incorporare video in pagine Web (HTML5) Nozioni sui modelli di Dreamweaver: Creare un modello da un documento esistente. Tipi di aree dei modelli. Collegamenti nei modelli. Script server nei modelli e nei documenti basati sui modelli. Applicare un modello a un documento esistente. Dissociare un documento da un modello. Modificare il contenuto di un documento basato su un modello. Informazioni sulla modifica del contenuto di documenti basati sui modelli. Modificare le proprietà del modello. Aggiungere, eliminare e modificare l'ordine di un elemento di area ripetuta. Inserire un'area modificabile. Selezionare aree modificabili. Eliminare un'area modificabile. Modificare il nome di un'area modificabile. Definizione di attributi di tag modificabili nei modelli. Modifica e sull'aggiornamento dei modelli. Aprire un modello per la modifica. Rinominare un modello. Modificare la descrizione di un modello. Aggiornare manualmente i documenti basati sui modelli. Riconoscere i documenti basati sui modelli nella vista Progettazione. Riconoscere i documenti basati sui modelli nella vista Codice. Scrivere e modificare il codice: Suggerimenti sul codice. Inserire il codice mediante la barra degli strumenti Codifica. Inserire il codice tramite il pannello Inserisci. Inserire i tag con il Selettore tag. Inserire commenti HTML. Operazioni di copia e incolla con il codice. Modificare i tag mediante gli editor di tag. Modificare il codice tramite il menu di scelta rapida Codifica. Modificare un tag di linguaggio server mediante la finestra di ispezione Proprietà. Applicare un rientro ai blocchi di codice.

10 Eliminare un rientro ai blocchi di codice. Lavorare con Navigazione codice. Passare a una funzione JavaScript. Estrarre JavaScript. Operazioni con gli snippet di codice. Ricerca di tag, attributi o testo nel codice. Aggiungere e gestire le estensioni in Dreamweaver. Applicazione di comportamenti JavaScript incorporati. Applicare il comportamento Mostra-nascondi elementi. PRESTASHOP BASE + AVANZATO Cos'è Prestashop. Cosa sono e come nascono i CMS. Concetti di base di PHP. Come funziona un CMS? Perchè usare Prestashop: vantaggi e svantaggi. Creazione di un database. Installazione del pacchetto Prestashop in locale. Impostazioni della configurazione iniziale. Installazione di Prestashop. Analisi della struttura di Prestashop. Setup iniziale. Dettagli negozio e ubicazione. Informazioni di contatto. Accesso dipendenti. Catalogo Prodotti. Regole prezzi. Categorie prodotti. Aggiunta di nuovi prodotti. Strumenti di marketing e vouchers (buoni e coupon). Corrieri e spese di trasporto. Pagamenti e impostazione dei più famosi metodi di pagamento. Configurazione delle tasse. Configurazione di uno store multilingua e multivaluta. Creazione di un CRON per la gestione delle valute estere. Moduli e template del negozio. Installazione di un Template e personalizzazione grafica tramite i fogli di stile del proprio store. Personalizzazione dei modelli della . Preferenze e parametri avanzati. Amministrazione e statistiche. Esportazione e pubblicazione online dello store. WORDPRESS Cos'è Wordpress. Cosa sono e come nascono i CMS.

11 Concetti di base di PHP. Come funziona un CMS? Perchè usare Wordpress: vantaggi e svantaggi. Creazione dell'ambiente di lavoro. Cos'è la piattaforma WAMP/MAMP ed a cosa serve. Installazione di un server locale. Creazione di un database. Installazione del pacchetto Wordpress. Impostazioni della configurazione iniziale. Installazione in locale di Wordpress. Analisi della struttura di Wordpress. Il front-end ed il pannello amministrativo di Wordpress. Configurazioni globali del sito. Configurazione generale di Wordpress. Gestione e diversificazione degli utenti del sito. I livelli di accesso. I temi di Wordpress: cosa sono e come gestirli. Cosa sono i plugin e i widget di Wordpress. Gestione dei plugins: personalizzare il proprio sito. Traduzione di Wordpress: gestire i file.po con Poedit. Come tradurre un tema o un plugin Wordpress non localizzato in italiano. Come modificare i file lingua. Come gestire, modificare e personalizzare i temi di default. Scelta del tema responsive: configurazione iniziale. Come installare, personalizzare ed eliminare temi. Modifica del file css del tema. Come creare dei menu. Quali sono le tipologie delle voci menu. Collegamento tra menu ed articoli. Creazione di sottovoci di menu. Creazione di menu a tendina. Le categorie: cosa sono e a cosa servono. Relazione tra articoli e categorie. Inserimento e gestione di gallerie immagini. Modifica dei file php e html del sito. Inserire media all'interno di articoli. Personalizzazione grafica degli elementi del template. Creazione di articoli e categorie. Come editare un articolo. I widget: configurazione e gestione delle aree attive. Personalizzazione di sidebar e footer. Come modificare le pagine di login e registrazione degli utenti. Integrazione con i Social Network. Inserire video da youtube, playlist, video da un canale. Come scegliere ed acquistare un hosting. Come trasferire da locale a remoto il database.

12 Come trasferire da locale a remoto il sito Wordpress.

13 Via Alberto Einstein 13, Scala E, interno 1, piano Terra 00146, Roma. [ Marconi / Trastevere ] Orari Segreteria: Lunedì - Venerdì dalle alle e dalle alle Tel Mobile info@anja.it Facebook Google Maps Rimaniamo in contatto