Programma del Corso

INTRODUZIONE
Presentazione del Master con Diploma in Web Graphic Design Specialist 00:02:37
Cosa è il Web Design 00:06:24
Strumenti e competenze del Web Designer FREE 00:03:23
Consigli per seguire il corso e codice HTML di esempio 00:05:25
STRUMENTI ESSENZIALI PER IL WEB DESIGN
Editor di codice 00:15:16
Strumenti di Chrome per sviluppatori 00:08:27
Strumenti online per la gestione della grafica FREE 00:13:04
Strumenti per ottimizzazione delle immagini 00:08:23
Risorse online per media liberi da copyright 00:14:02
Strumenti per la generazione di favicon 00:10:39
Strumenti per la creazione di mockup 00:12:27
Reference per i linguaggi del web 00:04:48
I PRINCIPI DEL WEB DESIGN
Anatomia di una pagina web: gli elementi del Web Design 00:10:54
Anatomia di una pagina web: i principi del Web Design 00:16:33
Anatomia di una pagina web: i criteri del Web Design FREE 00:09:40
Tipografia nel Web Design 00:05:36
Utilizzo di Google Fonts 00:08:36
Utilizzo di FontAwesome 00:05:46
La scienza dei colori 00:14:39
Creare una palette colori FREE 00:11:34
Introduzione agli stili grafici 00:12:00
LA GRAMMATICA DEL WEB DESIGN
Codici del corso di Web Graphic Design 00:02:00
Introduzione all’ HTML e CSS 00:07:07
Struttura di base dell’HTML 00:14:30
Come si struttura una pagina web FREE 00:08:37
La sintassi di base 00:10:31
Gli elementi di formattazione 00:10:45
Le liste 00:09:00
I link 00:17:15
Le tabelle 00:10:17
Inseriamo un video in una pagina HTML 00:11:29
Utilizzare i fogli di stile FREE 00:15:49
Integriamo i Google Fonts 00:10:26
La gestione dei colori 00:07:27
Formattiamo una tabella 00:09:39
Le classi 00:15:05
L’attributo unico id FREE 00:06:19
Formattiamo le liste 00:11:53
I tag section e div: differenze e utilizzo 00:08:21
L’organizzazione logica di una pagina web 00:13:04
La disposizione degli elementi – 1 00:14:58
La disposizione degli elementi – 2 00:13:58
Integriamo i FontAwesome 00:21:10
Formattiamo un menu dropdown 00:21:20
LA GRAMMATICA DEL WEB DESIGN: APPROFONDIAMO HTML E CSS
Utilizzare margin e padding 00:18:12
La proprietà position – 1 00:10:34
La proprietà position – 2 00:11:44
Gestione dei form 00:21:05
Impaginazione a colonne multiple FREE 00:13:29
Le animazioni con CSS3 00:08:10
Le transizioni con CSS3 00:09:44
Creiamo dei bottoni 00:14:22
Creiamo un menu con i bottoni 00:09:06
La gestione delle immagini: galleria di foto FREE 00:18:29
Galleria di foto con caption: formattazione 00:06:13
Le immagini di cover 00:09:01
I gradienti con CSS3 00:09:01
Highlights: le pseudo-classi -1 00:22:14
Highlights: le pseudo-classi -2 00:17:25
Highlights: gli pseudo-elementi 00:16:30
MINI PROGETTO: SVILUPPO DI UNA LANDING PAGE CON HTML E CSS
Impostazioni del progetto 00:14:50
Impostazione del form 00:04:26
Formattazione degli stili: menu e background 1 FREE 00:05:02
Formattazione degli stili: menu e background 2 00:14:57
Uno sticky footer 00:09:59
Formattazione del form e ultimi ritocchi 00:18:19
INTRODUZIONE ALLA GRAFICA SVG CON HTML5
Introduzione a SVG 00:03:31
Disegno di linee con SVG 00:11:40
Disegno di forme con SVG 00:12:55
Lo strumento polyline 00:07:26
Disegno di un testo con SVG FREE 00:09:27
Effetti di blur e gradiente con SVG 00:13:44
Disegno di un logo con SVG 00:16:44
TECNICHE DI RESPONSIVE WEB DESIGN
Introduzione al RWD 00:06:59
Lo strumento di reattività di Chrome FREE 00:04:21
Il metatag viewport 00:04:27
Misure relative in percentuale 00:08:48
Misure relative: em e rem 00:13:22
Applichiamo misure relative al nostro layout 00:17:31
Il grid system responsivo 00:19:00
Breakpoint e media queries – 1 00:11:22
Breakpoint e media queries – 2 00:16:12
FLEXBOX E CSS GRID LAYOUT
Le regole di base degli elementi flessibili parent FREE 00:06:48
Allineamento dei flexbox 00:10:18
Disposizione dei flexbox 00:05:49
Le regole di base degli elementi flessibili children 00:11:58
Grandezze degli elementi flessibili 00:06:59
Layout responsivo con flexbox -1 00:13:43
Layout responsivo con flexbox -2 00:11:12
Layout responsivo con flexbox -3 00:19:25
Layout responsivo con flexbox -4 00:18:37
CSS Grid Layout: impostazioni di base 00:10:38
CSS Grid Layout: gli elementi innestati 00:15:05
CSS Grid Layout: posizionamento dei blocchi singoli 00:16:51
CSS Grid Layout: galleria masonry style -1 00:12:53
CSS Grid Layout: galleria masonry style -2 00:14:42
INTRODUZIONE A JQUERY PER WEB DESIGNER
Introduzione a jQuery 00:06:22
La preparazione dell’ambiente 00:05:04
Cambiare gli stili FREE 00:07:16
La gestione delle classi 00:12:24
La gestione dei contenuti 00:15:22
Gli eventi del mousee 00:12:24
Introduzione alle animazioni 00:06:29
Animazioni con fading 00:05:44
Animazioni con sliding FREE 00:03:32
Animazioni personalizzate 00:14:12
Plugin jQuery: regola font e slide panel 13:32:00
Plugin jQuery: photo zoom e popup scorrevole 00:11:22
Plugin jQuery: slideshow con impostazioni base 00:07:12
WEB DESIGN RESPONSIVO CON BOOTSTRAP
Introduzione a Bootstrap 08:56:00
Integrare Bootstrap nei nostri progetti 00:15:10
Download customizzato di Bootstrap 00:06:57
Il grid system di Bootstrap 00:13:44
Barra di navigazione 00:15:15
Sovrascivere le classi di Bootstrap -1 00:14:56
Sovrascivere le classi di Bootstrap -2 00:07:07
Il componente jumbotron FREE 00:13:03
Le immagini 00:05:48
Menu fisso con personalizzazione FREE 00:13:37
Impaginare le immagini 00:10:33
Il componente thumbnail 00:13:13
Il componente modal 00:08:22
Il componente tab 00:14:11
Elementi collassabili: bottoni e accordion 00:19:19
Uso degli snippet di Bootstrap 00:09:42
LAVORIAMO CON BOOTSTRAP: GALLERIA FOTO E VIDEO
Impostazione del progetto 00:19:54
Impostazione della galleria video 00:11:58
Impostazione della galleria di foto 00:10:42
LAVORIAMO CON BOOTSTRAP: REALIZZAZIONE DI UN TEMPLATE ONE PAGE
Impostazione del nostro layout 00:17:50
Impostazione dello scrollspy 00:09:49
Struttura del layout 00:14:14
Impostazione del carousel FREE 00:13:04
Lavoriamo con i CSS -1 00:12:58
Lavoriamo con i CSS -2 00:06:00
Customizzazione del carousel 00:15:08
Customizzazione del footer 00:03:43
Customizzazione della barra di navigazione 00:10:43
Valutazione dei media queries e dei breakpoints 00:07:50
Inseriamo un audio nel nostro progetto 00:10:49
Gestione della traccia audio con jQuery 00:13:01
Ottimizzazione meta tag description e keywords 00:04:19
Inseriamo una favicon e un back to top 00:13:21
Ottimizzazione del file CSS: strumenti di compressione 00:05:52
LAVORIAMO CON BOOTSTRAP: PORTFOLIO, GOOGLE MAPS E FORM CONTATTO
Impostazione del progetto di portfolio 00:22:16
Utilizzo degli pseudo-elementi 00:13:40
Customizzazione del portfolio 00:11:20
Impostazione del modal per il portfolio FREE 00:15:32
Sezione contatti 00:10:18
Inseriamo una mappa di Google 00:18:36
Inseriamo il form nei contatti 00:15:05
Lezione bonus: codice PHP per il form contatti 00:10:40
CONOSCIAMO BOOTSTRAP 4 E LE SUE NUOVE SPECIFICHE
Panoramioca di Bootstrap 4 -1 00:18:39
Panoramioca di Bootstrap 4 -2 00:18:10
Iniziamo un progetto BS con Animate.css 00:21:58
Iniziamo un progetto BS: le material icons 00:14:51
Progettiamo un template con Bootstrap 4: esercizio pratico 1 00:23:52
Progettiamo un template con Bootstrap 4: esercizio pratico 2 00:17:10
Progettiamo un template con Bootstrap 4: esercizio pratico 3 00:12:47
Progettiamo un template con Bootstrap 4: uso creativo dei gradienti 00:08:09
Progettiamo un template con Bootstrap 4: animate.css con wow.js 00:17:13
PUBBLICAZIONE DI UN SITO WEB
Il servizio di hosting 00:08:25
Utilizzo di un FTP e upload dei file per la pubblicazione 00:06:40
Invio di mail del form contatti 00:06:07
LEZIONI CONCLUSIVE E RIEPILOGO
Riepilogo: le fasi di sviluppo di un progetto web 00:14:07
Consigli per proseguire con la formazione 00:05:38
TEST FINALE
Master con Diploma in Web Graphic Design Specialist 00:10:00
Foto del Profilo
Simona Tocciweb designer e developer free lance

