PC Academy Adobe Authorized Training Center

Master Online in Web Design & eCommerce

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
  • Impari a modificare fotografie ed immagini con Photoshop per renderle adatte alla pubblicazione sul web
  • 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 Offerte Lavorative 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 questo Master NON sono richieste particolari conoscenze preliminari.

Torna al Menu

Programma del Master

Il Master online in Web Design & eCommerce è un corso estremamente completo che affronta le tematiche legate ad Internet e alle nuove frontiere del Web in maniera approfondita e professionale.

Il Web Designer è innanzitutto un “Designer” e deve pertanto conoscere i fondamenti della comunicazione attraverso le immagini, per questa ragione il percorso formativo ha inizio con lo studio di Photoshop, software essenziale per la progettazione del layout web e la creazione di immagini digitali web oriented.

Il Master prosegue con lo studio di Dreamweaver.

Grazie a questo potentissimo strumento, l'allievo verrà guidato nell'apprendimento di tutte le tecniche e le specifiche più avanzate che sono oggi indispensabili per la realizzazione di siti web conformi agli standard attualmente richiesti sul mercato, dai principi e le tecniche di responsive design all'analisi degli strumenti per ottenere la migliore indicizzazione del sito nei principali motori di ricerca.

L'allievo sarà guidato anche nell'apprendimento del più utilizzato sistema CMS ovvero Wordpress, divenuto ormai indispensabile per realizzare siti con contenuti complessi, blog, siti gestibili direttamente dal cliente che con questo sistema è possibile creare senza conoscenze avanzate di codici di programmazione.
Grande novità di questo Master è l'introduzione dello studio del Plugin WooCommerce che consente di creare un sito di e‐commerce avanzato senza avere conoscenze di programmazione.

Con WooCommerce è possibile creare un carrello elettronico su misura per ogni cliente e per ogni prodotto, consentendo all'amministratore del sito di gestire e creare prodotti, categorie, impostare sconti e voucher promozionali, gestire tutti i tipi di pagamento online, gestire scorte e magazzino oltre che spedizioni e fatturazioni direttamente dal sito.

Argomenti del Master:

Adobe Photoshop CC
HTML5
CMS: WordPress & Plugin WooCommerce
Tecniche SEO
Adobe Dreamweaver CC

Alla conclusione del Master 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 Master 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 Master 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 Master 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 7 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 Master 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 al Master online.

Tutte le risorse del Master, 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 Master circa 10 ore settimanali di studio si riesce a concludere serenamente la formazione nell’arco di 7 mesi. Il Master non ha quindi necessariamente la durata di 7 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 7 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 Master è di €800, salvo eventuali promozioni.

L’importo del Master può essere corrisposto:

  • in 2 rate da €400 (prima rata all’iscrizione ‐ seconda rata dopo 2 mesi di frequenza)
  • in unica soluzione; in questo caso si riceve uno sconto del 5%

Tutti i versamenti possono essere effettuati 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

Master in Web Design & eCommerce

Adobe Photoshop

Introduzione sul mondo della Grafica
Layout armonici
L'Agenzia Pubblicitaria
Il Diritto d'autore
Le tecniche di Stampa
Creative Commons
Le forme della Carta
Fotografie di persone, quali pubblicare

Introduzione all’Uso di Photoshop
Grafica Bitmap e grafica vettoriale
Area di lavoro
Creazione di un nuovo documento
Metodi di colore RGB e CMYK
Disposizione dei documenti nell'area di lavoro

Le Selezioni
Introduzione alle selezioni
Selezione rettangolare e selezione ellittica
Strumento Lazo
Strumento Lazo poligonale
Strumento Lazo magnetico
Strumento Selezione rapida
Strumento Bacchetta magica
Migliora bordo
Strumento Maschera veloce
Altri utilizzi della maschera veloce
Invertire una selezione
Trasformare una selezione
Salvare e caricare una selezione
Lo Scontorno

Strumenti di ritaglio e colorazione
Strumento Sposta
Strumento Taglierina
Strumento Ritaglio in prospettiva
Pannello Selettore colore
Strumento Contagocce
Strumento Campionatore colore
Strumenti Righello, Nota e Conteggio
Il pannello Campioni
Esercitazioni di Fotomontaggio

I Livelli
Introduzione ai livelli
Prime operazioni con la Palette Livelli
Opzioni di filtraggio della Palette Livelli
Creazione e cancellazione di livelli e gruppi
Livelli di regolazione
La maschera di livello
Altri utilizzi della maschera di livello
Effetti con la maschera di livello
Aggiunta di uno stile livello
Collegamento dei livelli
Opacità e riempimento dei livelli
Blocco dei livelli
Introduzione ai metodi di fusione
Gli oggetti avanzati
La maschera di ritaglio
Creare un livello tagliato o copiato
Quiz su Livelli, Interfaccia e Selezioni

Gli stili livello
Smusso ed effetto rilievo
Traccia
Ombra interna
Bagliore interno
Finitura lucida
Sovrapposizione colore
Sovrapposizione sfumatura
Sovrapposizione Pattern
Bagliore esterno
Ombra esterna
Creare e salvare stili livello personalizzati
Esercitazione sugli Stili di livello
Quiz su Stili e Filtri

I metodi di fusione
Introduzione ai metodi di fusione
Analisi delle caratteristiche dei metodi di fusione
Esercitazione sui Metodi di Fusione

Strumenti di trasformazione dei livelli
Strumento Trasformazione libera
Strumenti Trasforma
Strumento Altera
Riempi in base al contenuto
Scala in base al contenuto
Strumento Alterazione marionetta
Quiz sulle Maschere

