PC Academy Adobe Authorized Training Center

Corso Online Web Design & eCommerce per Grafici

Valutazione corso:

4.8 / 5.0

Perchè seguire questo Master

  • PC Academy è l'unico partner di Adobe a Roma autorizzato alla formazione sui software Adobe
  • Arricchisci il tuo CV con una competenza sempre richiesta nel mondo del web design
  • Lavori con le funzioni del'ultimo aggiornamento di Dreamweaver
  • Impari ad utilizzare HTML5 ed i CSS
  • Realizzi siti web responsive conformi agli standard attualmente in uso sul mercato
  • Gestisci tutte le fasi della creazione: dal progetto grafico alla pubblicazione
  • Crei negozi online adatti a qualsiasi tipo di prodotto o cliente
  • Integrare un negozio online in qualsiasi tipo di sito, anche realizzato con Dreamweaver
  • Inserisci elementi multimediali nei tuoi siti web con audio e video
  • Ottimizzi i tuoi siti per i motori di ricerca con tecniche SEO e SEM
  • Impari ad utilizzare gli strumenti Google per migliorare la visibilità del tuo sito: Analytics, AdWords
  • Costruisci siti web anche con il CMS Wordpress e realizzi la sezione acquisti online tramite il plugin WooCommerce
  • Realizzi con l’aiuto del tuo tutor i primi elaborati da inserire nel tuo Portfolio
Certificazione ed Attestato Programma del CorsoPrerequisiti Tutoraggio ed Assistenza Supporto alla tua Carriera Iscrizione e Tempi di Accesso Videolezione d'esempio Sistemi di Valutazione Modalità di Pagamento Sarai in grado di Lavori degli Allievi Richiedi Informazioni Domande Frequenti

Prerequisiti

Per frequentare il corso è consigliabile una conoscenza di base di Adobe Photoshop oppure di qualsiasi altro software di grafica.

Torna al Menu

Programma del Corso

Il corso online di Web Design & eCommerce per Grafici rappresenta la soluzione formativa specificatamente pensata per i grafici che desiderano ampliare il proprio skill offrendo ai propri clienti anche le competenze di Web Design.

Il corso affronta i software e le tematiche che un Web Designer deve necessariamente saper gestire:

  • HTML5 & CSS
  • WordPress & WooCommerce
  • Tecniche SEO
  • Adobe Dreamweaver

Alla conclusione del corso l’allievo saprà realizzare siti web estremamente attuali e funzionali; ben indicizzati sui motori di ricerca e pronti per l’eCommerce.

Per tutta la durata del corso l’allievo sarà chiamato a realizzare progetti che implichino l’utilizzo dei software e delle tecniche apprese; alla conclusione del percorso formativo ogni partecipante avrà così completato i lavori utili alla costituzione del suo primo Portfolio che potrà così comprendere sia siti web estremamente creativi e personali realizzati da zero con Dreamweaver, che siti web realizzati tramite l’utilizzo di CMS.

Per il Programma dettagliato fai click qui.

Torna al Menu

Certificazione ed Attestato

Al termine del Corso l’allievo che abbia consegnato tutte le esercitazioni previste dal suo percorso formativo riceve l’Attestato di Frequenza rilasciato dal Centro di Formazione Autorizzato Adobe.
Sull’Attestato vengono riportati gli argomenti trattati.
Questo Corso non prevede esame finale, ma la consegna di una serie di esercitazioni. Le esercitazioni saranno consegnate tramite email.

Torna al Menu

Tutoraggio ed Assistenza

Durante i 6 mesi di frequenza, il frequentatore può avvalersi dei consigli e dei suggerimenti del proprio Tutor. La comunicazione con il Tutor avviene attraverso la piattaforma stessa, tramite il forum, oppure tramite mail.
Il Tutor guiderà l'allievo all'interno della piattaforma e lo aiuterà a portare a termine il percorso formativo. Il Tutor si occuperà di correggere tutte le esercitazioni dell’allievo. L’allievo potrà scrivere al Tutor in qualsiasi momento per chiedere chiarimenti o per chiedere sostegno nello svolgimento di un esercizio.

Torna al Menu

Tempi di Accesso

