facebook-pixel

A Napoli dal 4 ottobre

Corso Ilas di
Web Design Pro
WordPress
Expert

Dal 4 ottobre 2019
176 ore in aula informatica

SCOPRI DI PIÙ PRENOTA
testata-web-design

A NAPOLI DAL 4 OTTOBRE 2019

Progettare e realizzare un sito
responsive professionale, in un corso
completo dall'HTML5 a WordPress

Il corso ilas A03 / Web Design Responsive garantisce agli studenti un elevato livello di professionalizzazione.
È un percorso didattico totalmente operativo che parte dall'analisi dell'user interface design per arrivare
allo studio approfondito dei linguaggi HTML5, Javascript, CSS e CSS3.

corso-ilas-web-design-code corso-web-design-napoli

Corso Ilas di
Web Design Pro
WordPress Expert

SCHEDA SINTETICA

Il percorso formativo è basato, fin dalla prima lezione, sull'uso costante del computer Apple iMac (una postazione di lavoro per ogni studente) e del software professionale più diffuso nel mondo del web design: Adobe® Dreamweaver®. Uno spazio è dedicato anche all'uso dei software grafici Adobe© Illustrator© e Adobe© Photoshop©.

Prossima sessione:
4 ottobre 2019

Durata:
176 ore / 11 mesi

Quota di iscrizione:
€ 100,00

Costo mensile:
€ 320,00

Iscrizione
diplomati Ilas:
€ 0,00

Mensile
diplomati Ilas:
€ 280,00

Iscrizione diplomati Accademie di Belle Arti:
€ 100,00

Mensile diplomati Accademie di Belle Arti:
€ 280,00

PRENOTA IL CORSO
ux-design-wordpress

I tuoi progetti di Web Design
esattamente come li hai pensati

Le competenze acquisite nell'ambito del corso di web design consentono di superare i limiti imposti ai non professionisti dall'utilizzo dei template o dei siti fai da te disponibili online. Il web designer ha infatti competenze approfondite che gli consentono di realizzare un progetto di alta qualità, completo, totalmente customizzabile e modificabile in ogni sua funzione in base alle esigenze specifiche di ogni cliente.

html5

Html5

Dai costrutti base del markup language, fino all'HTML semantico e multimedialità.

css3

Css3

Animazioni e trasformazioni per creare layout versatili e ad alto contenuto di interattività.

jquery

jQuery

Padroneggiare eventi e metodi del più popolare framework client-side del settore.

bootstrap

Bootstrap

Dagli sviluppatori di Twitter, il framework front end responsive entra nella didattica Ilas.

dreamweaver

Adobe Dreamweaver

L'ambiente di sviluppo integrato di casa Adobe, strumento di elezione dei web designer più creativi.

illustrator

Adobe Illustrator

Icone, illustrazioni e coefficienti visivi per realizzare layout UI/UX usabili ed accessibili.

photoshop

Adobe Photoshop

Adoperare il software di fotoritocco per un'ottimizzazione efficace delle immagini per il web.

wordpress

WordPress

Installare, configurare e imparare a conoscere la piattaforma di publishing, ormai diffuso standard produttivo.

metodo-ilas

Il metodo Ilas

Il metodo ilas è stato progettato dai più qualificati esperti di informatica, web designer, grafici e web content manager sotto la supervisione dell'agenzia pubblicitaria ilas. Gli allievi acquisiscono così un know how tale da gestire in totale autonomia la progettazione e la realizzazione di un sito internet dal'elevato contenuto tecnico e creativo.

Lo studente viene accompagnato per 11 mesi in un percorso di esperienza e conoscenza teorica e pratica da un docente che lo guida alla ricerca delle più efficaci soluzioni professionali insegnandogli a trasformare un layout in un progetto concreto. Vengono studiati approfonditamente i più moderni linguaggi e le più innovative tecniche di progettazione.

CORSO A03

Piano generale del corso Ilas
di Web Design WordPress Expert

