Grafica Pubblicitaria Web Design & eCommerce con Certificazioni - MASTER IN
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
MASTER IN
Grafica Pubblicitaria
Web Design
& eCommerce
con Certificazioni
indirizzo via Capodistria 12, 00198 Roma
tel. 06.97.84.22.16
e-mail info@pcacademy.it
sito www.pcacademy.it
seguici suIl Master Online in Grafica Pubblicitaria ‐ Web Design & eCommerce con
Certificazioni Adobe è un percorso completo che affronta lo studio di tutte le
tecniche necessarie ad intraprendere un percorso professionale nell’ambito
della Grafica e del Web Design. Sempre più frequentemente le aziende sono
alla ricerca di una figura competente nelle tecniche di realizzazione di prodotti
destinati alla stampa, ma altrettanto abile nella progettazione di siti web
funzionali e di design.
Cosa distingue un grafico ordinario da uno fuori dal comune? Il pensiero e la
consapevolezza. Non semplice esecuzione ma sguardo complessivo, con larga
comprensione della funzione dell’elaborato grafico all’interno di un progetto di
comunicazione.
Solo un percorso completo di studio, inteso come alternanza virtuosa tra teoria e
pratica, può dare all’allievo un quid capace di farlo emergere tra gli altri grafici.
Il Master Online in Grafica Pubblicitaria ‐ Web Design & eCommerce con
Certificazioni Adobe si promette di portare a termine questa missione,
accompagnandoti, con videolezioni disponibili in rete e Tutor sempre a
disposizione, attraverso le 3 fasi caratterizzanti del corso.
Il primo passo è interamente dedicato a Photoshop, Illustrator e InDesign,
software Adobe imprescindibili il cui sapiente utilizzo è necessario per la
realizzazione di progetti grafici professionali su stampa e web; una profonda
analisi dei supporti di comunicazione cartacei e digitali illustrerà le innumerevoli
possibilità nel mondo editoriale.
Nella seconda fase del Master l’attenzione si indirizzerà sulla progettazione per
il Web, con focus speciale sul potente tool Dreamweaver. Da un lato saranno
trasmesse e consolidate tecniche e specifiche avanzate per la realizzazione
di siti web conformi agli standard attualmente richiesti sul mercato, dall’altro
si esploreranno strumenti di web marketing (SEO, Google AdWords, Google
Analytics, Social Media) capaci di renderli monetizzabili.
Infine, sarai guidato sia nell’apprendimento di WordPress, CMS di largo utilizzo
e capace di gestire anche siti web dalle strutture complesse, che nello studio di
WooCommerce, plugin che consente di creare un sito di e‐commerce avanzato
senza avere conoscenze di programmazione.
Il corso prevede una sezione dedicata alla preparazione agli esami di
Certificazione Adobe ACA Photoshop e Dreamweaver, grazie al Simulatore
d’Esame arriverai alla prova sicuro del tuo successo.
www.pcacademy.itPR O G R A M M A D E T TAG L I ATO
Master Grafica Pubblicitaria
Web Design & eCommerce
con Certificazioni
Adobe Photoshop
Introduzione sul mondo della Grafica Migliora bordo
Strumento Maschera veloce
Layout armonici
Altri utilizzi della maschera veloce
L’Agenzia Pubblicitaria
Invertire una selezione
Il Diritto d’autore
Le tecniche di Stampa
Strumenti di ritaglio e colorazione
Creative Commons
Le forme della Carta Strumento Sposta
Fotografie di persone, quali pubblicare Strumento Taglierina
Strumento Ritaglio in prospettiva
Introduzione all’Uso di Photoshop Pannello Selettore colore
Strumento Contagocce
Grafica Bitmap e grafica vettoriale
Strumento Campionatore colore
Area di lavoro
Strumenti Righello, Nota e Conteggio
Creazione di un nuovo documento
Il pannello Campioni
Metodi di colore RGB e CMYK
Esercitazioni di Fotomontaggio
Disposizione dei documenti nell’area di lavoro
I Livelli
Le Selezioni
Introduzione ai livelli
Introduzione alle selezioni
Prime operazioni con la Palette Livelli
Selezione rettangolare e selezione ellittica
Opzioni di filtraggio della Palette Livelli
Strumento Lazo
Creazione e cancellazione di livelli e gruppi
Strumento Lazo poligonale
Livelli di regolazione
Strumento Lazo magnetico
La maschera di livello
Strumento Selezione rapida
Altri utilizzi della maschera di livello
Strumento Bacchetta magica
3
www.pcacademy.itEffetti con la maschera di livello Modificare la dimensione delle immagini
Aggiunta di uno stile livello
Strumento Dimensioni immagine
Collegamento dei livelli
Strumento Dimensioni quadro
Opacità e riempimento dei livelli
Esercitazioni Guidate Aggiuntive
Blocco dei livelli
Introduzione ai metodi di fusione Come disegnare un graffito su un muro
Gli oggetti avanzati Effetti di Testo
La maschera di ritaglio Effetto ombra nel vento
Creare un livello tagliato o copiato Scolpire un disegno nel legno
Quiz su Livelli, Interfaccia e Selezioni
Strumenti di fotoritocco
Gli stili livello Strumento Pennello correttivo al volo
Smusso ed effetto rilievo Strumento Pennello correttivo
Traccia Strumento Toppa
Ombra interna Strumento Sposta in base al contenuto
Bagliore interno Strumento Occhi rossi
Finitura lucida Strumento Timbro clone
Sovrapposizione colore Strumento Timbro con Pattern
Sovrapposizione sfumatura Strumento Sfoca
Sovrapposizione Pattern Strumento Nitidezza
Bagliore esterno Strumento Sfumino
Ombra esterna Strumento Scherma
Creare e salvare stili livello personalizzati Strumento Brucia
Esercitazione sugli Stili di livello Strumento Spugna
Quiz su Stili e Filtri Esercitazione sul Restauro
Quiz sugli Strumenti di fotoritocco
I metodi di fusione
Esercitazione Guidata Aggiuntiva
Introduzione ai metodi di fusione
Analisi delle caratteristiche dei metodi di Il fotoritocco di un ritratto
fusione
Esercitazione sui Metodi di Fusione Strumenti di ripristino
Strumento Pannello Storia
Strumenti di trasformazione dei livelli Strumento Pennello Storia
Strumento Trasformazione libera
Strumenti Trasforma Strumenti Vettoriali
Strumento Altera Strumento Penna per creare tracciati
Riempi in base al contenuto Strumento Penna per creare forme
Scala in base al contenuto Strumento Penna a mano libera
Strumento Alterazione marionetta Strumento Aggiungi o togli punto di
Quiz sulle Maschere ancoraggio
Strumenti Selezione tracciato e selezione
diretta
4
www.pcacademy.itForme predefinite I filtri
Salvare forme vettoriali personalizzate Filtri classici e filtri avanzati
Trasformare un tracciato in selezione La galleria filtri
Esercitazione sulle Maschera Vettoriale Il filtro Grandangolo adattato
Il filtro Camera Raw
Esercitazioni Guidate Aggiuntive Il filtro Fluidifica
Il filtro Dipinto a olio
Fotografie in Bianco e nero
Il filtro Fuoco prospettico
Ritocco sul viso di un uomo
Altri utilizzi del fuoco prospettico
Fotoritocco nella fotografia di ritratto
Il filtro Muovi
Il filtro Effetti di luce
Il testo
Il filtro Campo sfoca
Opzioni base per il testo Il filtro Sfocatura diaframma
Pannelli Carattere e Paragrafo Il filtro Scostamento inclinazione
Strumenti di alterazione del testo Esercitazione sul filtro Fluidifica
Agganciare il testo ad un tracciato
Inserire il testo in una forma Photoshop e il web
Opzioni di conversione del testo
Introduzione
Il testo Lorem Ipsum
Strumenti Sezione e Selezione sezioni
Strumento Maschera di testo
Formati di file per il web e pannello Salva per
Quiz sul Testo e Forme Vettoriali
Web
Creazione di una gif animata
Esercitazioni Guidate Aggiuntive
Quiz su Formati e Ottimizzazione
Rendere un ritratto vintage
Come dare densità ad un ritratto Strumenti di colorazione
Creare un effetto stile diapositiva.
Strumento Secchiello
Creare un paesaggio suggestivo.
Strumento Sfumatura
Realizzare un cielo surreale
Salvare Pattern personalizzati
Esercitazione su Applicazione di un pattern
Il modulo 3D
Quiz sugli Strumenti di Pittura
Introduzione
Pannello di configurazione dell’ambiente 3D Strumenti di cancellazione
Strumenti di spostamento nell’ambiente 3D
Strumento Gomma
Funzioni principali del pannello Proprietà
Strumento Gomma per sfondo
Altre opzioni 3d del pannello Proprietà
Strumento Gomma magica
Gestione delle luci
Gestione dei materiali
Strumenti di automazione
Creazione di un nuovo oggetto 3D
Il rendering finale Le Azioni
Quiz sul 3D Presentazione Pdf
Provino a contatto
5
www.pcacademy.itI pennelli Quiz sulle Regolazioni
Opzioni base
Strumenti presenti nelle ultime versioni di
Opzioni avanzate
Adobe Photoshop
Salvare un pennello personalizzato
Pennello Sostituzione colore Lo strumento Alterazione Prospettica
Pennello Miscela colore Gestione degli Oggetti avanzati
Le Composizioni livelli
Esercitazioni Guidate Aggiuntive Lo strumento Adobe Generator
Gli effetti di movimento
Come realizzare effetto di Instagram (Ghotam)
Le nuove funzioni di allineamento dei livelli
Come realizzare un ritratto grunge
Selezione Soggetto
Realizzare atmosfera daliliana
Selezione Maschera
Filtro Retro di instagram
Opzioni Tracciato
Filtro Brannan di instagram
Strumento Curvatura
Come creare un’atmosfera misteriosa
Pennello Uniformità
Realizzare un’atmosfera onirica
Modalità Filo Tirato
Messa in Pari del Tratto
Le regolazioni
Regola per Zoom Messa in Pari
Introduzione Pannello Proprietà
Luminosità/Contrasto Selezione Soggetto
Valori tonali Riempi in Base al Contenuto
Curve
Esposizione Esercitazioni riepilogative finali
Vividezza
Tonalità/Saturazione
Bilanciamento colore
Adobe Illustrator
Bianco e nero
Filtro fotografico
Miscelatore canale Introduzione sul mondo della Grafica
Consultazione colore
La grafica e pubblicità: creare un annuncio
Inverti
stampa
Posterizza
Logotipo: regole tecniche e di stile
Soglia
Layout Armonici
Mappa sfumatura
Gestione Profilo Colore
Correzione colore selettiva
L’Agenzia Pubblicitaria
Ombre e luci
Le tecniche di Stampa
Viraggio HDR
Diritto d’Autore
Variazioni
Creative Commons
Togli saturazione
Packaging
Corrispondenza colore
Brand Design
Sostituisci colore
Le forme della Carta
Equalizza
Esercitazione sui Livelli di Regolazione
Esercitazione sulle Maschera di Livello
6
www.pcacademy.itIntroduzione all’uso di Illustrator La funzione Crea contorno
Quiz sul testo
Grafica bitmap e grafica vettoriale
Area di lavoro
Strumenti di trasformazione
Creazione di un nuovo documento
Lo strumento Rotazione
Strumenti di selezione Lo strumento Riflessione
Lo strumento Ridimensionamento
Lo strumento Forme predefinite
Lo strumento Inclinazione
Lo strumento Selezione
Lo strumento Cambia forma
Lo strumento Selezione diretta
Lo strumento Larghezza
Lo strumento Selezione gruppo
Gli strumenti Altera, Vortice e Risucchio
La Bacchetta magica
Gli strumenti Gonfiamento, Smerlo, Cristallizza
Lo strumento Lazo
e Ruga
Lo strumento Trasformazione libera
Strumenti di disegno dei tracciati
Lo strumento Crea forme
Lo strumento Penna
Aggiungere ed eliminare punti di ancoraggio Strumenti di colorazione
Convertire i punti di ancoraggio
Lo strumento Trama
Lo strumento Linea
Lo strumento Sfumatura
Lo strumento Arco
Il pannello Selettore colore
Lo strumento Spirale
Il pannello Campioni
Lo strumento Griglia rettangolare
Salvare un campione personalizzato
Lo strumento Griglia polare
Lo strumento Ricolora grafica
Funzioni base del pennello
Lo Strumento Pittura Dinamica
Lo strumento Matita
Esercitazione Pittura
Lo strumento Arrotonda
Quiz sugli Strumenti di colorazione
Lo strumento Cancella tracciato
Lo strumento Pennello tracciato chiuso
Il concetto di Aspetto
Quiz sugli Strumenti di disegno dei tracciati
Introduzione
Strumenti di cancellazione Il pannello Aspetto: opzioni base
Il pannello Aspetto: opzioni avanzate
Lo strumento Gomma
Lo strumento Contagocce
Lo strumento Forbice
Esercitazioni sulla Trama
Lo strumento Cutter
I Livelli
Il testo
La palette Livelli: funzioni base
Funzioni base per la gestione del testo
La palette Livelli: funzioni avanzate
Opzioni di alterazione del testo
Inserire il testo in una forma
Altri strumenti di Illustrator
Collegare il testo ad un tracciato
Lo strumento Ritocco testo Lo strumento Fusione
Creare testo concatenato Lo strumento Bomboletta simboli: funzioni
Lo strumento Glifi base
7
www.pcacademy.itCreazione di un simbolo personalizzato Il menu Oggetto
Lo strumento Bomboletta simboli: funzioni
La funzione Nascondi
avanzate
La funzione Blocca
Lo strumento Crea Grafico
Lo strumento Espandi
Lo strumento Tavola da disegno
Lo strumento Espandi aspetto
Lo strumento Sezioni
Lo strumento Rasterizza
Esercitazione sul Grafico
Lo strumento Crea trama sfumata
Quiz sugli Altri strumenti di Illustrator
Lo strumento Crea mosaico oggetto
Lo strumento Unisci
Pannelli principali di Illustrator
Lo strumento Media
Il pannello Allinea Lo strumento Crea contorno
Il pannello Elaborazione tracciati: metodi Lo strumento Scostamento tracciato
forma Lo strumento Semplifica
Il pannello Elaborazione tracciati: metodi di Lo strumento Righe e colonne
elaborazione dei tracciati Lo strumento Pulisci
Il pannello Traccia Creazione e salvataggio di un pattern
Esercitazione sull’Elaborazione tracciati personalizzato
Lo strumento Distorsione involucro
Gestione delle immagini Lo strumento Contorna con testo
Maschera di Ritaglio
Importazione di un’immagine bitmap
Maschera di Trasparenza
Incorporare nel documento un’immagine
Fora nel Gruppo
bitmap
Isola Fusione
Lo strumento Ricalco dinamico
Quiz sul menu Oggetto
Applicare effetti sulle immagini
Esercitazione sul Ricalco
Gestione avanzata dei pennelli
Quiz sulla Gestione delle immagini
Introduzione
Gli effetti Creazione di un pennello Calligrafico
Creazione di un pennello Diffusione
Introduzione
Creazione di un pennello Artistico
Effetti di alterazione
Creazione di un pennello Pattern
Effetti di distorsione e trasformazione
Creazione di un pennello Setola
Effetto Rasterizza
Effetti di stilizzazione
Strumenti presenti nelle ultime versioni di
Adobe Illustrator
Strumenti 3D
Il nuovo strumento Forme dinamiche
Estrusione e smusso
Lo strumento Penna con Anteprima
Applicare la grafica ad un oggetto 3D
Miglioramento e gestione dei punti di
Rivoluzione
ancoraggio
Rotazione
Strumento curvatura
Lo strumento Griglia prospettica
Angoli dinamici
Esercitazione sul 3D
Strumento Shaper
Esporta selezione PNG
8
www.pcacademy.itEsporta selezione SVG Inserimento di nuove pagine
Unisci tracciato Guide e Righelli
Maschera di Ritaglio Forme e box Oggetto
Maschera di Trasparenza Box di immagine
Fora nel Gruppo Adattamenti box di immagine
Isola Fusione Gestione dei Livelli
Pannello Proprietà Pagine Mastro
Alterazione Marionetta Numerazione di pagina
Font Variabili Importazione da Photoshop
Font Svg Le diverse tipologie di salvataggio
Tavole di lavoro Salvataggio in PDF
Esporta Risorse Quiz su Interfaccia e impostazione del
Strumento Sfumatura a Mano Libera documento
Modalità Ritaglia Vista
Editing Globale CC2019 Testo
Modalità Presentazione e aggiornamento
Strumento Testo
visualizzazione Dimensioni Reali
Crenatura e Avvicinamento
Miglioramento Effetti Illustrator CC2020
Paragrafo
Nuova Barra Strumenti
Concatenamento di Testo
Comando Semplifica CC2020
Uso dei Glifi
Correzione Ortografica Automatica CC2020
Strumento Dizionario
Miglioramento Sfumatura a mano libera e
Sfumatura e contorno sfocato
soluzioni avanzate CC2020
Testo su tracciato
Esercitazioni riepilogative finali
Stili di Paragrafo
Testo in Area
Adobe Indesign Stili di carattere
Contorna con Testo
Colonne bilanciate
Introduzione sul mondo della Grafica Layout Fluidi
Grafica editoriale: Font e Tipografia Layout Alternativi
Layout Armonici Esercitazione sul Flyer
Gestione Profilo Colore Esercitazione sul Manifesto
L’Agenzia Pubblicitaria Quiz sul Testo
Le tecniche di Stampa
Diritto d’Autore Strumenti di Disegno
Creative Commons Gestione Palette Colore
Le forme della Carta Sfumature e Trasparenze
Gestione Sfumatura
Nuovo documento Interfaccia e I Tracciati e la loro gestione
impostazione del Documento Strumento Matita e lo strumento Penna
Area di lavoro Strumento Matita
Impostazione di nuovi documenti Rotazione di elementi
Strumento Pagina Traccia
9
www.pcacademy.itAllineare e distribuire gli oggetti Inserimento e gestione multimediali
Distribuzione dinamica degli oggetti Salvare PDF interattivi
Strumento Spazio Gestione Pulsanti
Strumento Forbici Esportazione Pulsanti
Operazione tra i tracciati Sfogliabile in Flash
Converti Forma Strumenti presenti nelle ultime versioni di
Tabelle Adobe Indesign
Stili di tabella e cella Collegamenti Ipertestuali
Esercitazione creazione Menù Gruppi di Colori
Esercitazione creazione Brochure Effetti di stilizzazione
Quiz sugli Strumenti di Disegno Tabelle
Trova e Sostituisci
Immagini e la loro gestione Temi Adobe Color
Codice QR
Inserimento di elementi grafici da altri
Ombreggiatura paragrafi
software
Pannello Proprietà Immagini
Strumento Convogliatore
Pannello Proprietà Pagina
Strumento Note
Pannello Proprietà Testo
Strumento Informazioni
Effetti di Stilizzazione
Strumento Righello / Contagocce HTML5
Stile Oggetto
Didascalie
Pacchetti per la Stampa Introduzione
Esercitazione creazione Dépliant Il linguaggio HTML
Requisiti di Sistema
Libro Tag HTML
Verifica preliminare
Gestione del Libro Struttura base di una pagina HTML
Sincronizzazione Stili ed Esportazione Struttura pagina HTML
Preparazione del documento per la Stampa Paragrafi e interruzioni di riga
Quiz sul Libro Titolo e Metatag
Esercitazione Pratica
Salvataggi e Stampe
Segni di ritaglio, crocini di registro e Formattare il testo con i tag HTML
smarginature Formattazione testo con tag
Funzioni avanzate di salvataggio in PDF Intestazioni
Stampa Opuscolo Grassetto e Corsivo
Quiz su Salvataggi e Stampe Apice e Pedice
Formattare citazioni
Documenti Dinamici
Creazione di documenti dinamici Utilizzare elenchi e sfondi
Collegamenti ipertestuali Elenchi puntati e numerati
10
www.pcacademy.itElenchi nidificati I fogli stile CSS: Rientro dei paragrafi
Personalizzare elenchi puntati e numerati I fogli stile CSS: Applicare un bordo ad un
Specificare inizio elenco numerato paragrafo
Elenco di definizione I fogli stile CSS: Spessore e colore del bordo
Inserire caratteri speciali I fogli stile CSS: Allineamento orizzontale di un
Filetto orizzontale paragrafo
Colori nel Web I fogli stile CSS: Impostare l’interlinea
Applicare sfondo alla pagina I nuovi tag HTML5 per la formattazione del
Applicare colore al testo testo: em, strong, dfn e code
Definire immagine di sfondo I nuovi tag HTML5 per la formattazione del
Esercitazione Pratica testo: samp, kbd, var e cite
I nuovi tag HTML5 per la formattazione del
Collegamenti ipertestuali e ancoraggi testo: mark
I nuovi tag HTML5 per la formattazione del
Collegamenti ipertestuali
testo: time
Creazione collegamento ipertestuale
I nuovi tag HTML5 per la formattazione del
Link relativi e assoluti
testo: wbr
Impostare finestra destinazione
Esercitazione pratica
Collegamento ad indirizzo email
Collegamento ad ancoraggio
Visualizzare le immagini
Collegamento ad altri contenuti
Esercitazione Pratica Visualizzare le immagini
Formati grafici per Web
Introduzione ai fogli di stile CSS Inserire immagine in una pagina HTML
Modificare dimensioni delle immagini
I fogli stile CSS: Introduzione
Applicare margine ad immagine
I fogli stile CSS: Creazione di una regola CSS
Creare collegamento ipertestuale ad
I fogli stile CSS: Regole per Classe e regole per
immagine
ID
Utilizzare miniature immagine
I fogli stile CSS: Applicare uno stile ai
Testo alternativo su immagine
collegamenti ipertestuali
Tag HTML5: figure
I fogli stile CSS: Creare e collegare un foglio
Creare Mappe Immagine
stile esterno
Effettuare refresh ad altro URL
Esercitazione pratica
Formattare il testo con i fogli di stile CSS
I fogli stile CSS: Impostare la famiglia di Impaginazione Layout basati su Div
caratteri
Layout basati su Div: Introduzione
I fogli stile CSS: Impostare le dimensioni del
Layout basati su Div: i tag semantici di HTML5
carattere
Layout basati su Div: Il tag Div
I fogli stile CSS: Impostare il colore del
Layout basati su Div: applicazione di un tag
carattere
semantico di HTML5
I fogli stile CSS: Applicare grassetto e corsivo
Layout basati su Div: impostare le dimensioni
I fogli stile CSS: Testo barrato e sottolineato
di un Div
I fogli stile CSS: Creare uno span inline
Layout basati su Div: la proprietà float
I fogli stile CSS: Spaziatura tra lettere e parole
11
www.pcacademy.itLayout basati su Div: dimensioni e Font
allineamento di un tag semantico Immagini Video
Spaziature esterne al div, la proprietà margin Nascondere Elementi
Spaziature interne al div, la proprietà padding Caricamento Condizionale
Esercitazione pratica Menù Responsive
Le Tabelle
Realizzare Siti Web
Le tabelle: introduzione
Le tabelle: creazione di una tabella
con WordPress
Le tabelle: spessore del bordo delle tabelle
Le tabelle: Dimensioni della tabella Introduzione
Le tabelle: Dimensioni delle colonne
Perchè si Afferma Wordpress
Le tabelle: colore di sfondo di una tabella
Storia dei CMS
Le tabelle: colore di sfondo delle celle di una
Siti Statici & Siti Dinamici
tabella
Differenze tra PHP & ASP
Le tabelle: spaziatura interna delle celle
Funzionamento delle Pagine Dinamiche
Le tabelle: spaziatura esterna delle celle
Requisiti Locali per Installare Wordpress
Le tabelle: allineamento orizzontale nelle celle
Mamp & Xampp
Le tabelle: allineamento verticale nelle celle
L’interfaccia di Mamp & Xampp
Esercitazione pratica
Creare un database con PhpMyAdmin
Esercitazione
I Form
I form: introduzione Installazione di WordPress
I form: tag form
Installazione del Sito
I form: Le caselle di testo
Video -Scaricare Wordpress
I form: Altre caratteristiche delle caselle di
Uno Sguardo alla Bacheca
testo
Operazioni Preliminari
I form: I campi email e URL introdotti da
Installare Wordpress in Remoto
HTML5
Esercitazione
I form: Area di testo
I form: Testo predefinito e testo segnaposto di
La Scelta del Tema
HTML5
I form: Caselle di controllo Differenze tra Temi Gratuiti & Temi Premium
I form: Pulsante di scelta Introduzione
I form: Gli elenchi/menu Tipologie di Temi
I form: I pulsanti Submit e Reset Installare un Tema Gratuito
Esercitazione riepilogativa finale Creare un Tema Child
Installare un Tema a Pagamento
Pagine Responsive in HTML
Personalizzazione del Sito
Responsive Design
Breakpoint Menù
Tag Viewport Denominazione del Sito
DIV Impostazioni Homepage
12
www.pcacademy.itSettaggi del Tema - Introduzione Definire le Categorie
Widget Utilizzare i Tag
Settaggi del Tema - Layout Elenco degli Articoli
Settaggi del Tema - Gestione del Footer L’Editor degli Articoli
Settaggi del Tema - Logo Creare gli Articoli
Settaggi del Tema - Navigazione Modificare la Data di Pubblicazione
Creare Elementi con HTML Creare le Pagine Archivio
Impostare il Layout della Pagina Archivio
Creare la Homepage del Sito Impostare il Layout dell’Articolo
Introduzione
Gestire le immagini
Creare lo Schema della Homepage
Il Plugin Page Builder Introduzione
Inserire i Widget nel Layout Creare lo Slider Del Tema: Prime
Creare la Griglia della Pagina Configurazioni
Il Widget Loop dell’Articolo Inserire le Immagini nello Slider
Il Widget Testo Settaggi Avanzati dello Slider
Installare un Builder Inserire lo Slider nelle Pagine
Il Widget Circle Icon Creare uno Slider di Contenuto
Il Widget HTML Personalizzato Creare Gallerie di Immagini Tematiche
Altre Personalizzazioni del Tema Creare una Galleria di Immagini
Personalizzare l’Aspetto del Tema Attivare l’Effetto Lightbox
Lo Strumento Ispeziona Elemento di Chrome
Creare un Form
Creare le Pagine del Sito
Introduzione
Introduzione Installare Contact Form 7
Elenco delle Pagine L’editor del Form
Editor Classico & Gutemberg
Struttura dell’Editor Creare il Form
Creare le Pagine del Sito
Completare la Configurazione del Form
Esercitazione
Inviare i Dati al Database
Formattare il Form con il CSS
Creare il Menù di Navigazione
Introduzione Gestione degli Utenti
Creare un Menù Personalizzato
Introduzione
Creare Link alle Pagine
Tipologie di Utenti
Creare un Link Assoluto
Creare Utenti
Creare Pulsanti a Comparsa
Creare Ruoli Personalizzati
Utilizzare Icone nel Menù
Attivare la Registrazione di Utenti Esterni
Proteggere i Contenuti del Sito
Gli Articoli
Creare Pagina di Registrazione
Nascondere Elementi Tramite CSS Inserire un Form di Login
Introduzione
13
www.pcacademy.itAltri Plugin La scheda Prodotti
La scheda Imposte
Mettere il sito in manutenzione
La scheda Cassa - Impostazioni generali
Creare una Sidebar di Collegamento a Social
La scheda Cassa - Bonifico Bancario
Attivare Pulsanti per Social Sharing
La scheda Cassa - Assegno e Contrassegno
Creare Cartelle nella Libreria dei Media
La scheda Cassa - PayPal
Potenziare l’Editor di Pagine e Articoli
La scheda Cassa - Aggiungere altri metodi di
Duplicare Pagine e Articoli
pagamento
La scheda Spedizione - Impostazioni generali
Trasferire il Sito da Locale a Remoto
La scheda Spedizione - La Tariffa unica
Introduzione La scheda Spedizione - La Spedizione gratuita
Prime Configurazioni La scheda Spedizione - La Tariffa unica
Modificare il di Configurazione Internazionale
Trasferire i Tramite FTP La scheda Spedizione - Ritiro in sede
Esportare e Ottimizzare il Database La scheda Account
Trasferire il Database in Remoto Le schede E-mail e API
Esercitazione Finale WooCommerce Postepay
Esercitazione pratica
Realizzare Siti Web
eCommerce con Nuova Gestione delle Spedizioni
WooCommerce Introduzione
Definire la struttura
Classi di spedizione
Introduzione Zone di spedizione
Impostare le tariffe
Introduzione
Opzioni di spedizione
Considerazioni preliminari
Associare le classi di spedizione ai prodotti
Sicurezza dei pagamenti
Regole preliminari di progettazione
Configurare la Struttura del Negozio
Scelta del tema grafico
Esercitazione pratica Introduzione
Creare Categorie e Sottocategorie
Prime operazioni Le Classi di spedizione
I Tag
Installazione di WooCommerce
Gli attributi del prodotto
Nuova procedura di installazione della
Inserire i valori degli attributi
versione 3.2
Esercitazione pratica
Aspetto della Bacheca dopo l’installazione
Verificare lo stato del Sistema
Allestire il Catalogo
Esercitazione pratica
Introduzione
Il Pannello Impostazioni Inserire i prodotti - Nome e descrizione
Inserire i prodotti - Pannello Generale
Introduzione
Inserire i prodotti - Pannello Inventario
La scheda Generale
Inserire i prodotti - Pannello Spedizione
14
www.pcacademy.itInserire i prodotti - Pannello Articoli collegati documenti aperti
Inserire i prodotti - Pannello Attributi Uno sguardo al codice: html e tag
Inserire i prodotti - Configurare le Variazioni Uno sguardo al codice: i tag head e body
Inserire i prodotti - Pannello Avanzato
Inserire i prodotti - Configurare altre tipologie Creare i Link
di prodotto
Creare collegamenti ipertestuali
Inserire i prodotti - Ultimare la configurazione
Creare link assoluti
del prodotto
Creare link ad un indirizzo e-mail
Inserire i prodotti - Creare voci di menù per le
Uno sguardo al codice: il tag < a >
categorie dei prodotti
L’ancoraggio con nome
Inserire i prodotti - Uno sguardo al Carrello
Esercitazione pratica
Inserire i prodotti - Correggere la
configurazione delle Spedizioni
Oggetti comuni nelle pagine HTML
Inserire i prodotti - Adeguare il Carrello alla
normativa fiscale Italiana Inserire immagini in una pagina html
WooCommerce Checkout Manager Modificare le dimensioni delle immagini
Inserire link sulle immagini
Completare la configurazione del Negozio Testo alternativo e titolo delle immagini
Uno sguardo al codice: il tag < img >
La gestione degli Ordini
Creare mappe sulle immagini
Gestire i codici promozionali
Inserire un’immagine in un blocco di testo
I report dal sito
Il filetto orizzontale
Gestire la fatturazione dal sito
Le tabelle: struttura base
WooCommerce Invoices Packing Slips
Proprietà degli elementi interni delle tabelle:
le cellette
Adobe Dreamweaver Esercitazione pratica
Quiz
Istruzioni di Pubblicazione
Introduzione al CSS
Ottenere dominio e hosting da Altervista
Pubblicare i del sito conzilla
Installare i CMS in remoto Introduzione
Creazione di un foglio stile css
Il Sito Internet
Collegare il foglio stile css alle pagine html
Introduzione Tipologie di regole css
Il percorso di vita di un sito web Uno sguardo al codice: Collegamento tra
pagine html e css
Prime operazioni con Dreamweaver Ricavare il tag degli elementi della pagine
html
Area di lavoro di Dreamweaver CC
Il nuovo pannello Css Designer
Configurazione di un nuovo sito in
Dreamweaver
Formattare con i CSS
Creare una nuova pagina html
Aprire le pagine html e navigare tra Formattare i testi: la regola font-family
15
www.pcacademy.itFormattare i testi: stile, spessore e dimensioni dell’impaginazione con i css
Formattare i testi: colore, allineamenti e Sequenza inserimento div per impaginazione
decorazioni con i css
Formattare i testi: maiuscolo, interlinea e Esercitazione - misure layout semplice
rientri
Uno sguardo al codice: la sintassi css Impaginare un sito avanzato
Formattare i link: Introduzione
Introduzione
Formattare i link: Configurazione
Impostare il progetto
Formattare gli sfondi: la regola background-
Operazioni preliminari
color
Tecniche di impaginazione di un sito avanzato
Formattare gli sfondi: la regola background-
Esercitazione - misure layout avanzato
image
Esercitazione pratica
Formattare gli sfondi: la regola background-
Quiz
gradient
Formattare gli sfondi: la regola background-
Completare la struttura del sito
repeat
Formattare gli sfondi: la regola background- Creare una barra di navigazione testuale con
position le liste
Formattare gli sfondi: gestire immagini di Personalizzare i link nel layout
sfondo di grandi dimensioni Creare una barra di navigazione con le
Formattare gli sfondi: la regola background- immagini di rollover
attachment La regola overflow
Formattare i bordi: la regola border-color Creare le pagine interne del sito
Formattare i bordi: la regola border-width Finalizzare la struttura del sito
Formattare i bordi: la regola border-style Quiz
Formattare le liste: Introduzione
Uno sguardo al codice: le liste Strutture alternative: lo strumento IFRAME
Formattare le liste: la regola list-style-type Introduzione
Formattare le liste: la regola list-style-image Configurazioni iniziali
Formattare le liste: la regola list-style-position Caricare pagine in automatico dentro l’iframe
Le regole per classe Gestire gli sfondi
Regole per classe applicate ai testi Caricare nell’iframe le pagine da link
Le regole per ID Gestire contenuti lunghi
Esercitazione pratica Inserimento in un layout reale
Quiz
Strutture alternative: i Modelli di
Impaginare con i CSS Dreamweaver
Introduzione Introduzione
I div Aree editabili e creazione del modello
Prime operazioni per impaginare Creare pagine da modello
Tecniche di impaginazione: impaginare un Applicare modifiche al sito da modello
layout semplice Scollegare le pagine html dal modello
Uno sguardo al codice: I vantaggi Quiz
16
www.pcacademy.itImpaginare con i tag Il campo di testo url
Il campo di testo telefono
semantici di HTML5 Il campo di testo password
L’area di testo
Il pulsante di scelta
Introduzione La casella di controllo
Prime operazioni per impaginare con tag Il menù a tendina
semantici Creazione dell’informativa alla privacy
Il tag header I pulsanti Invio e Reset
Il tag nav Allineare gli elementi del form con le tabelle
Personalizzare più tag dello stesso tipo Formattare gli elementi del form con i css
I tag article e section Esercitazione pratica
I tag footer e aside Quiz
I tag semantici di html5
Esercitazione pratica Altri elementi delle pagine HTML
I metatag keywords e description
Uso avanzato dei fogli stile: il CSS3 Il tag title
La regola border-radius Inserire un flash SWF
La regola box-shadow Inserire contenuto alternativo ad SWF
La regola text-shadow Creare link per il download dis
La regola cover Oggetti jQuery: Il pannello comprimibile
La regola font-face per inglobare i font nel sito Oggetti jQuery: Il pannello a schede
Quiz Oggetti jQuery: La finestra di dialogo
I Javascript di Dreamweaver Layout a griglia fluida
Il comportamento javascript “Apri finestra Introduzione
browser” Creazione e salvataggio della struttura
Il comportamento javascript “Controlla plugin” Uno sguardo al css
Inserimento di div fluidi
Elementi Multimediali Tecniche di impaginazione
Nascondere div nella struttura
Il tag video di html5
Quiz
Il tag audio di html5
Inserire un flv nella pagina html
Strumento Bootstrap
Quiz
Introduzione
I Form Cos’è Bootstrap?
Configurazione dello Strumento
Analisi Griglia
Introduzione Inserimento Container
Impaginare Griglia
Inserimento del modulo
Il campo di testo semplice
Il campo di testo e-mail
17
www.pcacademy.itPubblicazione del sito Esercizio - Quiz
Introduzione
SEO & WordPress
Impostare i parametri ftp
Caricare e scaricare da remoto le pagine html Seo Friendly Url
Novità presenti nelle ultime versioni Sito Statico - Sito Dinamico
Il nuovo strumento Vista rapida elemento Yoast Leggibilita
Vista dal vivo potenziata e migliorata Yoast Configurazione
Miglioramenti e implementazioni del pannello Yoast Installazione
CSS Designer Yoast Pagina
Esercitazione riepilogativa finale
SEO Avanzato
Tecniche SEO ssl tls https
Above the Fold
Compressione gzip
Introduzione - Le basi della SEO Backlinks
Introduzione Unire css js
Crawlers Frequenza Aggiornamento
Spider Simulator Social Network
Cache
Strumenti SEO Esercizio - Quiz
Google Search Console
PageRank di una Pagina Web Preparazione
GTMetrix all’esame di
Esercizio - Quiz
Certificazione Adobe
Regole On-Page ACA Photoshop CC
Title Description H
Title Link
Introduzione
Keywords
Immagini Interfaccia del software d’esame
htaccess Panoramica degli strumenti utilizzabili
Sitemap durante l’esame
Robots
Esercizio - Quiz L’esame in pratica
Consigli pratici per affrontare lo studio mirato
Regole SEO degli argomenti più importanti
Keyword Stuffing Esercitazioni guidate con soluzione a video
Link Corrotti
Responsive Design Simulazioni d’esame
Pesantezza Test e Simulazioni pratiche per verificare il
Pagine Duplicate proprio grado di preparazione
Configurazione Url
18
www.pcacademy.itPreparazione
all’esame di
Certificazione Adobe
ACA Dreamweaver
CC
Introduzione
Interfaccia del software d’esame
Panoramica degli strumenti utilizzabili
durante l’esame
L’esame in pratica
Consigli pratici per affrontare lo studio mirato
degli argomenti più importanti
Esercitazioni guidate con soluzione a video
Simulazioni d’esame
Test e Simulazioni pratiche per verificare il
proprio grado di preparazione
19
www.pcacademy.itPuoi anche leggere
