18 votes, average: 4,00 out of 518 votes, average: 4,00 out of 518 votes, average: 4,00 out of 518 votes, average: 4,00 out of 518 votes, average: 4,00 out of 5 (18 valutazioni, media: 4,00 su 5)
You need to be a registered member to rate this.
Loading...
Tipologia: Corso Online
Moduli: 4
ORE: 37
Crediti Rilasciati:
Costo: € 153
Promozione attiva. Disponibilità limitata

Corso Online di Web Design

€ 153
Promozione attiva. Disponibilità limitata
Tipologia: Corso Online
Moduli: 4
ORE: 37
Crediti Rilasciati:

Indice contenuti scheda

Programma del Corso Online di Web Design con Videolezioni

Scopri il nuovissimo Corso Online di Web Design di Alteredu, ideale se vuoi avvicinarti al mondo della progettazione grafica e del design di un sito web!
 

Il Corso Online di Web Design offre un percorso completo per diventare web designer partendo da zero, attraverso tantissime videolezioni, organizzate nei seguenti moduli:
 

Creare un Tema in WordPress
Introduzione e preparazione

  • Introduzione al corso
  • Preparazione dell’ambiente di sviluppo
  • Il Codex di WordPress
  • La gerarchia di WP nello sviluppo dei temi

Nozioni di PHP per sviluppatori WP

  • Scrittura di PHP e sintassi di base
  • Variabili e costanti in PHP
  • Gli array
  • Le funzioni
  • Il costrutto if
  • Il ciclo while
  • Le classi in PHP

Realizza il tuo primo tema semplice tema in WP

  • Prima configurazione
  • Impostazione della pagina index
  • Il loop per mostrare i nostri articoli
  • Lo splitting del tema e la sua ottimizzazione
  • Applichiamo lo stile al nostro tema
  • Regoliamo la cache per l’efficienza del lavoro di sviluppo
  • Attiviamo permalink
  • Configuriamo le immagini in evidenza
  • Prepariamo la pagina per singolo articolo
  • Registriamo il nostro primo menu
  • Configuriamo la pagina singola
  • Registriamo l’area widget
  • Attiviamo commenti e tags
  • Ultimi ritocchi di stile per il nostro tema

Dal tema statico in Bootstrap 4 al tema WP: preparazione

  • Presentazione del progetto statico
  • Presentazione del progetto motorizzato per WP
  • Aggiornamento per WordPress 5 con Gutenberg
  • Attivazione del tema
  • Integrazione delle librerie esterne
  • Ottimizzazione della barra di amministrazione
  • La gestione delle immagini del tema
  • Lo splitting del tema
  • L’attivazione del primo menu
  • La configurazione di un menu per Bootstrap
  • Correzioni per il caricamento delle librerie e funzionalità sottomenu
  • Registrare altri menu
  • La configurazione della pagina home

Dal tema statico in Bootstrap 4 al tema WP: il sistema blog

  • La pagina per il blog
  • Attivazione dei tags e customizzazione e immagini thumbnails
  • La paginazione e customizzazione
  • La pagina per l’articolo singolo
  • I percorsi per i collegamenti alle pagine
  • Paginazione per l’articolo del blog
  • Configurazione e customizzazione dell’area commenti
  • Attivazione del modulo di ricerca
  • Customizzazione della form di ricerca
  • Configurazione della pagina archivio

Dal tema statico in Bootstrap 4 al tema WP: la gestione delle pagine

  • Il template per pagina singola
  • Mostrare pagina per id
  • Sistema di navigazione con breadcrumb
  • Sistema di navigazione con struttura pagine parent/children
  • Attivazione della aree widget

Dal tema statico in Bootstrap 4 al tema WP: contenuti customizzati

  • Template specifici per pagine singole
  • Configurazione della pagina di errore 404
  • Widget personalizzati
  • Gestione dei campi personalizzati
  • I custom post type – configurazione di base
  • I custom post type – attivazione e inserimento nel codice
  • I custom post type – ottimizzazione

Dal tema statico in Bootstrap 4 al tema WP: custom queries

  • Introduzione alle custom queries: il cuore di WP
  • Esercizi pratici con custom queries
  • Slideshow dinamica con contenuti personalizzati e custom queries
  • Mostriamo articoli condizionati secondo categoria in home page