Salve,

sono Simona, mi occupo di web design e sviluppo web. Associo all’attività di free lance, l’attività di formazione e insegnamento in cui ho un’esperienza decennale. Da pochi anni ho deciso di svolgere la mia attività in libera professione dopo una lunga esperienza di collaborazione con l’Università di Firenze dove mi occupavo della gestione di siti web per eventi accademici e in particolare dello sviluppo e gestione di piattaforme LMS.

Da convinta sostenitrice della formazione continua, soprattutto in un campo ad alta evoluzione quale quello del design e  dello sviluppo web, sono sempre alla ricerca e alla sperimentazione di nuove tecniche e nuove vie. Amo trasmettere conoscenza e competenza e soprattutto esperienza.

Ho competenza in sviluppo front end: HTML,CSS,JavaScript/jQuery e in sviluppo backend: PHP con Laravel e altri framework basati su JS.

Lavoro molto con i CMS e dall’iniziale passione per Joomla, attualmente sono passata alla scoperta di WordPress di cui amo creare temi personalizzati da zero.

Altro campo di competenza è lo sviluppo di app ibride per dispositivi mobili con Apache/Cordova o Ionic.

Gestisco e aggiorno regolarmente un canale Youtube dove pubblico corsi e tutorial gratuiti.

Show More
  • 499,00 € 99,00 €
  • ACCESSO A VITA
  • Certificato Riconosciuto
  • Corso Accreditato
69CORSISTI
  • Foto del profilo di Francesco Rota
  • Foto del profilo di enza emerilli
  • Foto del profilo di Massimiliano Tartamella
  • Foto del profilo di Pasquale Bartollino
  • Foto del profilo di MARCO PALAZZINI
  • Foto del profilo di Stefano Cocolo
  • Foto del profilo di Franco Scalella
  • Foto del profilo di Alberto Morselli
  • Foto del profilo di Francesco Pilla
  • Foto del profilo di Annamaria Gotti
  • Foto del profilo di Gianluca D'acunto
  • Foto del profilo di Leonardo Mario Figoli

Life Learning S.r.l. - P.le G. Dalle Bande Nere 9, Milano. REA MI 2053237, P.Iva 08852200966 | © 2018, Tutti i diritti riservati
Dati SocietariTermini e CondizioniPolicy PrivacyCookie Policy