Modificare la dimensione delle immagini
Strumento Dimensioni immagine
Strumento Dimensioni quadro

Esercitazioni Guidate Aggiuntive
Come disegnare un graffito su un muro
Effetti di Testo
Effetto ombra nel vento
Scolpire un disegno nel legno

Strumenti di fotoritocco
Strumento Pennello correttivo al volo
Strumento Pennello correttivo
Strumento Toppa
Strumento Sposta in base al contenuto
Strumento Occhi rossi
Strumento Timbro clone
Strumento Timbro con Pattern
Strumento Sfoca
Strumento Nitidezza
Strumento Sfumino
Strumento Scherma
Strumento Brucia
Strumento Spugna
Esercitazione sul Restauro
Quiz sugli Strumenti di fotoritocco

Esercitazione Guidata Aggiuntiva
Il fotoritocco di un ritratto

Strumenti di ripristino
Strumento Pannello Storia
Strumento Pennello Storia

Strumenti Vettoriali
Strumento Penna per creare tracciati
Strumento Penna per creare forme
Strumento Penna a mano libera
Strumento Aggiungi o togli punto di ancoraggio
Strumenti Selezione tracciato e selezione diretta
Forme predefinite
Salvare forme vettoriali personalizzate
Trasformare un tracciato in selezione
Esercitazione sulle Maschera Vettoriale

Esercitazioni Guidate Aggiuntive
Fotografie in Bianco e nero
Ritocco sul viso di un uomo
Fotoritocco nella fotografia di ritratto

Il testo
Opzioni base per il testo
Pannelli Carattere e Paragrafo
Strumenti di alterazione del testo
Agganciare il testo ad un tracciato
Inserire il testo in una forma
Opzioni di conversione del testo
Il testo Lorem Ipsum
Strumento Maschera di testo
Quiz sul Testo e Forme Vettoriali

Esercitazioni Guidate Aggiuntive
Rendere un ritratto vintage
Come dare densità ad un ritratto
Creare un effetto stile diapositiva.
Creare un paesaggio suggestivo.
Realizzare un cielo surreale

Il modulo 3D
Introduzione
Pannello di configurazione dell'ambiente 3D
Strumenti di spostamento nell'ambiente 3D
Funzioni principali del pannello Proprietà
Altre opzioni 3d del pannello Proprietà
Gestione delle luci
Gestione dei materiali
Creazione di un nuovo oggetto 3D
Il rendering finale
Quiz sul 3D

I filtri
Filtri classici e filtri avanzati
La galleria filtri
Il filtro Grandangolo adattato
Il filtro Camera Raw
Il filtro Fluidifica
Il filtro Dipinto a olio
Il filtro Fuoco prospettico
Altri utilizzi del fuoco prospettico
Il filtro Muovi
Il filtro Effetti di luce
Il filtro Campo sfoca
Il filtro Sfocatura diaframma
Il filtro Scostamento inclinazione
Esercitazione sul filtro Fluidifica

Photoshop e il web
Introduzione
Strumenti Sezione e Selezione sezioni
Formati di file per il web e pannello Salva per Web
Creazione di una gif animata
Quiz su Formati e Ottimizzazione

Strumenti di colorazione
Strumento Secchiello
Strumento Sfumatura
Salvare Pattern personalizzati
Esercitazione su Applicazione di un pattern
Quiz sugli Strumenti di Pittura

Strumenti di cancellazione
Strumento Gomma
Strumento Gomma per sfondo
Strumento Gomma magica

Strumenti di automazione
Le Azioni
Presentazione Pdf
Provino a contatto

I pennelli
Opzioni base
Opzioni avanzate
Salvare un pennello personalizzato
Pennello Sostituzione colore
Pennello Miscela colore

Esercitazioni Guidate Aggiuntive
Come realizzare effetto di Instagram (Ghotam)
Come realizzare un ritratto grunge
Realizzare atmosfera daliliana
Filtro Retro di instagram
Filtro Brannan di instagram
Come creare un’atmosfera misteriosa
Realizzare un’atmosfera onirica

Le regolazioni
Introduzione
Luminosità/Contrasto
Valori tonali
Curve
Esposizione
Vividezza
Tonalità/Saturazione
Bilanciamento colore
Bianco e nero
Filtro fotografico
Miscelatore canale
Consultazione colore
Inverti
Posterizza
Soglia
Mappa sfumatura
Correzione colore selettiva
Ombre e luci
Viraggio HDR
Variazioni
Togli saturazione
Corrispondenza colore
Sostituisci colore
Equalizza
Esercitazione sui Livelli di Regolazione
Esercitazione sulle Maschera di Livello
Quiz sulle Regolazioni

Strumenti presenti nelle ultime versioni di Adobe Photoshop
Lo strumento Alterazione Prospettica
Gestione degli Oggetti avanzati
Le Composizioni livelli
Lo strumento Adobe Generator
Gli effetti di movimento
Le nuove funzioni di allineamento dei livelli
Selezione Soggetto
Selezione Maschera
Opzioni Tracciato
Strumento Curvatura
Pennello Uniformità
Modalità Filo Tirato
Messa in Pari del Tratto
Regola per Zoom Messa in Pari

Esercitazioni riepilogative finali

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

Pagine Responsive in HTML
Responsive Design
Breakpoint
Tag Viewport
DIV
Font
Immagini Video
Nascondere Elementi
Caricamento Condizionale
Menù Responsive

Realizzare Siti Web con WordPress

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

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