In aula si utilizza il linguaggio di internet e la teoria si trasforma immediatamente in operatività sul computer.
L’apprendimento avviene attraverso esercitazioni su progetti reali: ideazione, progettazione e realizzazione
di siti web, interfacce, animazioni, banner.

Teoria della
progettazione per il web

Introduzione a Internet e al Web / Analisi di mercato / Architettura dell’informazione / Usabilità e Accessibilità / Figure Professionali / Aspetti legali
+
  • Introduzione a Internet e al Web
  • Cenni di informatica
  • I linguaggi di programmazione
  • Cos'è Internet: l’infrastruttura, i protocolli, lo spazio fisico di un sito, il server e il client.
  • I Browser
  • Aziende, istituzioni e altri attori principali del web
  • Il mondo del web: il linguaggio, gli intenti, il target.
  • Cenni storici di un fenomeno in continuo mutamento, riflessioni sulle possibilità e sulle aspettative.
  • Analisi di mercato
  • Colloquio con il committente
  • Definizione del target
  • Individuazione dei competitor verticali ed orizzontali
  • Definizione di una strategia
  • Applicazione di un sistema di identità visiva
  • Pianificare il restyling di un sito preesistente
  • Architettura dell’informazione
  • Organizzazione dei contenuti per livelli di approfondimento
  • Gestire format visivi accattivanti: creazione ed ideazione progetti differenti
  • Storytelling: creare una narrativa tramite il sito web
  • Usabilità e Accessibilità
  • Progettazione di interfacce utente intuitive e funzionali
  • Generazione di una esperienza di navigazione accattivante e memorabile
  • Attuazione di strategie per la maggiore fruibilità del contenuto
  • Progettazione responsive per i dispositivi mobile e desktop
  • Approccio mobile-first
  • Figure Professionali
  • Figure professionali e operatori del settore:
    - Area creativa: concept, idee e strategie;- Area marketing: advertising e ricerca;- Area produzione: progettista di interfaccia ed esperienza utente (UI/UX), animazione, architettura dei contenuti, programmazione client-side.
  • Le opportunità di lavoro freelance e dipendente.
  • Individuazione della propria specialistica inclinazione.
  • Aspetti legali
  • Le normative che regolano la comunicazione su internet
  • Normative a tutela della proprietà intellettuale
  • Le leggi a tutela della privacy e del consumatore che il web designer deve conoscere per un corretto esercizio della professione.

Tecnica della
progettazione per il Web

