Per frequentare il corso è consigliabile una conoscenza di base di Adobe Photoshop oppure di qualsiasi altro software di grafica.
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:
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.
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.
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.
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 è possibile acquistare dei mesi aggiuntivi a costo ridotto.
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
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.
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.
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
Pagine Responsive in HTML
Responsive Design
Breakpoint
Tag Viewport
DIV
Font
Immagini Video
Nascondere Elementi
Caricamento Condizionale
Menù Responsive
Introduzione
Perchè si Afferma Wordpress
Storia dei CMS
Siti Statici & Siti Dinamici
Differenze tra PHP & ASP
Funzionamento delle Pagine Dinamiche
Requisiti Locali per Installare Wordpress
Mamp & Xampp
L'interfaccia di Mamp & Xampp
Creare un database con PhpMyAdmin
Esercitazione
Installazione di WordPress
Installazione del Sito
Video -Scaricare Wordpress
Uno Sguardo alla Bacheca
Operazioni Preliminari
Installare Wordpress in Remoto
Esercitazione
La Scelta del Tema
Differenze tra Temi Gratuiti & Temi Premium
Introduzione
Tipologie di Temi
Installare un Tema Gratuito
Creare un Tema Child
Installare un Tema a Pagamento
Personalizzazione del Sito
Menù
Denominazione del Sito
Impostazioni Homepage
Settaggi del Tema - Introduzione
Widget
Settaggi del Tema - Layout
Settaggi del Tema - Gestione del Footer
Settaggi del Tema - Logo
Settaggi del Tema - Navigazione
Creare Elementi con HTML
Creare la Homepage del Sito
Introduzione
Creare lo Schema della Homepage
Il Plugin Page Builder
Inserire i Widget nel Layout
Creare la Griglia della Pagina
Il Widget Loop dell'Articolo
Il Widget Testo
Installare un Builder
Il Widget Circle Icon
Il Widget HTML Personalizzato
Altre Personalizzazioni del Tema
Personalizzare l'Aspetto del Tema
Lo Strumento Ispeziona Elemento di Chrome
Creare le Pagine del Sito
Introduzione
Elenco delle Pagine
Editor Classico & Gutemberg
Struttura dell'Editor
Creare le Pagine del Sito
Esercitazione
Creare il Menù di Navigazione
Introduzione
Creare un Menù Personalizzato
Creare Link alle Pagine
Creare un Link Assoluto
Creare Pulsanti a Comparsa
Utilizzare Icone nel Menù
Gli Articoli
Nascondere Elementi Tramite CSS
Introduzione
Definire le Categorie
Utilizzare i Tag
Elenco degli Articoli
L'Editor degli Articoli
Creare gli Articoli
Modificare la Data di Pubblicazione
Creare le Pagine Archivio
Impostare il Layout della Pagina Archivio
Impostare il Layout dell'Articolo
Gestire le immagini
Introduzione
Creare lo Slider Del Tema: Prime Configurazioni
Inserire le Immagini nello Slider
Settaggi Avanzati dello Slider
Inserire lo Slider nelle Pagine
Creare uno Slider di Contenuto
Creare Gallerie di Immagini Tematiche
Creare una Galleria di Immagini
Attivare l'Effetto Lightbox
Creare un Form
Introduzione
Installare Contact Form 7
L'editor del Form
Creare il Form
Completare la Configurazione del Form
Inviare i Dati al Database
Formattare il Form con il CSS
Gestione degli Utenti
Introduzione
Tipologie di Utenti
Creare Utenti
Creare Ruoli Personalizzati
Attivare la Registrazione di Utenti Esterni
Proteggere i Contenuti del Sito
Creare Pagina di Registrazione
Inserire un Form di Login
Altri Plugin
Mettere il sito in manutenzione
Creare una Sidebar di Collegamento a Social
Attivare Pulsanti per Social Sharing
Creare Cartelle nella Libreria dei Media
Potenziare l'Editor di Pagine e Articoli
Duplicare Pagine e Articoli
Trasferire il Sito da Locale a Remoto
Introduzione
Prime Configurazioni
Modificare il di Configurazione
Trasferire i Tramite FTP
Esportare e Ottimizzare il Database
Trasferire il Database in Remoto
Esercitazione Finale
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
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
Introduzione - Le basi della SEO
Introduzione
Crawlers
Spider Simulator
Strumenti SEO
Google Search Console
PageRank di una Pagina Web
GTMetrix
Esercizio - Quiz
Regole On-Page
Title Description H
Title Link
Keywords
Immagini
htaccess
Sitemap
Robots
Esercizio - Quiz
Regole SEO
Keyword Stuffing
Link Corrotti
Responsive Design
Pesantezza
Pagine Duplicate
Configurazione Url
Esercizio - Quiz
SEO & WordPress
Seo Friendly Url
Sito Statico - Sito Dinamico
Yoast Leggibilita
Yoast Configurazione
Yoast Installazione
Yoast Pagina
SEO Avanzato
ssl tls https
Above the Fold
Compressione gzip
Backlinks
Unire css js
Frequenza Aggiornamento
Social Network
Cache
Esercizio - Quiz
