Master Online Accreditato con diploma in web graphic design specialist

Presentazione del Master con Diploma in Web Graphic Design Specialist
Cosa è il Web Design
Strumenti e competenze del Web Designer
Consigli per seguire il corso e codice HTML di esempio
Editor di codice
Strumenti di Chrome per sviluppatori
Strumenti online per la gestione della grafica
Strumenti per ottimizzazione delle immagini
Risorse online per media liberi da copyright
Strumenti per la generazione di favicon
Strumenti per la creazione di mockup
Reference per i linguaggi del web
Anatomia di una pagina web: gli elementi del Web Design
Anatomia di una pagina web: i principi del Web Design
Anatomia di una pagina web: i criteri del Web Design
Tipografia nel Web Design
Utilizzo di Google Fonts
Utilizzo di FontAwesome
La scienza dei colori
Creare una palette colori
Introduzione agli stili grafici
Codici del corso di Web Graphic Design
Introduzione all’ HTML e CSS
Struttura di base dell’HTML
Come si struttura una pagina web
La sintassi di base
Gli elementi di formattazione
Le liste
I link
Le tabelle
Inseriamo un video in una pagina HTML
Utilizzare i fogli di stile
Integriamo i Google Fonts
La gestione dei colori
Formattiamo una tabella
Le classi
L’attributo unico id
Formattiamo le liste
I tag section e div: differenze e utilizzo
L’organizzazione logica di una pagina web
La disposizione degli elementi – 1
La disposizione degli elementi – 2
Integriamo i FontAwesome
Formattiamo un menu dropdown
Utilizzare margin e padding
La proprietà position – 1
La proprietà position – 2
Gestione dei form
Impaginazione a colonne multiple
Le animazioni con CSS3
Le transizioni con CSS3
Creiamo dei bottoni
Creiamo un menu con i bottoni
La gestione delle immagini: galleria di foto
Galleria di foto con caption: formattazione
Le immagini di cover
I gradienti con CSS3
Highlights: le pseudo-classi -1
Highlights: le pseudo-classi -2
Highlights: gli pseudo-elementi
Impostazioni del progetto
Impostazione del form
Formattazione degli stili: menu e background 1
Formattazione degli stili: menu e background 2
Uno sticky footer
Formattazione del form e ultimi ritocchi
Introduzione a SVG
Disegno di linee con SVG
Disegno di forme con SVG
Lo strumento polyline
Disegno di un testo con SVG
Effetti di blur e gradiente con SVG
Disegno di un logo con SVG
Introduzione al RWD
Lo strumento di reattività di Chrome
Il metatag viewport
Misure relative in percentuale
Misure relative: em e rem
Applichiamo misure relative al nostro layout
Il grid system responsivo
Breakpoint e media queries – 1
Breakpoint e media queries – 2
Le regole di base degli elementi flessibili parent
Allineamento dei flexbox
Disposizione dei flexbox
Le regole di base degli elementi flessibili children
Grandezze degli elementi flessibili
Layout responsivo con flexbox -1
Layout responsivo con flexbox -2
Layout responsivo con flexbox -3
Layout responsivo con flexbox -4
CSS Grid Layout: impostazioni di base
CSS Grid Layout: gli elementi innestati
CSS Grid Layout: posizionamento dei blocchi singoli
CSS Grid Layout: galleria masonry style -1
CSS Grid Layout: galleria masonry style -2
Introduzione a jQuery
La preparazione dell’ambiente
Cambiare gli stili
La gestione delle classi
La gestione dei contenuti
Gli eventi del mousee
Introduzione alle animazioni
Animazioni con fading
Animazioni con sliding
Animazioni personalizzate
Plugin jQuery: regola font e slide panel
Plugin jQuery: photo zoom e popup scorrevole
Plugin jQuery: slideshow con impostazioni base
Introduzione a Bootstrap
Integrare Bootstrap nei nostri progetti
Download customizzato di Bootstrap
Il grid system di Bootstrap
Barra di navigazione
Sovrascivere le classi di Bootstrap -1
Sovrascivere le classi di Bootstrap -2
Il componente jumbotron
Le immagini
Menu fisso con personalizzazione
Impaginare le immagini
Il componente thumbnail
Il componente modal
Il componente tab
Elementi collassabili: bottoni e accordion
Uso degli snippet di Bootstrap
Impostazione del progetto
Impostazione della galleria video
Impostazione della galleria di foto
Impostazione del nostro layout
Impostazione dello scrollspy
Struttura del layout
Impostazione del carousel
Lavoriamo con i CSS -1
Lavoriamo con i CSS -2
Customizzazione del carousel
Customizzazione del footer
Customizzazione della barra di navigazione
Valutazione dei media queries e dei breakpoints
Inseriamo un audio nel nostro progetto
Gestione della traccia audio con jQuery
Ottimizzazione meta tag description e keywords
Inseriamo una favicon e un back to top
Ottimizzazione del file CSS: strumenti di compressione
Impostazione del progetto di portfolio
Utilizzo degli pseudo-elementi
Customizzazione del portfolio
Impostazione del modal per il portfolio
Sezione contatti
Inseriamo una mappa di Google
Inseriamo il form nei contatti
Lezione bonus: codice PHP per il form contatti
Panoramioca di Bootstrap 4 -1
Panoramioca di Bootstrap 4 -2
Iniziamo un progetto BS con Animate.css
Iniziamo un progetto BS: le material icons
Progettiamo un template con Bootstrap 4: esercizio pratico 1
Progettiamo un template con Bootstrap 4: esercizio pratico 2
Progettiamo un template con Bootstrap 4: esercizio pratico 3
Progettiamo un template con Bootstrap 4: uso creativo dei gradienti
Progettiamo un template con Bootstrap 4: animate.css con wow.js
Il servizio di hosting
Utilizzo di un FTP e upload dei file per la pubblicazione
Invio di mail del form contatti
Riepilogo: le fasi di sviluppo di un progetto web
Consigli per proseguire con la formazione
Master con Diploma in Web Graphic Design Specialist