A chi è rivolto
Il corso di Web Designer Reggio Calabria è 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 Reggio Calabria 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 Reggio Calabria
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
Le basi di CSS3
Selettori
- Selettori di base
- Selettori combinatori o di relazione
- Selettori di attributo
- Pseudo-classi e pseudo-classi strutturali
- Altre pseudo-classi
- Pseudo-classi per la validazione
- Pseudo-elementi
- Opacity
- Colore RGBa
- Colore HSLa
Bordi
- 12Border-radius
- 13Border-image
- 14Box-shadow
Sfondi
- Sfondi multipli
- Background-clip
- Background-origin
- Background-size
- Gradienti come immagini di sfondo
Testo e font
- 20Web fonts con @font-face
- Word-wrap
- Text-shadow
Layout e box model
- Overflow-x e overflow-y
- Box-sizing
- Layout multicolonna
- Flexible box layout
- 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
Caratteristiche
- Durata 90 ore
- Skill level Adatto a tutti
- Lingua Italiano
-
Certificazione
Attestato
di frequenza - Valutazioni Si
Modalità erogazione
Potrai seguire i nostri corsi in modalità FAD (formazione a distanza in video conferenza), comodamente da casa tua scegliendo orari e giorni. Ti verrà dato accesso alla nostra piattaforma di formazione e farai lezione attraverso la condivisione degli schermi, del docente e tuo per le prove pratiche.
VANTAGGI
- Come? Videoconferenza
- Condivisione schermo
- audio
- video
- Ogni lezione di 2 ore
- Lezioni registrate SI