Dal tema statico in Bootstrap 4 al tema WP: gestione eventi customizzata

  • Il plugin per Advanced Custom Fields
  • Impostazione di un custom field date per i nostri eventi personalizzati
  • Mostrare i nostri eventi in home page secondo la data di svolgimento
  • Formattazione della data localizzata in italiano
  • Esclusione degli eventi passati dalla visualizzazione corrente
  • Creazione di un archivio degli eventi passati e paginazione specifica

Dal tema statico in Bootstrap 4 al tema WP: la pagina contatti

  • Creazione di una pagina dedicata ai contatti
  • Customizzazione del form contatti secondo lo stile di Bootstrap
  • Creazione secondo modulo contatti con lo shortcode nel codice

Dal tema statico in Bootstrap 4 al tema WP: Api del customizzatore dei temi

  • Configurazione della prima sezione del customizzatore
  • Mostrare e aggiornare i dati dal customizzatore
  • Customizzazione dei link e dei bottoni di invio
  • Customizzazione del logo e del brand

Utilità varie

  • Abilitazione all’internazionalizzazione del tema
  • Ottimizzazione e pulizia del codice e dello stile
Codici nel Web Design
Partiamo dalle basi

  • I codici nel web Design
  • Introduzione al linguaggio HTML
  • Introduzione alle regole CSS, ridefinizione TAG e Pseudo Classi

Creare una struttura

  • Box Model primo layout con div e CSS
  • Riassunto Box Model, Web Font, Reset CSS, Classi CSS
  • La gestione dei banner con Canva
  • La gestione di tabelle in HTML
  • Sito completo con sistema a griglia
  • Layout con Barra Laterale Parte
  • Layout a bande al 100% per Portfolio
  • Modulo di Contatto con Foxyform.com

Il responsive nel Web Design

  • Introduzione al Responsive Web Design
  • Analisi CSS Skeleton
  • Analisi HTML Skeleton
  • Introduzione alle Media Queries
  • Primi approcci al grid system e creazione struttura
  • Inizio creazione layout e placeholder
  • Prime regole CSS custom (img, ul, li)
  • Creazione della barra dei menu linkata
  • Creare spazio per un visual
  • Inserire una riga con un titolo
  • Riga con quattro immagini
  • Inclusione di un video
  • Inclusione di un form
  • Finalizzazione di un form
  • Creazione del footer

Effetti grafici e animazioni

  • Animazioni CSS base con w3.css
  • Effetti CSS3 e Immagini di Sfondo
  • Effetto Background Zoom CSS
  • Slideshow animata- 2 metodi + w3.css
  • Effetti Speciali Immagini e Testo w3.css
  • Animazioni con Animate.css+Wow.js
  • Menù a tendina con w3.css
Regole del Web Design
  • Obiettivi della grafica
  • Dalla grafica cartacea al web
  • La funzione delle immagini
  • Guida ai formati immagine
  • Come ottimizzare le immagini per il web
  • Le regole di creazione di un logo
  • Le regole di abbinamento di un colore
  • Quali errori evitare
  • Singola slide o Carosello?
  • Le regole per la gestione di uno sfondo
  • Gli stili più in uso nel web
  • Immagini originali VS immagini in Stock
  • Guida ai portali Stock
  • Guida ai diritti d’Autore
Neuroestetica e Design emotivo nel Web
  • L’immagine identificativa ed attraente
  • La comunicazione interpersonale
  • Le congruenze e incongruenze
  • Le ancore
  • L’installazione delle ancore
  • L’immagine identificativa ed attraente
  • Il codice visivo secondo le neuroscienze
  • Effetto Von Restorff nel dettaglio
  • Guerrilla Marketing
  • Carico cognitivo nelle immagini
  • I colori
  • Il cerchio cromatico di Itten
  • La teoria dominante dell’attenzione e le mappe di significato
  • Priming e immagini
  • Esperimenti di neuromarketing con le immagini
  • Il neuro design
  • Il funzionamento del neuro design
  • Packaging e neuro-packaging
  • Neuroergonomia
  • Neuroestetica
  • La teoria del bello e le regole matematiche: Sezione Aurea
  • La Successione di Fibonacci
  • Sezione Aurea e sequenza di Fibonacci in natura
  • Usare la sezione aurea per il design
  • I Big utilizzano la proporzione Aurea e la sequenza di Fibonacci
 

Destinatari