HTML5 /CSS3 / Responsive e Adaptive Design / jQuery / Bootstrap / SEO - Search Engine Optimization / Web research / Wordpress / Trattamento del materiale / Pubblicazione del sito / Il portfolio
+
  • HTML
  • Comprendere gli scopi del linguaggio ipertestuale
  • Il Document Object Model
  • Tag e loro attributi principali
  • Html, Head e Body
  • Tag di testo, tabelle, multimedialità e struttura
  • Link relativi e assoluti
  • I form: impaginazione e raccolta dei dati
  • Il doctype e la validazione: la sintassi per un codice aderente agli standard
  • HTML5
  • La transizione tra HTML4 HTML5 ed il supporto dei browser
  • Nuovi tags semantici per la definizione funzionale della struttura di pagina
  • Visualizzazione e controllo di video, audio e tracce esterne
  • Il supporto per canvas e SVG
  • Nuovi elementi di input, tag ed attributi nei form
  • CSS
  • Selettori CSS: tag, classi, ID, pseudoelementi, pseudoselettori
  • Fogli di stile CSS, tag style e stili in linea
  • Ereditarietà e specificità CSS
  • Spazialità: box model e fluttuazione degli elementi
  • L’impaginazione: layouts fissi e fluidi
  • Posizionamento assoluto e l’overflow
  • Stili di testo, colori, sfondi
  • CSS3
  • Transizioni
  • Trasformazioni
  • Animazione
  • Stili di aspetto avanzati
  • Responsive e Adaptive Design
  • Media queries
  • Viewport
  • Browser detection
  • Frameworks
  • jQuery
  • Introduzione e costrutti base del linguaggio JavaScript
  • Includere jQuery in un progetto
  • Selezione e manipolazione degli elementi del DOM
  • Metodi più utili
  • Intercettare e gestire gli eventi
  • Stilizzazione e animazione
  • Scegliere ed integrare un plug-in
  • Scrivere un plug-in con jQuery
  • Rich Internet Applications, tecniche AJAX e interazioni avanzate
  • Bootstrap
  • Introduzione al framework CSS/JavaScript
  • Includere Bootstrap in un progetto
  • Funzionalità e limiti
  • Sistema di griglia responsive
  • Componenti e funzionalità principali
  • Temi e personalizzazioni
  • SEO - Search Engine Optimization
  • Strategie per migliorare la visibilità di un sito
  • Metatag, tag e attributi per un codice semanticamente corretto
  • Posizionamento e visibilità nei motori di ricerca
  • Modificare un progetto preesistente per migliorare l'indicizzazione
  • Web research
  • Eseguire ricerche mirate e reperire le informazioni sul web
  • Le principali risorse per il web designer: open-source e marketplaces
  • Imparare a leggere la documentazione di un framework o di un plug-in
  • Wordpress
  • Panoramica sul software
  • Funzionalità e limiti
  • Impostare i parametri di connessione al database
  • Installazione ed inizializzazione
  • Selezione di un tema
  • Editor dei temi e possibilità di modifica del codice HTML/CSS
  • Scelta e installazione dei plug-in
  • Trattamento del materiale
  • Analisi del materiale fornito dal cliente
  • Acquisizione e trattamento testi
  • Organizzare i testi per una efficace semantica in chiave SEO
  • Le immagini bitmap e le immagini vettoriali
  • I formati: gif, jpg, png, pdf
  • L’audio e il video nel web
  • Cenni di editing audio/video
  • L’interazione tra i software
  • Pubblicazione del sito
  • Registrazione e manutenzione di un dominio
  • Hosting, housing, spazi web e altri servizi
  • Differenza tra le piattaforme
  • Scegliere il provider in base alle esigenze del cliente
  • Configurare l’accesso FTP
  • Gestire gli indirizzi e-mail
  • Verifiche di funzionamento del sito
  • Mailing list e newsletter
  • Il portfolio
  • Tecniche efficaci di presentazione dei lavori
  • La produzione del portfolio personale

Progettazione grafica
per il web

Teoria del colore / Tipografia / Composizione
+
  • Teoria del colore
  • Il colore e la percezione dell'immagine
  • Il metodo RGB, colori esadecimali, trasparenze
  • Le relazioni fra colore, testo e leggibilità
  • Tipografia
  • Storia della tipografia: dai manoscritti ai font digitali
  • Classificazione delle tipologie di carattere
  • Stili, famiglie, pesi
  • Composizione del testo
  • Includere font nel progetto web
  • Composizione
  • Il layout nel progetto web
  • Il rapporto tra figura e sfondo
  • Fotografie, illustrazioni, icone
  • Differenze con la grafica editoriale tradizionale

Adobe
Dreamweaver / 1

Introduzione al software / Lavorare con i tag HTML / Gestisci siti / CSS Designer / Finestra File
+
  • Introduzione al software
  • Barre delle proprietà e pannelli
  • Creazione e personalizzazione di un area di lavoro
  • Le viste: Codice e Progettazione
  • I menu File, Modifica, Visualizza
  • Finestra Inserisci
  • Lavorare con i tag HTML
  • Gestione dei tag di testo, elenchi, tabelle
  • Gestione dei collegamenti ipertestuali
  • Gestione dei tag strutturali
  • Gestione delle immagini
  • Gestisci siti
  • Aggiunta di un nuovo sito al gestore di siti
  • Modifica, cancellazione e duplicazione del sito
  • Esportare ed importare i siti salvati nel gestore di siti
  • CSS Designer
  • Associazione degli stili CSS ad una pagina
  • Creazione, salvataggio e modifica di un file CSS
  • Gestione degli stili in CSS Designer
  • Gestione fogli di stile per media differenti
  • Finestra File
  • Organizzazione dei file su disco
  • Modifica diretta dei file e delle cartelle
  • Vista locale e vista remota