Il Corso può iniziare in qualsiasi momento.
Sul modulo d'iscrizione è presente uno spazio in cui è possibile specificare la data esatta in cui si desidera avviare la formazione. Per avviare la procedura d'iscrizione è sufficiente utilizzare il tasto Aggiungi al carrello.
Attraverso il tasto Aggiungi al carrello si avvierà una procedura automatica che porterà alla compilazione del modulo d'iscrizione. Una volta compilato il modulo d'iscrizione compariranno le diverse modalità di pagamento possibili: Carta di Credito, Bonifico, Bollettino Postale. Dal momento in cui si compila il modulo d'iscrizione si ha una settimana di tempo per poter procedere con il pagamento attraverso la modalità prescelta.
Entro 24h lavorative dal pagamento si ricevono username e password per accedere alla Corso online.

Tutte le risorse del Corso, videolezioni, dispense e quiz, sono fruibili 24h su 24 lasciando l’allievo libero di decidere autonomamente quanto tempo dedicare allo studio. Premesso che i tempi di apprendimento individuale possono leggermente differire da persona a persona, si è stimato che dedicando al Corso circa 10 ore settimanali di studio si riesce a concludere serenamente la formazione nell’arco di 6 mesi. Il Corso non ha quindi necessariamente la durata di 6 mesi, la maggioranza dei nostri allievi conclude anticipatamente la formazione consegnando anzitempo tutte le esercitazioni previste dal questo percorso formativo.
Nei rari casi in cui, per imprevisti personali, non si riesce a concludere il percorso nei 6 mesi, è previsto 1 mese aggiuntivo a titolo gratuito.

Torna al Menu

Sistemi di Valutazione

Durante il percorso formativo l’allievo dovrà eseguire una serie di test ed esercitazioni che saranno sottoposte all’attenzione del tutor online che si occuperà della correzione.
Alcune esercitazioni sono obbligatorie, il percorso si considera concluso quando l’allievo ha consegnato tutte le esercitazioni obbligatorie

Torna al Menu

Supporto alla tua carriera

Pc Academy riceve continuamente da parte di aziende importanti richieste di cv e offerte di lavoro; abbiamo creato il portale Job Center per aiutare i nostri studenti a trovare lavoro dopo la formazione.

 offerte di lavoro

Torna al Menu

Modalità di Pagamento

L’importo di questo Corso è di €650, salvo eventuali promozioni.

L’importo del Corso può essere corrisposto in unica soluzione tramite bonifico, bollettino postale, carta di credito oppure tramite cassa recandosi presso la sede di Roma.
Gli exallievi e le aziende possono sempre beneficiare di particolari sconti richiedendo un coupon sconto.

Promozione 2019

Per tutto il 2019, iscrivendoti a questo corso Ricevi Gratis il corso online Presentarsi alle aziende in modo professionale del valore di €50,00

Torna al Menu

Programma Dettagliato

Corso Online Web Design & eCommerce per Grafici

HTML5

Introduzione
Il linguaggio HTML
Requisiti di Sistema
Tag HTML

Struttura base di una pagina HTML
Struttura pagina HTML
Paragrafi e interruzioni di riga
Titolo e Metatag
Esercitazione Pratica

Formattare il testo con i tag HTML
Formattazione testo con tag
Intestazioni
Grassetto e Corsivo
Apice e Pedice
Formattare citazioni

Utilizzare elenchi e sfondi
Elenchi puntati e numerati
Elenchi nidificati
Personalizzare elenchi puntati e numerati
Specificare inizio elenco numerato
Elenco di definizione
Inserire caratteri speciali
Filetto orizzontale
Colori nel Web
Applicare sfondo alla pagina
Applicare colore al testo
Definire immagine di sfondo
Esercitazione Pratica

Collegamenti ipertestuali e ancoraggi
Collegamenti ipertestuali
Creazione collegamento ipertestuale
Link relativi e assoluti
Impostare finestra destinazione
Collegamento ad indirizzo email
Collegamento ad ancoraggio
Collegamento ad altri contenuti
Esercitazione Pratica

