PC Academy Adobe Authorized Training Center

Master online in Web Design & eCommerce

Programma Analitico

Photoshop

Introduzione

Differenza tra grafica bitmap e grafica vettoriale
Area di lavoro di Photoshop Creative Cloud creative cloud
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

Strumenti di ritaglio e colorazione

Strumento Sposta
Strumento Taglierina
Strumento Ritaglio in prospettiva creative cloud
Pannello Selettore colore
Strumento Contagocce
Strumento Campionatore colore
Strumenti Righello, Nota e Conteggio
Il pannello Campioni

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

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

I medodi di fusione

Introduzione ai metodi di fusione
Analisi delle caratteristiche dei metodi di fusione (6 lezioni)

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

Modificare la dimensione delle immagini

Strumento Dimensioni immagine creative cloud
Strumento Dimensioni quadro

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

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

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 creative cloud
Strumento Maschera di testo

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

I filtri

Filtri classici e filtri avanzati
La galleria filtri
Il filtro Grandangolo adattato
Il filtro Camera Raw creative cloud
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

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

Strumenti di colorazione

Strumento Secchiello
Strumento Sfumatura
Salvare Pattern personalizzati

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

Le regolazioni

Introduzione
Luminosità/Contrasto
Valori tonali
Curve
Esposizione
Vividezza
Tonalità/Saturazione
Bilanciamento colore
Bianco e nero
Filtro fotografico
Miscelatore canale
Consultazione colore creative cloud
Inverti
Posterizza
Soglia
Mappa sfumatura
Correzione colore selettiva
Ombre e luci
Viraggio HDR
Variazioni
Togli saturazione
Corrispondenza colore
Sostituisci colore
Equalizza

Novità CC 2014

Lo strumento Alterazione Prospettica creative cloud
Gestione degli Oggetti avanzati creative cloud
Le Composizioni livelli creative cloud
Lo strumento Adobe Generator creative cloud
Gli effetti di movimento creative cloud
Le nuove funzioni di allineamento dei livelli creative cloud

HTML5

Nozioni di base di HTML

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

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

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

Introduzione ai fogli stile css

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

Formattare il testo con i fogli stile css

Impostare la famiglia di caratteri
Impostare le dimensioni del carattere
Impostare il colore del carattere
Applicare grassetto e corsivo
Testo barrato e sottolineato
Creare uno span inline
Spaziatura tra lettere e parole
Rientro dei paragrafi
Applicare un bordo ad un paragrafo
Spessore e colore del bordo
Allineamento orizzontale di un paragrafo
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

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

Impaginazione 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

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

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

WordPress

Introduzione e installazione di WordPress

Introduzione ai CMS - Funzionalità e caratteristiche
Introduzione al server locale (Xampp o Mamp)
Installazione
Login e primo accesso all'amministrazione

Configurazione

Strumenti per l'amministrazione
Prime configurazioni
Opzioni di scrittura e lettura

Gestione contenuti

Scrivere un post per il blog
Assegnazione di categorie e tag al post
Gestione delle immagini
Gestione delle pagine
Gestione delle categorie

Commenti e utenti

Gestione dei commenti
Configurazione e moderazione dei commenti
Gestione degli utenti

URL e link

Struttura delle URL
Link esterni e link interni al sito

Plugin e pagine

Installazione di un plugin
Gestione dei plug-in

Temi e Widgets

I template
Widgets
Creare menù personalizzati
Personalizzare gli sfondi
Personalizzare la testata
Editor per la modifica da codice CSS

WooCommerce

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

Prime Operazioni
Installazione di WooCommerce
Aspetto della Bacheca dopo l'installazione
Verificare lo stato del Sistema

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 ‐ La Spedizione Nazionale
La scheda Spedizione ‐ Ritiro in sede
La scheda Account
Le schede E‐mail e API

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

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

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

SEO

Introduzione. 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 di SEM (Search Engine Marketing)
Le cose da non fare
Indicizzare le immagini. Regole SEO
Indicizzare le immagini. Gli attributi del tag
Indicizzare i PDF
Il problema Flash

Esercitazione finale del modulo 1
Test finale del modulo 1 - Quiz
Tecniche SEM 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

Esercitazione finale del modulo 2
Test finale del Modulo 2 - Quiz
Google Webmaster

Introduzione
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 nostro sito
Introduzione alla Sitemap
Come creare una Sitemap
Miglioramenti Html
Pagespeed
Il motore di ricerca interno
Opzioni avanzate

Esercitazione finale del modulo 3
Test finale del Modulo 3 - Quiz

Google AdWords

Creare un account
La mia prima campagna
Le parole chiave
Ottimizzare le keywords
Collegare Analytics

Esercitazione finale del modulo 4
Test finale del Modulo 4 - Quiz

Dreamweaver

Il sito Internet
Introduzione
Il percorso di vita di un sito

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

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

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

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

Impaginare un sito avanzato

Introduzione
Impostare il progetto
Operazioni preliminari
Tecniche di impaginazione di un sito avanzato

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

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

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

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

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 file flv nella pagina html

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

Altri elementi delle pagine html

I metatag keywords e description
Il tag title
Inserire un file flash SWF
Inserire contenuto alternativo ad SWF
Creare link per il download di files
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

La nuova griglia fluida Bootstrap

Cosa è Bootstrap
Configurazione dello strumento
Analisi della griglia
Inserimento del Container
Impaginare la griglia

Pubblicazione del sito

Introduzione
Impostare i parametri ftp
Caricare e scaricare da remoto le pagine html

Novità CC 2014

Il nuovo strumento Vista rapida elemento creative cloud
Vista dal vivo potenziata e migliorata creative cloud
Miglioramenti e implementazioni del pannello CSS Designer creative cloud