Adobe
Dreamweaver / 2

Framework integrati / Lavorare con Javascript / Lavorare con i tag HTML (1) / Comandi / Nozioni di gestione dei siti dinamici / Lavorare con i tag HTML (2) / Client FTP
+
  • Framework integrati
  • Gestione dei componenti jQuery UI
  • Gestione dei componenti Bootstrap
  • Lavorare con javascript
  • Creazione, salvataggio e modifica di un file JavaScript
  • La gestione dei file JavaScript in Dreamweaver
  • Associazione dei file JavaScript ad una pagina
  • Lavorare con i tag HTML
  • Gestione dei Tag semantici HTML 5: header, section, nav, article, footer, aside, main
  • Gestione degli IFRAME
  • Gestione dei tag video e audio
  • Comandi
  • Applica formattazione origine
  • Ottimizza HTML
  • Esternalizza JavaScript
  • Nozioni di gestione dei siti dinamici
  • Gestione di una pagina web in Dreamweaver
  • Definizione di un server di prova
  • Lavorare con i tag HTML
  • Gestione del tag form e pulsanti
  • Gestione dei campi di input: testuale, scelta multipla, file
  • Gestione dei tag i input HTML5
  • Client FTP
  • Definizione di un server remoto
  • Caricamento dei file online e sincronizzazione

Adobe
Illustrator

Panoramica Illustrator / Gli strumenti di base / Tratto e riempimento / Impostare un layout / Pennelli ed oggetti / Pannelli ed oggetti / Pannelli, effetti e maschere / Livelli / Testo
+
  • Panoramica di Illustrator
  • Nozioni di grafica vettoriale e grafica bitmap
  • L'interfaccia
  • L'area di lavoro
  • Definire un documento
  • Gli strumenti di base
  • Il pannello di controllo
  • Selezione e posizionamento
  • Disegnare forme
  • Lo strumento PENNA: segmenti e curve
  • Maniglie e punti di ancoraggio
  • Tratto e riempimento
  • Il pannello campioni e il pannello colore
  • Metodi di colore
  • La guida colori
  • L'opzione campione "globale"
  • Tonalità e tinta
  • Righelli e guide, impostare un layout
  • Lo strumento Tavola disegno
  • Disegnare con la matita
  • Gestire i tracciati e modificare i punti di ancoraggio
  • Il pannello elaborazione tracciati
  • Pennelli ed oggetti
  • Strumento pennello e strumento gomma
  • Strumento pennello tracciato chiuso
  • Operazioni con le selezioni
  • Gestire gruppi e sottogruppi
  • Trasformazione e ridimensionamento
  • Pannelli, effetti e maschere
  • Il pannello aspetto
  • Attributi multipli per un oggetto
  • Il pannello Trasparenza
  • Effetti di stile
  • Effetti raster e vettoriali
  • Lavorare con le immagini aster
  • Importare, collegare, incorporare le immagini
  • Le Maschere di ritaglio
  • I livelli, la pittura dinamica
  • Il pannello Livelli
  • Gerarchia tra i livelli
  • Livelli ed aspetto
  • Allinea e distribuisci
  • Pittura dinamica
  • Il testo, il salvataggio
  • Lavorare con il testo
  • Pannelli carattere e paragrafo
  • Testo su tracciato e concatenare il testo
  • Trasformare il testo in tracciati
  • Salvare ed esportare in vari formati
  • Salvare in PDF

Adobe
Photoshop