Introduzione ai fogli di stile CSS
I fogli stile CSS: Introduzione
I fogli stile CSS: Creazione di una regola CSS
I fogli stile CSS: Regole per Classe e regole per ID
I fogli stile CSS: Applicare uno stile ai collegamenti ipertestuali
I fogli stile CSS: Creare e collegare un foglio stile esterno

Formattare il testo con i fogli di stile CSS
I fogli stile CSS: Impostare la famiglia di caratteri
I fogli stile CSS: Impostare le dimensioni del carattere
I fogli stile CSS: Impostare il colore del carattere
I fogli stile CSS: Applicare grassetto e corsivo
I fogli stile CSS: Testo barrato e sottolineato
I fogli stile CSS: Creare uno span inline
I fogli stile CSS: Spaziatura tra lettere e parole
I fogli stile CSS: Rientro dei paragrafi
I fogli stile CSS: Applicare un bordo ad un paragrafo
I fogli stile CSS: Spessore e colore del bordo
I fogli stile CSS: Allineamento orizzontale di un paragrafo
I fogli stile CSS: Impostare l'interlinea
I nuovi tag HTML5 per la formattazione del testo: em, strong, dfn e code
I nuovi tag HTML5 per la formattazione del testo: samp, kbd, var e cite
I nuovi tag HTML5 per la formattazione del testo: mark
I nuovi tag HTML5 per la formattazione del testo: time
I nuovi tag HTML5 per la formattazione del testo: wbr
Esercitazione pratica

Visualizzare le immagini
Visualizzare le immagini
Formati grafici per Web
Inserire immagine in una pagina HTML
Modificare dimensioni delle immagini
Applicare margine ad immagine
Creare collegamento ipertestuale ad immagine
Utilizzare miniature immagine
Testo alternativo su immagine
Tag HTML5: figure
Creare Mappe Immagine
Effettuare refresh ad altro URL
Esercitazione pratica

Impaginazione Layout basati su Div
Layout basati su Div: Introduzione
Layout basati su Div: i tag semantici di HTML5
Layout basati su Div: Il tag Div
Layout basati su Div: applicazione di un tag semantico di HTML5
Layout basati su Div: impostare le dimensioni di un Div
Layout basati su Div: la proprietà float
Layout basati su Div: dimensioni e allineamento di un tag semantico
Spaziature esterne al div, la proprietà margin
Spaziature interne al div, la proprietà padding
Esercitazione pratica

Le Tabelle
Le tabelle: introduzione
Le tabelle: creazione di una tabella
Le tabelle: spessore del bordo delle tabelle
Le tabelle: Dimensioni della tabella
Le tabelle: Dimensioni delle colonne
Le tabelle: colore di sfondo di una tabella
Le tabelle: colore di sfondo delle celle di una tabella
Le tabelle: spaziatura interna delle celle
Le tabelle: spaziatura esterna delle celle
Le tabelle: allineamento orizzontale nelle celle
Le tabelle: allineamento verticale nelle celle
Esercitazione pratica

I Form
I form: introduzione
I form: tag form
I form: Le caselle di testo
I form: Altre caratteristiche delle caselle di testo
I form: I campi email e URL introdotti da HTML5
I form: Area di testo
I form: Testo predefinito e testo segnaposto di HTML5
I form: Caselle di controllo
I form: Pulsante di scelta
I form: Gli elenchi/menu
I form: I pulsanti Submit e Reset
Esercitazione riepilogativa finale

Realizzare Siti Web con WordPress

Istruzioni di Pubblicazione
Ottenere dominio e hosting da Altervista
Pubblicare i del sito conzilla
Installare i CMS in remoto

Introduzione
Differenza tra siti statici e siti dinamici
Funzionamento delle pagine dinamiche
Requisiti per lavorare con php in locale
Installazione XAMPP
Installazione MAMP
Creazione del database
Introduzione al CMS
Esercitazione pratica

Prime operazioni con WordPress
Scaricare Wordpress
Installare Wordpress
Primo accesso al sito
Funzioni principali del pannello di Controllo
Esercitazione pratica