La partecipazione al Corso di Web Design Online non richiede alcune requisito, perché questo percorso di formazione è rivolto a tutti, anche a chi non ha ancora esperienza nel campo del web design e parte da zero.
 Se per necessità, per passione o per opportunità lavorative vuoi avvicinarti al mondo della progettazione grafica e del design di un sito web, questo corso rappresenta il punto di partenza ideale.
 

Il Corso Online di Web Design ti permetterà di:

  • conoscere i linguaggi base di programmazione per lo sviluppo di siti web (HTML, Javascript, PHP, MYSQL e CSS),
  • padroneggiare gli strumenti e i sistemi di CMS più usati per l’impaginazione delle pagine web (DreamWeaver, Photoshop, Flash, Joomla, Drupal, WordPress),
  • creare layout personalizzati utilizzando effetti speciali,
  • usare i formati grafici utilizzati sul Web,
  • creare siti con un forte impatto grafico,
  • conoscere i principi di base della comunicazione grafica online
  • progettare con le tecniche della realizzazione del design di pagine Web.

Modalità di svolgimento del Corso Online di Web Design

Il Corso di Web Design è fruibile interamente online su una piattaforma di E-Learning, in qualunque momento e in totale autonomia. Questo percorso di formazione prevede 37 ore di videolezioni.
 

Porta la scheda corso sempre con te, Scaricala in PDF!

Perché scegliere i nostri corsi?

Alteredu è un’azienda Certificata UNI EN ISO 9001:2015 per l’attività di “Progettazione ed Erogazione di Corsi di Formazione Professionale– EA37, che garantisce quindi percorsi di formazione di alta qualità, fortemente qualificanti ed in grado di rispondere alle esigenze dei clienti nel rispetto del Sistema di Gestione per la Qualità.
 

Alteredu è inoltre Ente Provider accreditato da Ente di Parte Terza per il rilascio della Certificazione delle Competenze sul corso e relativi CFP-Crediti Formativi Professionali non formali, nonchè della Certificazione Professionale alla Persona, per l’accrescimento e l’approfondimento delle competenze in vari ambiti professionali.
 

Tutti i corsi di Alteredu sono svolti da docenti altamente qualificati (professionisti di settore, docenti con consolidata esperienza di formazione, docenti universitari).
 

Arricchisci il tuo Curriculum con gli Attestati riconosciuti rilasciati da Alteredu!
 

FAQ sul Corso Online di Web Design

In Italia lo stipendio di un Web Designer con poca esperienza e che ha appena iniziato a lavorare può oscillare tra i 15.000 € e i 23.000 € l’anno. Se non si tratta di una figura junior, ma di un Web Designer che inizia ad avere un po’ più di esperienza lavorativa alle spalle, allora un professionista del settore può guadagnare dai 25.000 € ai 40.000 € l’anno.
Se invece si parla di quanto guadagna un senior Web Designer, che è un vero e proprio esperto nella creazione di siti web, allora lo stipendio o i guadagni possono andare dai 30.000 € ai 65.000 € l’anno.
Se anche tu vuoi intraprendere questa carriera redditizia puoi seguire il nostro Corso Online di Web Design e imparare come progettare e costruire siti web!

Per diventare un web designer bisogna apprendere delle competenze specifiche, che riguardano sia il mondo del graphic design che quello della programmazione informatica. Attualmente in Italia non esistono corsi di laurea specifici in Web design o sviluppo web, ma esistono diversi corsi per apprendere i linguaggi di programmazione (HTML, CSS, etc) e le basi tecniche necessarie per poter svolgere questa professione.
Se anche tu vuoi imparare come creare siti web per lavoro o passione, prova il nostro Corso Online di Web Design completo e certificato!

Le testimonianze di chi ha frequentato i nosti corsi online

Per noi di Alteredu la soddisfazione dei nostri clienti è fondamentale, per questo offriamo esclusivamente corsi certificati creati da esperti del settore per fornire competenze e certificazioni in modo da essere altamente competitivi sul mercato del lavoro.Leggi le testimonianze di chi ha già seguito i nostri corsi.
Testimonianze corsi dattilografia online alteredutestimonianza corso dattilografia online 2

Arricchisci il tuo Curriculum con gli Attestati riconosciuti rilasciati da Alteredu e certificati ISO 9001:2015!

banner-loghi-certificazioni-alteredu