L'interfaccia di Photoshop / Immagine e documento / Livelli e gestione del testo / Strumento penna / Modifica del pixel / Ritoccare il pixel / Il colore / Regolare e salvare le immagini
+
  • L’interfaccia di Photoshop
  • Strumenti e pannelli
  • Personalizzare l’area di lavoro
  • Spostarsi nella finestra del documento
  • Organizzare la disposizione di più documenti aperti
  • Suggerimenti e scorciatoie
  • Preferenze di base
  • Il pannello STORIA
  • Immagine e documento
  • Elementi fondamentali di grafica: i pixel
  • Immagine, dimensione e risoluzione
  • I comandi Dimensione immagine e Dimensione quadro
  • Metodi di colore
  • Colore di Primo piano e di Sfondo
  • Gli strumenti di selezione
  • Operazioni con le selezioni
  • Lo strumento TAGLIERINA
  • I livelli, la gestione del testo
  • Concetti di base
  • Pannello e menù LIVELLI
  • Operazioni con i LIVELLI
  • Opacità e riempimento
  • Lo strumento TESTO e i livelli di testo
  • Stili Livello
  • Spostare e gestire i LIVELLI
  • Strumento penna, tracciati
  • Tracciati e forme
  • Lo strumento PENNA
  • Scontornare oggetti con lo strumento PENNA
  • Il pannello TRACCIATI
  • Creare, modificare e salvare tracciati
  • Convertire i tracciati in selezioni
  • Clonare e modificare i pixel
  • Strumento PENNELLO CORRETTIVO AL VOLO
  • Strumento PENNELLO CORRETTIVO
  • Strumento TOPPA
  • Strumento TIMBRO CLONE
  • Strumento GOMMA, GOMMA MAGICA, GOMMA PER SFONDO
  • Disegnare e ritoccare i pixel
  • Strumenti PENNELLO e MATITA
  • Strumento SOSTITUZIONE COLORE
  • Intervenire sulla luminosità : gli strumenti SCHERMA e BRUCIA
  • Intervenire sul contrasto: gli strumenti SFOCA e CONTRASTA
  • Intervenire sulla saturazione: lo strumento SPUGNA
  • Muovere i pixel: lo strumento SFUMINO
  • Il colore
  • Lo strumento CONTAGOCCE
  • Il Selettore Colore
  • I pannelli COLORE e CAMPIONI
  • Le librerie di colori
  • Colorare con gli strumenti SECCHIELLO e SFUMATURA
  • Gestire le sfumature
  • Riproduzione del colore: il pannello CANALI
  • Regolare e salvare le immagini
  • I metodi RGB e CMYK
  • Il pannello REGOLAZIONI
  • Prime regolazioni: luminosità, contrasto
  • Il comando LIVELLI
  • Il comando CURVE
  • Il pannello Istogramma
  • Scegliere un formato di salvataggio
  • Caratteristiche dei principali formati

WordPress
 

Introduzione e panoramica / Funzionalità e limiti / Installazione / Database / Client FTP / Configurazione / Temi / Editor / Gestione contenuti / Personalizzazione
+
  • Introduzione al software
  • Wordpress.org e Wordpress.com
  • Panoramica sul software
  • Funzionalità e limiti
  • Risorse gratuite e Marketplaces
  • Installazione
  • Scaricare il software
  • Impostare i parametri di connessione al database
  • Organizzazione preliminare dei file di temi e plug-in
  • Utilizzare il client FTP
  • Inizializzazione
  • Configurazione
  • Gestione Utenti
  • Impostazione di lettura e scrittura
  • Gestione temi
  • Editor dei temi e possibilità di modifica del codice HTML/CSS
  • Gestione contenuti
  • Creazione e modifica di articoli e categorie
  • Crezione e modifica di pagine
  • Caricamento media
  • Gestione commenti
  • Personalizzazione
  • Scelta del tema adatto per un progetto
  • Acquisto di un tema e studio della documentazione
  • Pianificazione delle personalizzazioni da attuare
  • Scelta e installazione dei plug-in
  • Case study di plug-in tra i più utili