Personalizzare il Sito
Gestire i temi di default
Ricerca dei temi gratuiti
Installazione di un tema gratuito da Wordpress
Installazione di un tema scaricato da altre fonti
Temi commerciali
Il pannello Personalizza
Introduzione alla gestione dei widget
Le funzionalità dei widget
Il pannello Theme Settings
Il plugin Page Builder
Esempio di gestione della homepage del sito
Personalizzare il sito da codice
Esempi di personalizzazione del sito da codice
Il plugin Advanced Code Editor

Gestione dei Contenuti
Differenza tra Pagine e Articoli
Gestione delle Pagine
Creare una nuova Pagina
Gestione degli Articoli
Creare un nuovo Articolo
Creare le Categorie
Creare i Tag
La libreria dei Media
Esercitazione pratica

Gestione dei Menu
Introduzione alla gestione dei menu
Creare un menu personalizzato
Creare le voci di menu
Creare un menu a comparsa

Gestione dei Plugin
Gestire i plugin installati
Cercare e installare un nuovo plugin
Installare e configurare un plugin per i form
Il plugin Light per immagini singole con effetto Lightbox
Creare una galleria Lightbox
Creare uno slide di immagini per il sito

Gestione degli Utenti
Creare un nuovo utente
Tipologie di utenti

Gestione dei Commenti
Impostazioni generali
Impostazioni specifiche per pagine e articoli
Moderazione dei commenti

Pubblicazione del Sito
Acquistare i servizi su Provider
Configurazioni pre-pubblicazione
Pubblicazione dei del sito con ftp
Pubblicazione del database da locale a remoto
Esercitazione pratica

Realizzare Siti Web eCommerce con WooCommerce

Introduzione
Introduzione
Considerazioni preliminari
Sicurezza dei pagamenti
Regole preliminari di progettazione
Scelta del tema grafico
Esercitazione pratica

Prime operazioni
Installazione di WooCommerce
Nuova procedura di installazione della versione 3.2
Aspetto della Bacheca dopo l'installazione
Verificare lo stato del Sistema
Esercitazione pratica

Il Pannello Impostazioni
Introduzione
La scheda Generale
La scheda Prodotti
La scheda Imposte
La scheda Cassa - Impostazioni generali
La scheda Cassa - Bonifico Bancario
La scheda Cassa - Assegno e Contrassegno
La scheda Cassa - PayPal
La scheda Cassa - Aggiungere altri metodi di pagamento
La scheda Spedizione - Impostazioni generali
La scheda Spedizione - La Tariffa unica
La scheda Spedizione - La Spedizione gratuita
La scheda Spedizione - La Tariffa unica Internazionale
La scheda Spedizione - Ritiro in sede
La scheda Account
Le schede E-mail e API
WooCommerce Postepay
Esercitazione pratica

Nuova Gestione delle Spedizioni
Introduzione
Definire la struttura
Classi di spedizione
Zone di spedizione
Impostare le tariffe
Opzioni di spedizione
Associare le classi di spedizione ai prodotti

Configurare la Struttura del Negozio
Introduzione
Creare Categorie e Sottocategorie
Le Classi di spedizione
I Tag
Gli attributi del prodotto
Inserire i valori degli attributi
Esercitazione pratica

Allestire il Catalogo
Introduzione
Inserire i prodotti - Nome e descrizione
Inserire i prodotti - Pannello Generale
Inserire i prodotti - Pannello Inventario
Inserire i prodotti - Pannello Spedizione
Inserire i prodotti - Pannello Articoli collegati
Inserire i prodotti - Pannello Attributi
Inserire i prodotti - Configurare le Variazioni
Inserire i prodotti - Pannello Avanzato
Inserire i prodotti - Configurare altre tipologie di prodotto
Inserire i prodotti - Ultimare la configurazione del prodotto
Inserire i prodotti - Creare voci di menù per le categorie dei prodotti
Inserire i prodotti - Uno sguardo al Carrello
Inserire i prodotti - Correggere la configurazione delle Spedizioni
Inserire i prodotti - Adeguare il Carrello alla normativa fiscale Italiana
WooCommerce Checkout Manager

Completare la configurazione del Negozio
La gestione degli Ordini
Gestire i codici promozionali
I report dal sito
Gestire la fatturazione dal sito
WooCommerce Invoices Packing Slips

