programma del corso master web developer

PROGRAMMA DEL CORSO MASTER WEB DEVELOPER
Il corso Master Web Developer con Certificazione internazionale W3Schools prepara lo studente a
entrare nel mondo dello sviluppo Web (blog, siti, portali). Il percorso è composto da 4 singoli moduli (per un
totale di 132 ore di formazione) che accompagnano il discente su argomenti di livello sempre più alto, fino a
renderlo autonomo nella creazione, nell’ampliamento e nella messa online di un sito di medie e grandi
dimensioni tramite l'utilizzo del CMS Wordpress.
Prerequisiti
Nessun prerequisito particolare a parte un buon utilizzo di Internet.
Obiettivi
Imparare a sviluppare in autonomia siti web strutturati e dinamici mediante l’utilizzo di un CMS moderno.
Comprendere tutte le più importanti caratteristiche e funzionalità messe a disposizione dall’html, dai CSS, dal
php e dal CMS Wordpress, attualmente il Content Management System più diffuso e utilizzato al mondo.
MODULO ADOBE PHOTOSHOP CS5
Unità didattica 1 - Grafica bitmap ed introduzione all’utilizzo di photoshop
Concetti fondamentali di Photoshop
Immagini bitmap e grafica vettoriale
Dimensioni e risoluzione delle immagini
Unità didattica 2 - Uso degli strumenti
Uso delle palette principali
modificare le dimensioni e la risoluzione di un’immagine
metodi modelli di colore e conversioni tra i metodi di colore
uso degli strumenti di selezione
i tracciati di ritaglio
la modalità maschera veloce
Unità didattica 3 - La gestione del colore
Colori singoli e quadricromia
modalità colore: CMYK e RGB
creazione e modifica dei colori
Unità didattica 4 - Creazione e gestione dei testi
La palette carattere
Formattazione dei testi
Impaginare un testo
Creare effetti sui testi
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 1 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000
Unità didattica 5 - Uso dei livelli
I livelli e le loro proprietà
La gestione dei livelli
Modificare i livelli
Le maschere di livello
Gli stili di livello
Unità didattica 6 - La trasparenza
Applicare le impostazioni di trasparenza
Modificare l’opacità agli oggetti grafici
Applicare un contorno sfocato
Creazione di un’ombra esterna
MODULO HTML/CSS
Unità Didattica 1 - Introduzione al web
Come funziona il web?
Modello client/server
Differenze tra linguaggi di markup e linguaggi di programmazione
Unità didattica 2 - Elementi di HTML
HTML, dalla nascita al HTML5
Editor HTML
Struttura di base del HTML, elementi di blocco e inline
Tag principali in HTML: html, head, body ecc..
Creazione di una pagina HTML
Definizione attributi e panoramica attributi principali del HTML
Caricare i file su un server remoto: il protocollo ftp
Caricare, cancellare e spostare file in remoto e locale
Unità didattica 3 - Inserire contenuti
Come creare collegamenti ipertestuali, il tag a (link, ancore e mailto )
Differenze tra collegamenti assoluti e relativi
Inserire le immagini, il tag img
Creazione di liste, i tag ul, ol e li
I formati immagine per il web
Costruzione di una tabella, i tag table, tr,td
Frame e iframe, incorporare una pagina HTML dentro l'altra
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 2 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000
Unità didattica 4 - I metadati e l'indicizzazione
Definizione metadati
Il Doctype, definizione e utilizzo
Il tag head
Inserire Title, description e keywords nelle pagine
il tag meta
Unità didattica 5 - I CSS e la formattazione delle pagine HTML
Introduzione ai CSS e regole principali per la formattazione del testo
Inserire CSS in linea
Classi e id
CSS interni alla pagina (tag style e selettori)
I fogli di stile esterni, vantaggi e limitazioni
Associare un foglio di stile esterno ad una pagina HTML
Le pseudoclassi, in particolare :link, :visited, :hover
Formattare i link tramite le pseudoclassi
Unità didattica 6 - Impaginare in HTML
Metodi superati di impaginazione (tabelle, frame)
Il box model (padding, bordi e margini)
Le regole float e clear.
Realizzare un layout tramite css e i tag div
Unità didattica 7 - Realizzazione e manutenzione di un sito
Progettare il lavoro a partire da un layout grafico
Realizzazione di un semplice sito, struttura HTML e veste grafica
Messa online del sito
MODULO WEB DESIGN CON WORDPRESS
Unità didattica 1 - Installazione di WordPress
Che cos'è un server web
Accesso FTP
Creazione e configurazione di un database.
Reperire le risorse:
Wordpress.org e Wordordpess Italia.
Download del pacchetto di installazione
Documentazione e Supporto
Meetup.
WORKSHOP: Creiamo un sito in 5 minuti!
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 3 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000
Unità didattica 2 - Post - Articoli
Creare un articolo
Editor di testo visuale e introduzione della vista codice
Ottimizzazione e ridimensionamento immagini
Caricamento e inserimento media
Bozze, Pubblicazioni e Revisioni.
WORKSHOP: Pubblichiamo il nostro primo Post.
Unità didattica 3 - Blog - Gestione dei contenuti
Articoli
Categorie
Tassonomie
WORKSHOP: Creiamo un Blog.
Unità didattica 4 - Impostazioni di Base
Impostazioni generali
Titolo del sito
Motto
Sitemap
Pagine
Menu
Widget
WORKSHOP: Il sito prende forma, creiamo Pagine e Menu.
Unità didattica 5 - Struttura del Sito
Caricare un logo
Modificare i colori
Cambiare lo sfondo delle pagine
Modificare la header e il footer
WORKSHOP: Aggiungiamo un po' di colore
Unità didattica 6 - Funzionalità personalizzate e Plugin
Reperire le risorse:
Il catalogo di Wordpress e plugin premium
Criteri per la scelta
Installazione di un Plugin
Abilitazione / Disabilitazione / Reset
WORKSHOP: Creiamo l'under construction / maintenance page
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 4 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000
Unità didattica 7 - Aspetto e Temi
Reperire le risorse: temi di default, free e premium
Installare un tema
Modificare le opzioni del tema
Creare e gestire uno slider in Home page
WORKSHOP: Scegliamo un tema e personalizziamo il nostro sito.
MODULO WEB DESIGN CON WORDPRESS AVANZATO
Unità didattica 1 - Installazione [Approfondimento]
Gestione dei DNS
Creazione di un sito test
Migrare un sito in wordpress
WORKSHOP: Mettere in produzione un sito in Wordpress da una cartella test
Unità didattica 2 - Post [Approfondimento]
Visual Composer
Utilizzo degli Shortcode
Inserimento di codice embedded
Gestione dei link
WORKSHOP: Creazione delle pagine istituzionali complete di elementi complessi(link, mappe,
shortcode)
Unità didattica 3 - Blog [Approfondimento]
Articoli
Categorie
Tassonomie
Media
WORKSHOP: Installazione e configurazione Plugin SEO.
Unità didattica 4 - Impostazioni avanzate
Creazione di un widget personalizzato
Editor del codice delle pagine
Analisi della pagina functions.php
Menu complessi con uso di effetti animati
WORKSHOP: Creazione di un menu con effetto a tendina.
Unità didattica 5 - La struttura del sito [Approfondimento]
Creare un sito responsivo
Analisi del comportamento di un sito responsivo a seconda del media nel quale viene visualizzato
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 5 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000
WORKSHOP: Modifichiamo la visualizzazione di un post a seconda del media di visualizzazione
Unità didattica 6 - Sicurezza
Creazione di un backup dei file del sito e dei database
Aggiornamenti del modulo core
Aggiornamenti dei plugin installati
Debug
WORKSHOP: creazione di un backup e aggiornamento di un sito
Unità didattica 7 - Aspetto [Approfondimento]
Criteri di valutazione di un tema
Importazione dei file di esempio da file esterno xml
Creazione e configurazione di un Child Theme
Modifica dei fogli di stile
WORKSHOP: Personalizziamo il nostro tema a piacere.
Data Rev. 01/08/12
Motivo rev.: prima emissione
REV. N.: 0
ED. N.: 0
Pag. 6 di 6
Azienda con sistema di gestione per la qualità certificata secondo le norme UNI EN ISO 9001:2000