360 ore (6 mesi)Il contenuto di questo programma è indicativo e può variare per motivi di aggiornamento o modifica dei contenuti.obiettiviIl web design, come sai, è una delle professioni più richieste al mondo. Ed è che qualsiasi azienda in cui lavorerai, o con cui inizierai, avrà bisogno di una pagina web per mostrare la sua offerta di servizi o prodotti. È qui che diventa importante il lavoro di una persona che padroneggia la conoscenza del mondo del web design e dello sviluppo. In questo master, che si compone di due moduli, lo studente apprenderà le basi dei linguaggi di programmazione più utilizzati al mondo (HTML5 e CSS3) e anche del content manager più utilizzato oggi, Wordpress.
Nel primo modulo lavoreremo sulla base della programmazione, in particolare con i linguaggi HTML5 e CSS3 che vengono a significare quello che potremmo chiamare lo scheletro di ogni sito web. Una corretta formazione in queste lingue permetterà allo studente di affrontare ogni tipo di progetto con solide basi. Lavoriamo sulla struttura dei siti e sul modo corretto di organizzare le informazioni per l'utente in modo che la navigazione sia facile, intuitiva e attraente. Inoltre, per ottenere quell'estetica desiderata, viene lavorato l'inserimento di contenuti multimediali in tutti i suoi formati (video, suoni, immagini), nonché l'adattamento del web per tutti i dispositivi da cui si accede oggi a Internet. È quello che chiamiamo un sito Web con un design reattivo o adattivo, che si adatta perfettamente a qualsiasi dispositivo e dimensione dello schermo. Nell'ultima parte del primo modulo, lo studente viene introdotto all'uso di semplici plugin con JavaScript / jQuery, con veri e propri esempi pratici.
Nel secondo modulo master, lo studente impara a padroneggiare la gestione dei contenuti tramite WordPress, un potente CMS open source che oggi viene utilizzato da innumerevoli pagine web grazie al suo design intuitivo per l'amministratore e i suoi utenti. ampie possibilità per l'utente. Lavoreremo alla creazione e installazione di temi, alla corretta configurazione della piattaforma e all'installazione di plugin di utilità, che aiutano ad aumentare la funzionalità dei siti e trasformare un web design statico in un sito con contenuti totalmente dinamici e davvero accattivanti.informazioniEditor di testo semplice specializzato nel web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
HTML5 / CSS3
Indicizzazione mobile first. bootstrap
Posizionamento web SEO. Accessibilità e usabilità
JavaScript
jQuery
Progettazione web WordPress
Concettualizzazione Web e Sketch
Preventivo e pianificazione web
Sviluppo e ottimizzazione web in WordPressdurata360 ore totaliDi persona o online
280 ore di lezione
Dal lunedì al giovedì (+ alcuni venerdì)
80 ore di progetti finaliorarioLe mattineOre 09.00 - 12.00
12.00 - 15.00 orepomeriggioOre 16.00 - 19.00
19.00 - 22.00 oreprezzo€ 3.100
Offerta fino al 40% di sconto sul prezzo indicato. Controlla le offerte e le condizioni dal sito cei.es.UfficialeLa nostra scuola è uno dei cinque centri di formazione autorizzati Adobe in Spagna . Questo fatto dimostra che CEI ha soddisfatto tutti i requisiti che Adobe richiede e, allo stesso modo, costituisce una garanzia di qualità per tutti i nostri studenti.
CEI è un centro di formazione autorizzato Apple . Pertanto, i nostri studenti saranno in grado di ottenere la certificazione professionale Apple e avanzare nella loro carriera nel design e nelle tecnologie dell'informazione, negli ambienti aziendali e nei mercati B2B.
IBM si fida di noi e per questo ci ha assegnato il badge IBM Education Partner . Questo sigillo premia le scuole che mantengono e promuovono una formazione di qualità.
La nostra scuola si è consolidata come il Maxon Training Center di riferimento in Spagna e siamo diventati la prima scuola in Europa ad essere Maxon Training Provider per R18 .Modulo di Web Design con HTML5, CSS3 e Javascript01- Web design, HTML5 E CSS3Introduzione all'uso delle apparecchiature informatiche
Sistemi operativi:finestre
Mac
LinuxInstallazione e gestione del software:browser
Editor di testoFile system e cartelleCrea file e cartelle
Organizzazione di progetti web
Percorsi assoluti, relativi e URLnavigare su Internet
Principi nell'amministrazione della rete
Architettura client-server
Server e protocolliCertificati SSL
HTTP / HTTPS
FTP / SFTP / FTPSTeam cliente
Introduzione a router e switch
DNS (domini e IP)IP pubblico
IP locale
Nomi di dominioHosting, alloggio e sviluppo professionale continuo
Principi di base per la creazione di siti Web staticiLingue utilizzate (HTML5 e CSS3)
Flusso di esecuzione del codice
Struttura visiva di un sito webPrincipi di usabilità e accessibilità
Prototipazione di un sito web (UX / UI)Interfaccia utente (Marvel)
Esperienza utente (InVision)HTML5Tag e attributi
Semantica e utilizzo
Standard e struttura del documento HTML5
Commenti
Paragrafi, titoli e formati di testo
Multimedia (immagini, audio e video)
Collegamenti e pulsanti
elenchi
disegnare
Forme
iFrame
Meta tags
FavicomCSS3
Collega CSS
Selettori e pseudo-selettori
attributiColori
I soldi
Formato e trasformazione dei testi
Altezza, ampia
bordi
margini
otturazioni
posizioni
allineamento
Ombreggiato e sfumature
Opacità
trasformazioni
filtriPseudoclassi (attivo, hover, controllato, primo figlio, ultimo figlio, ennesimo figlio)
Pseudoelementi (dopo, prima)
Importazione e implementazione dei font (media e font-face)
Importazione e implementazione di icone (font e SVG)
Variabili CSS
Animazioni CSS (fotogrammi chiave)
Indicizzazione mobile firstStrutture generali (galleggianti)
Strutture semplici (Flexbox)
Strutture complesse (CSS Grid)Framework e APIBootstrap 4
Materialise
Material DesignInternetCrea un dominio
Creazione di un web hosting
Collegamento e caricamento di un sito Web sul serverSEOCollega il web con Google Search Console
Implementazione del collegamento canonico02- Sviluppo Web (front-end)JavaScriptIntroduzione alla programmazione front-end
JavaScript. Sintassi generale
Includi JavaScript nei documenti HTML
JavaScript negli allegati
JavaScript all'interno del codice HTML
JavaScript. Variabili e operatori
Variabili locali e variabili globali
Variabili numeriche
Metodi per variabili numeriche
Operatori di assegnazione
Operatori di incremento e decremento
Operatori matematici
Stringhe di testo (stringhe)
Metodi per stringhe di testo
Variabili indefinite
Variabili NULL
Variabili NaN
Operatori logici in JavaScript
Operatori relazionalijQueryIntroduzione a Jquery
Passaggi per utilizzare jQuery
Primo script con jQuery
Nozioni di base su JQuery: aggiunta e rimozione di classi CSS
Nozioni di base su JQuery: mostra e nascondi gli elementi della pagina
Nozioni di base su JQuery: effetti rapidi con jQuery
Nozioni di base su JQuery: callback della funzione jQuery
Nozioni di base su JQuery: utilizzo di Ajax di base con jQuery
Nozioni di base su JQuery: Ajax jQuery con messaggio di caricamentoModulo di Web Design con Wordpress01- Web Design con Wordpress. Dalla concettualizzazione allo sviluppointroduzioneLa rete. Tipi e strutture
Indice Google Mobile First
WordPress. Che cos'è?
Il web design. Processo creativoFare ricercaProcesso di indagine
Tecniche di analisiCitazioni e pianificazioneQuanto vale il mio sito web?
Pianificazione del lavoro temporaneo
Sistemi gestionali per lavorare nel web designConcettualizzare il webIspirazione e referral making
L'identità visiva. Manuale degli stili web
Creazione dell'albero dei contenuti
Schizzo o wireframe
Creazione di mockup con Sketch
Prototipazione web con Invision
Presentazione al cliente e preparazione dei contenutiCreazione di contenuticopywriting
Tipi di contenuti
La generazione di contenuti in WordPress. Post e pagine
Le immagini. Tipologie e trattamento per il web
LOPD. Installazione e regolazioneSviluppare il nostro sito web
Conoscere WordPressInstallazione locale e server
Preparazione di un WordPress. Passaggi essenziali
Struttura di WordPress e sua interfacciaplugin
Libreria multimediale: ottimizzazione dell'immagine
Gli argomentiTipi di argomenti
Spiegare un argomentoSpostando il nostro design su WordPressProgettare il bodyCompositori visivi: Compositore visivo ed Elementore
Addons e complementi
Creare prima il Web in Mobile
Moduli di contattoProgettazione di intestazioni personalizzate. I menu
Progettazione di piè di pagina personalizzati
Creazione personale di modelli e snippet
Creazione di layout personalizzati per post
Creazione di post type personalizzati e relativi layout
Crea campi personalizzatiEcommerce: WoocommerceSpiegazione e configurazione di un negozio online
Crea modelli di prodotto personalizzati
Modifica e configurazione del checkout
Plugin richiestiGestione degli utenti in WordPressRuoli utente
Registrazione Utente
Creazione di aree private e adesioni
Visualizzazione dei contenuti in base ai ruoliTraduzione di siti webUtilizzando il plugin
Traduzione di temi e pluginEsportazione e backup di WordPress
Altri plugin di interesse: slider, condivisione sui social network, feed, chat.
Ottimizzazione e protezione del nostro sito web
Ottimizzazione delle prestazioni del nostro WordPressOttimizzazione del codice
Installazione della cacheProtezione WordpressProtezione dell'accesso a WordPress
Protezione dei contenuti e delle cartelle
Protezione contro attacchi esterniSviluppare il nostro sito webIntroduzione all'Inbound Marketing per WordPress
Creazione di mappe del sito
Installazione e configurazione dei plugin SEOSviluppare il nostro sito web
Tecniche di manutenzione di WordPress