Adobe Dreamweaver

Istruzioni di Pubblicazione
Ottenere dominio e hosting da Altervista
Pubblicare i del sito conzilla
Installare i CMS in remoto

Il Sito Internet
Introduzione
Il percorso di vita di un sito web

Prime operazioni con Dreamweaver
Area di lavoro di Dreamweaver CC
Configurazione di un nuovo sito in Dreamweaver
Creare una nuova pagina html
Aprire le pagine html e navigare tra documenti aperti
Uno sguardo al codice: html e tag
Uno sguardo al codice: i tag head e body

Creare i Link
Creare collegamenti ipertestuali
Creare link assoluti
Creare link ad un indirizzo e-mail
Uno sguardo al codice: il tag < a >
L'ancoraggio con nome
Esercitazione pratica

Oggetti comuni nelle pagine HTML
Inserire immagini in una pagina html
Modificare le dimensioni delle immagini
Inserire link sulle immagini
Testo alternativo e titolo delle immagini
Uno sguardo al codice: il tag < img >
Creare mappe sulle immagini
Inserire un'immagine in un blocco di testo
Il filetto orizzontale
Le tabelle: struttura base
Proprietà degli elementi interni delle tabelle: le cellette
Esercitazione pratica
Quiz

Introduzione al CSS
Introduzione
Creazione di un foglio stile css
Collegare il foglio stile css alle pagine html
Tipologie di regole css
Uno sguardo al codice: Collegamento tra pagine html e css
Ricavare il tag degli elementi della pagine html
Il nuovo pannello Css Designer

Formattare con i CSS
Formattare i testi: la regola font-family
Formattare i testi: stile, spessore e dimensioni
Formattare i testi: colore, allineamenti e decorazioni
Formattare i testi: maiuscolo, interlinea e rientri
Uno sguardo al codice: la sintassi css
Formattare i link: Introduzione
Formattare i link: Configurazione
Formattare gli sfondi: la regola background-color
Formattare gli sfondi: la regola background-image
Formattare gli sfondi: la regola background-gradient
Formattare gli sfondi: la regola background-repeat
Formattare gli sfondi: la regola background-position
Formattare gli sfondi: gestire immagini di sfondo di grandi dimensioni
Formattare gli sfondi: la regola background-attachment
Formattare i bordi: la regola border-color
Formattare i bordi: la regola border-width
Formattare i bordi: la regola border-style
Formattare le liste: Introduzione
Uno sguardo al codice: le liste
Formattare le liste: la regola list-style-type
Formattare le liste: la regola list-style-image
Formattare le liste: la regola list-style-position
Le regole per classe
Regole per classe applicate ai testi
Le regole per ID
Esercitazione pratica
Quiz

Impaginare con i CSS
Introduzione
I div
Prime operazioni per impaginare
Tecniche di impaginazione: impaginare un layout semplice
Uno sguardo al codice: I vantaggi dell'impaginazione con i css
Sequenza inserimento div per impaginazione con i css
Esercitazione - misure layout semplice

Impaginare un sito avanzato
Introduzione
Impostare il progetto
Operazioni preliminari
Tecniche di impaginazione di un sito avanzato
Esercitazione - misure layout avanzato
Esercitazione pratica
Quiz

Completare la struttura del sito
Creare una barra di navigazione testuale con le liste
Personalizzare i link nel layout
Creare una barra di navigazione con le immagini di rollover
La regola overflow
Creare le pagine interne del sito
Finalizzare la struttura del sito
Quiz

Strutture alternative: lo strumento IFRAME
Introduzione
Configurazioni iniziali
Caricare pagine in automatico dentro l'iframe
Gestire gli sfondi
Caricare nell'iframe le pagine da link
Gestire contenuti lunghi
Inserimento in un layout reale

Strutture alternative: i Modelli di Dreamweaver
Introduzione
Aree editabili e creazione del modello
Creare pagine da modello
Applicare modifiche al sito da modello
Scollegare le pagine html dal modello
Quiz

Impaginare con i tag semantici di HTML5
Introduzione
Prime operazioni per impaginare con tag semantici
Il tag header
Il tag nav
Personalizzare più tag dello stesso tipo
I tag article e section
I tag footer e aside
I tag semantici di html5
Esercitazione pratica