I docenti Ilas dei corsi di
Web Design Pro Responsive

I corsi Ilas di web design sono tenuti da docenti esperti e specializzati, tutti di livello universitario per gli argomenti teorici e certificati Adobe o Autodesk per l'insegnamento dei software. Studiare presso il Centro Studi Ilas significa mettere al primo posto la scelta della qualità nella costruzione della propria identità professionale. Le certificazioni, i riconoscimenti e le attestazioni sono tasselli di un mosaico che punta alla creazione di un percorso di conoscenza concreto, approfondito, spendibile, al passo con la velocità dei mutamenti che attraversano il mondo del lavoro e della comunicazione.

ferricchio

Giovanni
Ferricchio

ACI ADOBE
cozzolino

Nicola
Cozzolino

ACI ADOBE
tramontano

Marco
Tramontano

ACE ADOBE
caruso

Valerio
Caruso

ACI ADOBE
liguori

Mario
Liguori

WORDPRESS
lapati

Giacomo
Lapati

PHP DEVELOPER

L'eccellenza nella
formazione per la
comunicazione visiva.

100% COMUNICAZIONE VISIVA

In ciascuna area, Ilas propone percorsi specifici e diverse tipologie corsuali, studiati per essere altamente professionalizzanti e per rispondere alle diverse esigenze degli studenti e alle richieste di un mercato del lavoro in continuo mutamento.

 
docenti

Docenti Ilas

I corsi Ilas sono tenuti da docenti esperti e specializzati, tutti di livello universitario per gli argomenti teorici e certificati Adobe o Autodesk per l'insegnamento dei software.
aule

Aule ottimizzate

Aule perfettamente attrezzate, climatizzate e dotate di un computer Apple iMac dedicato per ogni studente, in un rapporto ore/docente/studenti ottimale per l'apprendimento.
formazione

6.000 ore di formazione

Ogni anno ilas eroga 6.000 ore di formazione specialistica. Oltre 400 studenti suddivisi in 35 sezioni attive e 16 tipologie corsuali, tutte dedicate alla comunicazione visiva.
titoli

Titoli riconosciuti

Alla ilas puoi scegliere fra corsi liberi o autorizzati dalla Regione Campania ai sensi della L.R. 19/87 che rilasciano una qualifica professionale riconosciuta in tutta l'UE.
placement

Il placement

La segnalazione dei migliori curricula alle aziende rappresenta un'occasione unica di contatto diretto con le più importanti realtà lavorative del settore.
plus

I Plus Ilas

Nell'ambito delle attività didattiche ilas organizza rassegne, workshop e seminari con professionisti di chiara fama e docenti esperti del settore.
portfolio-ilas

Grazie al Portfolio Ilas
la tua professionalità
è subito visibile

Inserendo i tuoi lavori nella gallery, il sistema informatico realizzerà automaticamente il tuo sito internet personale che potrai comunicare alle agenzie e ai clienti per promuovere il tuo lavoro. Puoi inserire il tuo logo, scegliere il fondo e separare i tuoi lavori scolastici da quelli personali.

E all'interno del sito è stato implementato un potente motore di ricerca che consente alle aziende di cercare i profili migliori attraverso una infinita serie di parametri e alla geolocalizzazione.

VAI AL PORTFOLIO

Ilas è uno dei 9 AuthorizedTraining Center italiani perl'insegnamento dei software Adobe.

ILAS ATC ADOBE

Solo gli ATC Adobe garantiscono la formazione riconosciuta da Adobe grazie all'impiego di docenti ACI (Adobe Certified Instructor). Professionisti che ottengono la prestigiosa qualifica attraverso un complesso e rigoroso percorso di certificazione.

Alla fine del corso di Web Design Ilas rilascia un attestato di partecipazione autorizzato Adobe.

 
attestato