Corso Web Designer Ferrara

A chi è rivolto

Il corso di Web Designer Ferrara è un corso teorico/pratico rivolto a tutti coloro i quali desiderano diventare Web Designer professionisti.

Il ruolo del web designer è cruciale all’interno del web moderno, ma sta assumendo anche una nuova connotazione nello sviluppo di layout per applicazioni mobile.

Come Web Designer potrai operare anche sui social network per formattare graficamente le pagine e fornire in ogni caso materiale grafico.

Quello che proponiamo è un corso completo che ti porterà ad avere tutti gli strumenti necessari per operare al meglio come Web Designer.

Imparerai a conoscere bene l’HTML5, il CSS3 anche lato animazione ed approfondiremo le metodiche che stanno alla base della tecnologia responsive, al fine di far adattare i nostri layout ai vari dispositivi che lo visualizzeranno, sia lato desktop che mobile.

Photoshop per creare banner pubblicitari e progettare layout grafici e componenti da trasformare in template, quindi in codice,  da fornire agli sviluppatori.

Un framework su cui la maggior parte dei siti web si poggiano e Bootstrap, che imparerai ad usare in modo produttivo per realizzare impaginati veloci e performanti

Conoscerai ed avrai padronanza della grafica  vettoriale per realizzare icone e loghi aziendali.

Prerequisiti

Non sono richieste particolari prerequisiti, tranne la normale conoscenza dell’uso del pc, anche quando si voglia intraprendere questo Corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Ferrara senza conoscerlo, si parte sempre dalle basi elementari e poi approfondire in un crescendo, tutti gli aspetti attraverso sessioni teoriche e pratiche con esercizi, mettendoti in condizione di comprendere appieno ogni aspetto.

Obiettivi del corso

• Formarsi come Web Designer, ed avere tutte le competenze previste per questa figura
• Realizzare studi grafici su un’interfaccia web
• Realizzare icone e loghi
• Realizzare banner promozionali

Programma del Corso Web Designer a Ferrara

Percorso HTML5

Introduzione HTML5

• Introduzione a HTML5
• Nuovi elementi strutturali
• Altri elementi e attributi
• Introduzione a SEO e Microdata
• Assegnazione (s)

Implementa elementi multimediali HTML e API e CSS3

• Streaming di contenuti multimediali
• Sottotitoli e sottotitoli
• Enhanced HTML5 media player e framework
• API HTML5 per l’integrazione di funzioni webcam e microfono
• Applicazione di fogli di stile CSS3 per migliorare l’esperienza dell’utente
• Assegnazione

Implementa grafica HTML5 usando Canvas

• Nozioni di base su tela HTML5
• Modalità di disegno immediato: rettangoli, testo e immagini
• Modalità di disegno del percorso: linee, cerchi, archi, curve e altri metodi di disegno del percorso
• Colori, sfumature, motivi, ombre, ecc.
• Assegnazione

Implementa l’animazione usando Canvas

• Tecniche di animazione di base
• Interazione tela e utente (tastiera, mouse)
• Un assaggio di funzionalità avanzate di tela
• Introduzione al business Case study

Implementa moduli HTML5 e jQuery

• Introduzione ai moduli HTML5
• Forme accessibili
• Nuovi tipi di input
• Nuovi attributi del modulo
• Nuovi elementi relativi alle forme
• API di convalida del modulo
• Convalida del modulo usando jQuery
• Crea la tua prima pagina Web professionale

Implementare Framework Bootstrap

• Cos’è Bootstrap?
• Perché usiamo Bootstrap?
• Struttura della cartella Bootstrap
• Bootstrap Metatag
• Bootstrap Grid System
• Barra di navigazione Bootstrap
• Introduzione alla tipografia del testo Bootstrap
• Introduzione ai controlli dei moduli Bootstrap
• Introduzione al pulsante Bootstrap
• Introduzione ai messaggi di Bootstrap Alert

I microdati

• La potenza dei microdati

Percorso CSS3

• Opacity
• Colore RGBa
• Colore HSLa

• CSS Media queries
• CSS Media queries: caratteristiche dei media

Percorso Photoshop
Introduzione e interfaccia

• Interfaccia e foglio di lavoro
• Barra dei menu
• Barra degli strumenti
• Pannelli e palette
• Personalizzare l’interfaccia
• Creare una nuova immagine
• Ritagliare un’immagine
• Ruotare e riflettere immagini
• Ridimensionare e trasformare un’immagine
• Salvare un’immagine: opzioni di base
• Selezione rettangolare e selezione ellittica
• Selezioni con Lazo e Penna
• Selezione Rapida e Bacchetta Magica
• Selezione con Maschera
• Modificare le selezioni
• I livelli
• Livelli: operazioni di base
• Livelli: Opacità e Riempimento
• Gruppi di livelli
• Maschere di livello
• Stili Livello e Opzioni di Fusione
• Regolazioni per i livelli
• Trasformazioni avanzate
• Trasformazione libera
• Ritocco di base
• Timbro Clone
• Pennello Correttivo
• Toppa
• Sposta ed estendi in base al contenuto
• Strumento Occhi Rossi
• Riempi in base al Contenuto
• Strumenti di disegno
• Matita e Pennello
• Gomma, Sfumatura e Riempimento
• Forme base
• Forme da tracciati
• Forme composte e combinate
• Strumenti di Testo
• Testo: inserimento e formattazione
• Alterare e rasterizzare il testo
• Testo su tracciato
• Maschera di Testo
• Testo raster e vettoriale
• Manipolazione fotografica
• Sfoca, Nitidezza e Sfumino
• Scherma, Brucia e Spugna
• Pannelli di regolazione: panoramica
• Regolazioni
• Curve
• Filtri
• Aggiungere filtri
• Conversione per Filtri Avanzati
• Stampa e condivisione
• Stampare immagini
• Esportazione e condivisione
• Esportazione e compatibilità formati
• Regolare saturazione e tonalità
• Strumento Sostituzione colore
• Strumento Sfumino
• Ridurre il disturbo delle immagini
• Selezione singola riga e strumento Sposta
• Bloccare e unire livelli
• Collegare e raggruppare livelli
• Stili di livello – Livello di testo
• Uso avanzato degli stili di livello
• Stile di livello sovrapposto e operazioni avanzate
• Oggetti avanzati
• Maschere di filtro
• Maschere – funzioni avanzate
• Composizioni di livelli
• Il pannello Pennelli
• Strumenti di pittura secondari
• Creazione e gestione delle sfumature
• Usare i pattern
• Grafica vettoriale e panoramica degli strumenti
• Strumento Penna e Tracciati
• Pixel, blur, stilizzazione e altri effetti
• Creare e formattare un paragrafo
• Effetti sul testo
• Salvare i file nei formati più comuni

Percorso studio e progettazione Layout grafici per la creazione di template

• Nozioni sull’usabilità e user-experience
• Studio e progettazione interfaccia grafica
• Realizzazione grafica dei componenti attivi del layout
• Sviluppo del codice per la produzione di un template con tecnologia responsive