Uso avanzato dei fogli stile: il CSS3
La regola border-radius
La regola box-shadow
La regola text-shadow
La regola cover
La regola font-face per inglobare i font nel sito
Quiz

I Javascript di Dreamweaver
Il comportamento javascript "Apri finestra browser"
Il comportamento javascript "Controlla plugin"

Elementi Multimediali
Il tag video di html5
Il tag audio di html5
Inserire un flv nella pagina html
Quiz

I Form
Introduzione
Inserimento del modulo
Il campo di testo semplice
Il campo di testo e-mail
Il campo di testo url
Il campo di testo telefono
Il campo di testo password
L'area di testo
Il pulsante di scelta
La casella di controllo
Il menù a tendina
Creazione dell'informativa alla privacy
I pulsanti Invio e Reset
Allineare gli elementi del form con le tabelle
Formattare gli elementi del form con i css
Esercitazione pratica
Quiz

Altri elementi delle pagine HTML
I metatag keywords e description
Il tag title
Inserire un flash SWF
Inserire contenuto alternativo ad SWF
Creare link per il download dis
Oggetti jQuery: Il pannello comprimibile
Oggetti jQuery: Il pannello a schede
Oggetti jQuery: La finestra di dialogo

Layout a griglia fluida
Introduzione
Creazione e salvataggio della struttura
Uno sguardo al css
Inserimento di div fluidi
Tecniche di impaginazione
Nascondere div nella struttura
Quiz

Strumento Bootstrap
Introduzione
Cos'è Bootstrap?
Configurazione dello Strumento
Analisi Griglia
Inserimento Container
Impaginare Griglia

Pubblicazione del sito
Introduzione
Impostare i parametri ftp
Caricare e scaricare da remoto le pagine html
Novità presenti nelle ultime versioni
Il nuovo strumento Vista rapida elemento
Vista dal vivo potenziata e migliorata
Miglioramenti e implementazioni del pannello CSS Designer
Esercitazione riepilogativa finale

Tecniche SEO

La gara eterna tra programmatori e PageRank
Come funzionano i Motori
L'algoritmo di Google
La gara tra programmatori e Google
La risposta del motore
Acquistare un PageRank più alto?
Come funziona il mercato dei link
Come verificare se Google ci ha penalizzati
I meta tag
Pratiche utili
Le cose da non fare
Indicizzare le immagini. Regole SEO
Indicizzare le immagini. Gli attributi del tag
Indicizzare i PDF
Il problema Flash
Esercitazioni pratiche
Test finale del modulo

Tecniche e casi esempio
Un progetto basato su keyword
Controllare la densità delle parole chiave
Una pagina ottimizzata. Titolo e descrizione
Una pagina ottimizzata. Parole chiave
Una pagina ottimizzata. Semantica del contenuto
Url Rewrite. Possibili scenari
Come riscrivere dinamicamente un indirizzo
Uso dei sottodomini e delle sottocartelle
Ottimizzazione della pagina. Dove inserire le keyword
Ottimizzazione della pagina. Come inserire le keyword
La qualità del contenuto
Layout e design. Le tre domande
Layout e design. Ottimizzare il codice
Noframe e noscript. Validare il codice
 
Esercitazioni pratiche
Test finale del modulo

Gli strumenti offerti da Google Webmaster
Google Webmaster Tools
I Sitelink
Controllo degli errori di scansione
Robots.txt
Visualizza come Google e invia al motore
Stato dell'indicizzazione
Le parole chiave che portano al nostro sito
Link che rimandano al tuo sito
Sitemap
Creare sitemap
Miglioramenti HTML
PageSpeed
Motore di ricerca personalizzato
Ricerca personalizzata - opzioni avanzate
Esercitazioni pratiche
Test finale del modulo

Google AdWords
Google AdWords. Creare un account
Google AdWords. La mia prima campagna
Google AdWords. Le parole chiave
Google AdWords. Ottimizzare le keywords
Google Adwords. Collegare Analytics
Esercitazioni pratiche
Test finale del modulo
Test finale del Corso



Torna al Menu