indirizzo via Capodistria 12, 00198 Romatel. 06.97.84.22.16e-mail info@pcacademy.itsito www.pcacademy.it

seguici su

M A S T E R I N

Grafica Editoriale Web Design & eCommercecon Certificazioni

www.pcacademy.it

Il Master Online in Grafica Editoriale Web Design & eCommerce è un percorso formativo completo ed articolato che affronta lo studio di tutte le tecniche necessarie ad intraprendere un percorso professionale nell’ambito della Grafica e del Web Design.

I diversi argomenti del Master sono stati attentamente selezionati per rispondere alle attuali richieste del mercato del lavoro che cerca una figura competente nelle tecniche di realizzazione di prodotti destinati alla stampa, ma altrettanto abile nella progettazione di siti web funzionali e di design.

Questo Master non trascura nessun aspetto e si pone l’obiettivo di andare incontro sia alle esigenze più basilari di chi muove i primi passi in questo settore, sia di soddisfare le curiosità degli utenti già avviati che devono perfezionare e completare la propria preparazione.

Dai prinicipi di Brand Design, alla presentazione del prodotto, dalle campagne pubblicitarie, all’eCommerce l’allievo arriverà a padroneggiare in sicurezza tutti gli strumenti tecnici essenziali per una professione di successo come grafico pubblicitario, grafico editoriale e web designer.

Questo Master prevede il conseguimento delle Certificazioni Adobe ACA Photoshop e Dreamweaver ed include alcune sezioni mirate a fornire una adeguata preparazione agli esami nonché simulazioni pratiche per mettere l’allievo in condizione di sostenere le prove in serenità.

3www.pcacademy.it

Master in Grafica Editoriale - Web Design & eCommerce con Certificazioni

P R O G R A M M A D E T TA G L I AT O

Introduzione sul mondo della Grafica

Layout armoniciL’Agenzia PubblicitariaIl Diritto d’autoreLe tecniche di StampaCreative CommonsLe forme della CartaFotografie di persone, quali pubblicare

Introduzione all’Uso di Photoshop

Grafica Bitmap e grafica vettorialeArea di lavoroCreazione di un nuovo documentoMetodi di colore RGB e CMYKDisposizione dei documenti nell’area di lavoro

Le Selezioni

Introduzione alle selezioniSelezione rettangolare e selezione ellitticaStrumento LazoStrumento Lazo poligonaleStrumento Lazo magneticoStrumento Selezione rapidaStrumento Bacchetta magica

Migliora bordoStrumento Maschera veloceAltri utilizzi della maschera veloceInvertire una selezione

Strumenti di ritaglio e colorazione

Strumento SpostaStrumento TaglierinaStrumento Ritaglio in prospettivaPannello Selettore coloreStrumento ContagocceStrumento Campionatore coloreStrumenti Righello, Nota e ConteggioIl pannello CampioniEsercitazioni di Fotomontaggio

I Livelli

Introduzione ai livelliPrime operazioni con la Palette LivelliOpzioni di filtraggio della Palette LivelliCreazione e cancellazione di livelli e gruppiLivelli di regolazioneLa maschera di livelloAltri utilizzi della maschera di livello

Adobe Photoshop

4www.pcacademy.it

Effetti con la maschera di livelloAggiunta di uno stile livelloCollegamento dei livelliOpacità e riempimento dei livelliBlocco dei livelliIntroduzione ai metodi di fusioneGli oggetti avanzatiLa maschera di ritaglioCreare un livello tagliato o copiatoQuiz su Livelli, Interfaccia e Selezioni

Gli stili livello

Smusso ed effetto rilievoTracciaOmbra internaBagliore internoFinitura lucidaSovrapposizione coloreSovrapposizione sfumaturaSovrapposizione PatternBagliore esternoOmbra esternaCreare e salvare stili livello personalizzatiEsercitazione sugli Stili di livelloQuiz su Stili e Filtri

I metodi di fusione

Introduzione ai metodi di fusioneAnalisi delle caratteristiche dei metodi di fusioneEsercitazione sui Metodi di Fusione

Strumenti di trasformazione dei livelli

Strumento Trasformazione liberaStrumenti TrasformaStrumento AlteraRiempi in base al contenutoScala in base al contenutoStrumento Alterazione marionettaQuiz sulle Maschere

Modificare la dimensione delle immagini

Strumento Dimensioni immagineStrumento Dimensioni quadroEsercitazioni Guidate Aggiuntive

Come disegnare un graffito su un muroEffetti di TestoEffetto ombra nel ventoScolpire un disegno nel legno

Strumenti di fotoritocco

Strumento Pennello correttivo al voloStrumento Pennello correttivoStrumento ToppaStrumento Sposta in base al contenutoStrumento Occhi rossiStrumento Timbro cloneStrumento Timbro con PatternStrumento SfocaStrumento NitidezzaStrumento SfuminoStrumento SchermaStrumento BruciaStrumento SpugnaEsercitazione sul RestauroQuiz sugli Strumenti di fotoritocco

Esercitazione Guidata Aggiuntiva

Il fotoritocco di un ritratto

Strumenti di ripristino

Strumento Pannello StoriaStrumento Pennello Storia

Strumenti Vettoriali

Strumento Penna per creare tracciatiStrumento Penna per creare formeStrumento Penna a mano liberaStrumento Aggiungi o togli punto di ancoraggioStrumenti Selezione tracciato e selezione diretta

5www.pcacademy.it

Forme predefinite

Salvare forme vettoriali personalizzateTrasformare un tracciato in selezioneEsercitazione sulle Maschera Vettoriale

Esercitazioni Guidate Aggiuntive

Fotografie in Bianco e neroRitocco sul viso di un uomoFotoritocco nella fotografia di ritratto

Il testo

Opzioni base per il testoPannelli Carattere e ParagrafoStrumenti di alterazione del testoAgganciare il testo ad un tracciatoInserire il testo in una formaOpzioni di conversione del testoIl testo Lorem IpsumStrumento Maschera di testoQuiz sul Testo e Forme Vettoriali

Esercitazioni Guidate Aggiuntive

Rendere un ritratto vintageCome dare densità ad un ritrattoCreare un effetto stile diapositiva.Creare un paesaggio suggestivo.Realizzare un cielo surreale

Il modulo 3D

IntroduzionePannello di configurazione dell’ambiente 3DStrumenti di spostamento nell’ambiente 3DFunzioni principali del pannello ProprietàAltre opzioni 3d del pannello ProprietàGestione delle luciGestione dei materialiCreazione di un nuovo oggetto 3DIl rendering finaleQuiz sul 3D

I filtri

Filtri classici e filtri avanzatiLa galleria filtriIl filtro Grandangolo adattatoIl filtro Camera RawIl filtro FluidificaIl filtro Dipinto a olioIl filtro Fuoco prospetticoAltri utilizzi del fuoco prospetticoIl filtro MuoviIl filtro Effetti di luceIl filtro Campo sfocaIl filtro Sfocatura diaframmaIl filtro Scostamento inclinazioneEsercitazione sul filtro Fluidifica

Photoshop e il web

IntroduzioneStrumenti Sezione e Selezione sezioniFormati di file per il web e pannello Salva per WebCreazione di una gif animataQuiz su Formati e Ottimizzazione

Strumenti di colorazione

Strumento SecchielloStrumento SfumaturaSalvare Pattern personalizzatiEsercitazione su Applicazione di un patternQuiz sugli Strumenti di Pittura

Strumenti di cancellazione

Strumento GommaStrumento Gomma per sfondoStrumento Gomma magica

Strumenti di automazione

Le AzioniPresentazione PdfProvino a contatto

6www.pcacademy.it

I pennelli

Opzioni baseOpzioni avanzateSalvare un pennello personalizzatoPennello Sostituzione colorePennello Miscela colore

Esercitazioni Guidate Aggiuntive

Come realizzare effetto di Instagram (Ghotam)Come realizzare un ritratto grungeRealizzare atmosfera dalilianaFiltro Retro di instagramFiltro Brannan di instagramCome creare un’atmosfera misteriosaRealizzare un’atmosfera onirica

Le regolazioni

IntroduzioneLuminosità/ContrastoValori tonaliCurveEsposizioneVividezzaTonalità/SaturazioneBilanciamento coloreBianco e neroFiltro fotograficoMiscelatore canaleConsultazione coloreInvertiPosterizzaSogliaMappa sfumaturaCorrezione colore selettivaOmbre e luciViraggio HDRVariazioniTogli saturazioneCorrispondenza coloreSostituisci coloreEqualizzaEsercitazione sui Livelli di RegolazioneEsercitazione sulle Maschera di Livello

Quiz sulle Regolazioni

Strumenti presenti nelle ultime versioni di Adobe Photoshop

Lo strumento Alterazione ProspetticaGestione degli Oggetti avanzatiLe Composizioni livelliLo strumento Adobe GeneratorGli effetti di movimentoLe nuove funzioni di allineamento dei livelliSelezione SoggettoSelezione MascheraOpzioni TracciatoStrumento CurvaturaPennello UniformitàModalità Filo TiratoMessa in Pari del TrattoRegola per Zoom Messa in PariPannello ProprietàSelezione SoggettoRiempi in Base al Contenuto

Esercitazioni riepilogative finali

Adobe Illustrator

Introduzione sul mondo della Grafica

La grafica e pubblicità: creare un annuncio stampaLogotipo: regole tecniche e di stileLayout ArmoniciGestione Profilo ColoreL’Agenzia PubblicitariaLe tecniche di StampaDiritto d’AutoreCreative CommonsPackagingBrand DesignLe forme della Carta

7www.pcacademy.it

Introduzione all’uso di Illustrator

Grafica bitmap e grafica vettorialeArea di lavoroCreazione di un nuovo documento

Strumenti di selezione

Lo strumento Forme predefiniteLo strumento SelezioneLo strumento Selezione direttaLo strumento Selezione gruppoLa Bacchetta magicaLo strumento Lazo

Strumenti di disegno dei tracciati

Lo strumento PennaAggiungere ed eliminare punti di ancoraggioConvertire i punti di ancoraggioLo strumento LineaLo strumento ArcoLo strumento SpiraleLo strumento Griglia rettangolareLo strumento Griglia polareFunzioni base del pennelloLo strumento MatitaLo strumento ArrotondaLo strumento Cancella tracciatoLo strumento Pennello tracciato chiusoQuiz sugli Strumenti di disegno dei tracciati

Strumenti di cancellazione

Lo strumento GommaLo strumento ForbiceLo strumento Cutter

Il testo

Funzioni base per la gestione del testoOpzioni di alterazione del testoInserire il testo in una formaCollegare il testo ad un tracciatoLo strumento Ritocco testoCreare testo concatenatoLo strumento Glifi

La funzione Crea contornoQuiz sul testo

Strumenti di trasformazione

Lo strumento RotazioneLo strumento RiflessioneLo strumento RidimensionamentoLo strumento InclinazioneLo strumento Cambia formaLo strumento LarghezzaGli strumenti Altera, Vortice e RisucchioGli strumenti Gonfiamento, Smerlo, Cristallizza e RugaLo strumento Trasformazione liberaLo strumento Crea forme

Strumenti di colorazione

Lo strumento TramaLo strumento SfumaturaIl pannello Selettore coloreIl pannello CampioniSalvare un campione personalizzatoLo strumento Ricolora graficaLo Strumento Pittura DinamicaEsercitazione PitturaQuiz sugli Strumenti di colorazione

Il concetto di Aspetto

IntroduzioneIl pannello Aspetto: opzioni baseIl pannello Aspetto: opzioni avanzateLo strumento ContagocceEsercitazioni sulla Trama

I Livelli

La palette Livelli: funzioni baseLa palette Livelli: funzioni avanzate

Altri strumenti di Illustrator

Lo strumento FusioneLo strumento Bomboletta simboli: funzioni base

8www.pcacademy.it

Creazione di un simbolo personalizzatoLo strumento Bomboletta simboli: funzioni avanzateLo strumento Crea GraficoLo strumento Tavola da disegnoLo strumento SezioniEsercitazione sul GraficoQuiz sugli Altri strumenti di Illustrator

Pannelli principali di Illustrator

Il pannello AllineaIl pannello Elaborazione tracciati: metodi formaIl pannello Elaborazione tracciati: metodi di elaborazione dei tracciatiIl pannello TracciaEsercitazione sull’Elaborazione tracciati

Gestione delle immagini

Importazione di un’immagine bitmapIncorporare nel documento un’immagine bitmapLo strumento Ricalco dinamicoApplicare effetti sulle immaginiEsercitazione sul RicalcoQuiz sulla Gestione delle immagini

Gli effetti

IntroduzioneEffetti di alterazioneEffetti di distorsione e trasformazioneEffetto RasterizzaEffetti di stilizzazione

Strumenti 3D

Estrusione e smussoApplicare la grafica ad un oggetto 3DRivoluzioneRotazioneLo strumento Griglia prospetticaEsercitazione sul 3D

Il menu Oggetto

La funzione NascondiLa funzione BloccaLo strumento EspandiLo strumento Espandi aspettoLo strumento RasterizzaLo strumento Crea trama sfumataLo strumento Crea mosaico oggettoLo strumento UnisciLo strumento MediaLo strumento Crea contornoLo strumento Scostamento tracciatoLo strumento SemplificaLo strumento Righe e colonneLo strumento PulisciCreazione e salvataggio di un pattern personalizzatoLo strumento Distorsione involucroLo strumento Contorna con testoMaschera di RitaglioMaschera di TrasparenzaFora nel GruppoIsola FusioneQuiz sul menu Oggetto

Gestione avanzata dei pennelli

IntroduzioneCreazione di un pennello CalligraficoCreazione di un pennello DiffusioneCreazione di un pennello ArtisticoCreazione di un pennello PatternCreazione di un pennello Setola

Strumenti presenti nelle ultime versioni di Adobe Illustrator

Il nuovo strumento Forme dinamicheLo strumento Penna con AnteprimaMiglioramento e gestione dei punti di ancoraggioStrumento curvaturaAngoli dinamiciStrumento ShaperEsporta selezione PNG

9www.pcacademy.it

Esporta selezione SVGUnisci tracciatoMaschera di RitaglioMaschera di TrasparenzaFora nel GruppoIsola FusionePannello ProprietàAlterazione MarionettaFont VariabiliFont SvgTavole di lavoroEsporta RisorseStrumento Sfumatura a Mano LiberaModalità Ritaglia VistaEditing Globale CC2019Modalità Presentazione e aggiornamento visualizzazione Dimensioni RealiMiglioramento Effetti Illustrator CC2020Nuova Barra StrumentiComando Semplifica CC2020Correzione Ortografica Automatica CC2020Miglioramento Sfumatura a mano libera e soluzioni avanzate CC2020Esercitazioni riepilogative finali

Adobe Indesign

Introduzione sul mondo della Grafica

Grafica editoriale: Font e TipografiaLayout ArmoniciGestione Profilo ColoreL’Agenzia PubblicitariaLe tecniche di StampaDiritto d’AutoreCreative CommonsLe forme della Carta

Nuovo documento Interfaccia e impostazione del Documento

Area di lavoroImpostazione di nuovi documentiStrumento Pagina

Inserimento di nuove pagineGuide e RighelliForme e box OggettoBox di immagineAdattamenti box di immagineGestione dei LivelliPagine MastroNumerazione di paginaImportazione da PhotoshopLe diverse tipologie di salvataggioSalvataggio in PDFQuiz su Interfaccia e impostazione del documento

Testo

Strumento TestoCrenatura e AvvicinamentoParagrafoConcatenamento di TestoUso dei GlifiStrumento DizionarioSfumatura e contorno sfocatoTesto su tracciatoStili di ParagrafoTesto in AreaStili di carattereContorna con TestoColonne bilanciateLayout FluidiLayout AlternativiEsercitazione sul FlyerEsercitazione sul ManifestoQuiz sul Testo

Strumenti di Disegno

Gestione Palette ColoreSfumature e TrasparenzeGestione SfumaturaI Tracciati e la loro gestioneStrumento Matita e lo strumento PennaStrumento MatitaRotazione di elementiTraccia

10www.pcacademy.it

Allineare e distribuire gli oggettiDistribuzione dinamica degli oggettiStrumento SpazioStrumento ForbiciOperazione tra i tracciatiConverti FormaTabelleStili di tabella e cellaEsercitazione creazione MenùEsercitazione creazione BrochureQuiz sugli Strumenti di Disegno

Immagini e la loro gestione

Inserimento di elementi grafici da altri softwareStrumento ConvogliatoreStrumento NoteStrumento InformazioniEffetti di StilizzazioneStrumento Righello / ContagocceStile OggettoDidascaliePacchetti per la StampaEsercitazione creazione Dépliant

Libro

Verifica preliminareGestione del LibroSincronizzazione Stili ed EsportazionePreparazione del documento per la StampaQuiz sul Libro

Salvataggi e Stampe

Segni di ritaglio, crocini di registro e smarginatureFunzioni avanzate di salvataggio in PDFStampa OpuscoloQuiz su Salvataggi e Stampe

Documenti Dinamici

Creazione di documenti dinamiciCollegamenti ipertestuali

Inserimento e gestione multimedialiSalvare PDF interattiviGestione PulsantiEsportazione PulsantiSfogliabile in FlashStrumenti presenti nelle ultime versioni di Adobe IndesignCollegamenti IpertestualiGruppi di ColoriEffetti di stilizzazioneTabelleTrova e SostituisciTemi Adobe ColorCodice QROmbreggiatura paragrafiPannello Proprietà ImmaginiPannello Proprietà PaginaPannello Proprietà Testo

HTML5

Introduzione

Il linguaggio HTMLRequisiti di SistemaTag HTML

Struttura base di una pagina HTML

Struttura pagina HTMLParagrafi e interruzioni di rigaTitolo e MetatagEsercitazione Pratica

Formattare il testo con i tag HTML

Formattazione testo con tagIntestazioniGrassetto e CorsivoApice e PediceFormattare citazioni

Utilizzare elenchi e sfondi

Elenchi puntati e numerati

11www.pcacademy.it

Elenchi nidificatiPersonalizzare elenchi puntati e numeratiSpecificare inizio elenco numeratoElenco di definizioneInserire caratteri specialiFiletto orizzontaleColori nel WebApplicare sfondo alla paginaApplicare colore al testoDefinire immagine di sfondoEsercitazione Pratica

Collegamenti ipertestuali e ancoraggi

Collegamenti ipertestualiCreazione collegamento ipertestualeLink relativi e assolutiImpostare finestra destinazioneCollegamento ad indirizzo emailCollegamento ad ancoraggioCollegamento ad altri contenutiEsercitazione Pratica

Introduzione ai fogli di stile CSS

I fogli stile CSS: IntroduzioneI fogli stile CSS: Creazione di una regola CSSI fogli stile CSS: Regole per Classe e regole per IDI fogli stile CSS: Applicare uno stile ai collegamenti ipertestualiI 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 caratteriI fogli stile CSS: Impostare le dimensioni del carattereI fogli stile CSS: Impostare il colore del carattereI fogli stile CSS: Applicare grassetto e corsivoI fogli stile CSS: Testo barrato e sottolineatoI fogli stile CSS: Creare uno span inlineI fogli stile CSS: Spaziatura tra lettere e parole

I fogli stile CSS: Rientro dei paragrafiI fogli stile CSS: Applicare un bordo ad un paragrafoI fogli stile CSS: Spessore e colore del bordoI fogli stile CSS: Allineamento orizzontale di un paragrafoI fogli stile CSS: Impostare l’interlineaI nuovi tag HTML5 per la formattazione del testo: em, strong, dfn e codeI nuovi tag HTML5 per la formattazione del testo: samp, kbd, var e citeI nuovi tag HTML5 per la formattazione del testo: markI nuovi tag HTML5 per la formattazione del testo: timeI nuovi tag HTML5 per la formattazione del testo: wbrEsercitazione pratica

Visualizzare le immagini

Visualizzare le immaginiFormati grafici per WebInserire immagine in una pagina HTMLModificare dimensioni delle immaginiApplicare margine ad immagineCreare collegamento ipertestuale ad immagineUtilizzare miniature immagineTesto alternativo su immagineTag HTML5: figureCreare Mappe ImmagineEffettuare refresh ad altro URLEsercitazione pratica

Impaginazione Layout basati su Div

Layout basati su Div: IntroduzioneLayout basati su Div: i tag semantici di HTML5Layout basati su Div: Il tag DivLayout basati su Div: applicazione di un tag semantico di HTML5Layout basati su Div: impostare le dimensioni di un DivLayout basati su Div: la proprietà float

12www.pcacademy.it

Layout basati su Div: dimensioni e allineamento di un tag semanticoSpaziature esterne al div, la proprietà marginSpaziature interne al div, la proprietà paddingEsercitazione pratica

Le Tabelle

Le tabelle: introduzioneLe tabelle: creazione di una tabellaLe tabelle: spessore del bordo delle tabelleLe tabelle: Dimensioni della tabellaLe tabelle: Dimensioni delle colonneLe tabelle: colore di sfondo di una tabellaLe tabelle: colore di sfondo delle celle di una tabellaLe tabelle: spaziatura interna delle celleLe tabelle: spaziatura esterna delle celleLe tabelle: allineamento orizzontale nelle celleLe tabelle: allineamento verticale nelle celleEsercitazione pratica

I Form

I form: introduzioneI form: tag formI form: Le caselle di testoI form: Altre caratteristiche delle caselle di testoI form: I campi email e URL introdotti da HTML5I form: Area di testoI form: Testo predefinito e testo segnaposto di HTML5I form: Caselle di controlloI form: Pulsante di sceltaI form: Gli elenchi/menuI form: I pulsanti Submit e ResetEsercitazione riepilogativa finale

Pagine Responsive in HTML

Responsive DesignBreakpointTag ViewportDIV

FontImmagini VideoNascondere ElementiCaricamento CondizionaleMenù Responsive

Realizzare Siti Web con WordPress

Introduzione

Perchè si Afferma WordpressStoria dei CMSSiti Statici & Siti DinamiciDifferenze tra PHP & ASPFunzionamento delle Pagine DinamicheRequisiti Locali per Installare WordpressMamp & XamppL’interfaccia di Mamp & XamppCreare un database con PhpMyAdminEsercitazione

Installazione di WordPress

Installazione del SitoVideo -Scaricare WordpressUno Sguardo alla BachecaOperazioni PreliminariInstallare Wordpress in RemotoEsercitazione

La Scelta del Tema

Differenze tra Temi Gratuiti & Temi PremiumIntroduzioneTipologie di TemiInstallare un Tema GratuitoCreare un Tema ChildInstallare un Tema a Pagamento

Personalizzazione del Sito

MenùDenominazione del SitoImpostazioni Homepage

13www.pcacademy.it

Settaggi del Tema - IntroduzioneWidgetSettaggi del Tema - LayoutSettaggi del Tema - Gestione del FooterSettaggi del Tema - LogoSettaggi del Tema - NavigazioneCreare Elementi con HTML

Creare la Homepage del Sito

IntroduzioneCreare lo Schema della HomepageIl Plugin Page BuilderInserire i Widget nel LayoutCreare la Griglia della PaginaIl Widget Loop dell’ArticoloIl Widget TestoInstallare un BuilderIl Widget Circle IconIl Widget HTML PersonalizzatoAltre Personalizzazioni del TemaPersonalizzare l’Aspetto del TemaLo Strumento Ispeziona Elemento di Chrome

Creare le Pagine del Sito

IntroduzioneElenco delle PagineEditor Classico & GutembergStruttura dell’EditorCreare le Pagine del SitoEsercitazione

Creare il Menù di Navigazione

IntroduzioneCreare un Menù PersonalizzatoCreare Link alle PagineCreare un Link AssolutoCreare Pulsanti a ComparsaUtilizzare Icone nel Menù

Gli Articoli

Nascondere Elementi Tramite CSSIntroduzione

Definire le CategorieUtilizzare i TagElenco degli ArticoliL’Editor degli ArticoliCreare gli ArticoliModificare la Data di PubblicazioneCreare le Pagine ArchivioImpostare il Layout della Pagina ArchivioImpostare il Layout dell’Articolo

Gestire le immagini

IntroduzioneCreare lo Slider Del Tema: Prime ConfigurazioniInserire le Immagini nello SliderSettaggi Avanzati dello SliderInserire lo Slider nelle PagineCreare uno Slider di ContenutoCreare Gallerie di Immagini TematicheCreare una Galleria di ImmaginiAttivare l’Effetto Lightbox

Creare un Form

IntroduzioneInstallare Contact Form 7L’editor del Form

Creare il Form

Completare la Configurazione del FormInviare i Dati al DatabaseFormattare il Form con il CSS

Gestione degli Utenti

IntroduzioneTipologie di UtentiCreare UtentiCreare Ruoli PersonalizzatiAttivare la Registrazione di Utenti EsterniProteggere i Contenuti del SitoCreare Pagina di RegistrazioneInserire un Form di Login

14www.pcacademy.it

Altri Plugin

Mettere il sito in manutenzioneCreare una Sidebar di Collegamento a SocialAttivare Pulsanti per Social SharingCreare Cartelle nella Libreria dei MediaPotenziare l’Editor di Pagine e ArticoliDuplicare Pagine e Articoli

Trasferire il Sito da Locale a Remoto

IntroduzionePrime ConfigurazioniModificare il di ConfigurazioneTrasferire i Tramite FTPEsportare e Ottimizzare il DatabaseTrasferire il Database in RemotoEsercitazione Finale

Realizzare Siti Web eCommerce con WooCommerce

Introduzione

IntroduzioneConsiderazioni preliminariSicurezza dei pagamentiRegole preliminari di progettazioneScelta del tema graficoEsercitazione pratica

Prime operazioni

Installazione di WooCommerceNuova procedura di installazione della versione 3.2Aspetto della Bacheca dopo l’installazioneVerificare lo stato del SistemaEsercitazione pratica

Il Pannello Impostazioni

IntroduzioneLa scheda Generale

La scheda ProdottiLa scheda ImposteLa scheda Cassa - Impostazioni generaliLa scheda Cassa - Bonifico BancarioLa scheda Cassa - Assegno e ContrassegnoLa scheda Cassa - PayPalLa scheda Cassa - Aggiungere altri metodi di pagamentoLa scheda Spedizione - Impostazioni generaliLa scheda Spedizione - La Tariffa unicaLa scheda Spedizione - La Spedizione gratuitaLa scheda Spedizione - La Tariffa unica InternazionaleLa scheda Spedizione - Ritiro in sedeLa scheda AccountLe schede E-mail e APIWooCommerce PostepayEsercitazione pratica

Nuova Gestione delle Spedizioni

IntroduzioneDefinire la strutturaClassi di spedizioneZone di spedizioneImpostare le tariffeOpzioni di spedizioneAssociare le classi di spedizione ai prodotti

Configurare la Struttura del Negozio

IntroduzioneCreare Categorie e SottocategorieLe Classi di spedizioneI TagGli attributi del prodottoInserire i valori degli attributiEsercitazione pratica

Allestire il Catalogo

IntroduzioneInserire i prodotti - Nome e descrizioneInserire i prodotti - Pannello GeneraleInserire i prodotti - Pannello InventarioInserire i prodotti - Pannello Spedizione

15www.pcacademy.it

Inserire i prodotti - Pannello Articoli collegatiInserire i prodotti - Pannello AttributiInserire i prodotti - Configurare le VariazioniInserire i prodotti - Pannello AvanzatoInserire i prodotti - Configurare altre tipologie di prodottoInserire i prodotti - Ultimare la configurazione del prodottoInserire i prodotti - Creare voci di menù per le categorie dei prodottiInserire i prodotti - Uno sguardo al CarrelloInserire i prodotti - Correggere la configurazione delle SpedizioniInserire i prodotti - Adeguare il Carrello alla normativa fiscale ItalianaWooCommerce Checkout Manager

Completare la configurazione del Negozio

La gestione degli OrdiniGestire i codici promozionaliI report dal sitoGestire la fatturazione dal sitoWooCommerce Invoices Packing Slips

Adobe Dreamweaver

Istruzioni di Pubblicazione

Ottenere dominio e hosting da AltervistaPubblicare i del sito conzillaInstallare i CMS in remoto

Il Sito Internet

IntroduzioneIl percorso di vita di un sito web

Prime operazioni con Dreamweaver

Area di lavoro di Dreamweaver CCConfigurazione di un nuovo sito in DreamweaverCreare una nuova pagina htmlAprire le pagine html e navigare tra

documenti apertiUno sguardo al codice: html e tagUno sguardo al codice: i tag head e body

Creare i Link

Creare collegamenti ipertestualiCreare link assolutiCreare link ad un indirizzo e-mailUno sguardo al codice: il tag < a >L’ancoraggio con nomeEsercitazione pratica

Oggetti comuni nelle pagine HTML

Inserire immagini in una pagina htmlModificare le dimensioni delle immaginiInserire link sulle immaginiTesto alternativo e titolo delle immaginiUno sguardo al codice: il tag < img >Creare mappe sulle immaginiInserire un’immagine in un blocco di testoIl filetto orizzontaleLe tabelle: struttura baseProprietà degli elementi interni delle tabelle: le celletteEsercitazione praticaQuiz

Introduzione al CSS

Introduzione

Creazione di un foglio stile cssCollegare il foglio stile css alle pagine htmlTipologie di regole cssUno sguardo al codice: Collegamento tra pagine html e cssRicavare il tag degli elementi della pagine htmlIl nuovo pannello Css Designer

Formattare con i CSS

Formattare i testi: la regola font-family

16www.pcacademy.it

Formattare i testi: stile, spessore e dimensioniFormattare i testi: colore, allineamenti e decorazioniFormattare i testi: maiuscolo, interlinea e rientriUno sguardo al codice: la sintassi cssFormattare i link: IntroduzioneFormattare i link: ConfigurazioneFormattare gli sfondi: la regola background-colorFormattare gli sfondi: la regola background-imageFormattare gli sfondi: la regola background-gradientFormattare gli sfondi: la regola background-repeatFormattare gli sfondi: la regola background-positionFormattare gli sfondi: gestire immagini di sfondo di grandi dimensioniFormattare gli sfondi: la regola background-attachmentFormattare i bordi: la regola border-colorFormattare i bordi: la regola border-widthFormattare i bordi: la regola border-styleFormattare le liste: IntroduzioneUno sguardo al codice: le listeFormattare le liste: la regola list-style-typeFormattare le liste: la regola list-style-imageFormattare le liste: la regola list-style-positionLe regole per classeRegole per classe applicate ai testiLe regole per IDEsercitazione praticaQuiz

Impaginare con i CSS

IntroduzioneI divPrime operazioni per impaginareTecniche di impaginazione: impaginare un layout sempliceUno sguardo al codice: I vantaggi

dell’impaginazione con i cssSequenza inserimento div per impaginazione con i cssEsercitazione - misure layout semplice

Impaginare un sito avanzato

IntroduzioneImpostare il progettoOperazioni preliminariTecniche di impaginazione di un sito avanzatoEsercitazione - misure layout avanzatoEsercitazione praticaQuiz

Completare la struttura del sito

Creare una barra di navigazione testuale con le listePersonalizzare i link nel layoutCreare una barra di navigazione con le immagini di rolloverLa regola overflowCreare le pagine interne del sitoFinalizzare la struttura del sitoQuiz

Strutture alternative: lo strumento IFRAME

IntroduzioneConfigurazioni inizialiCaricare pagine in automatico dentro l’iframeGestire gli sfondiCaricare nell’iframe le pagine da linkGestire contenuti lunghiInserimento in un layout reale

Strutture alternative: i Modelli di Dreamweaver

IntroduzioneAree editabili e creazione del modelloCreare pagine da modelloApplicare modifiche al sito da modelloScollegare le pagine html dal modelloQuiz

17www.pcacademy.it

Impaginare con i tag semantici di HTML5

Introduzione

Prime operazioni per impaginare con tag semanticiIl tag headerIl tag navPersonalizzare più tag dello stesso tipoI tag article e sectionI tag footer e asideI tag semantici di html5Esercitazione pratica

Uso avanzato dei fogli stile: il CSS3

La regola border-radiusLa regola box-shadowLa regola text-shadowLa regola coverLa regola font-face per inglobare i font nel sitoQuiz

I Javascript di Dreamweaver

Il comportamento javascript “Apri finestra browser”Il comportamento javascript “Controlla plugin”

Elementi Multimediali

Il tag video di html5Il tag audio di html5Inserire un flv nella pagina htmlQuiz

I Form

Introduzione

Inserimento del moduloIl campo di testo sempliceIl campo di testo e-mail

Il campo di testo urlIl campo di testo telefonoIl campo di testo passwordL’area di testoIl pulsante di sceltaLa casella di controlloIl menù a tendinaCreazione dell’informativa alla privacyI pulsanti Invio e ResetAllineare gli elementi del form con le tabelleFormattare gli elementi del form con i cssEsercitazione praticaQuiz

Altri elementi delle pagine HTML

I metatag keywords e descriptionIl tag titleInserire un flash SWFInserire contenuto alternativo ad SWFCreare link per il download disOggetti jQuery: Il pannello comprimibileOggetti jQuery: Il pannello a schedeOggetti jQuery: La finestra di dialogo

Layout a griglia fluida

IntroduzioneCreazione e salvataggio della strutturaUno sguardo al cssInserimento di div fluidiTecniche di impaginazioneNascondere div nella strutturaQuiz

Strumento Bootstrap

IntroduzioneCos’è Bootstrap?Configurazione dello StrumentoAnalisi GrigliaInserimento ContainerImpaginare Griglia

18www.pcacademy.it

Pubblicazione del sito

IntroduzioneImpostare i parametri ftpCaricare e scaricare da remoto le pagine htmlNovità presenti nelle ultime versioniIl nuovo strumento Vista rapida elementoVista dal vivo potenziata e migliorataMiglioramenti e implementazioni del pannello CSS DesignerEsercitazione riepilogativa finale

Tecniche SEO

Introduzione - Le basi della SEO

IntroduzioneCrawlersSpider Simulator

Strumenti SEO

Google Search ConsolePageRank di una Pagina WebGTMetrixEsercizio - Quiz

Regole On-Page

Title Description HTitle LinkKeywordsImmaginihtaccessSitemapRobotsEsercizio - Quiz

Regole SEO

Keyword StuffingLink CorrottiResponsive DesignPesantezzaPagine DuplicateConfigurazione Url

Esercizio - Quiz

SEO & WordPress

Seo Friendly UrlSito Statico - Sito DinamicoYoast LeggibilitaYoast ConfigurazioneYoast InstallazioneYoast Pagina

SEO Avanzato

ssl tls httpsAbove the FoldCompressione gzipBacklinksUnire css jsFrequenza AggiornamentoSocial NetworkCacheEsercizio - Quiz

Preparazione all’esame di Certificazione Adobe ACA Photoshop CC

Introduzione

Interfaccia del software d’esamePanoramica degli strumenti utilizzabili durante l’esame

L’esame in pratica

Consigli pratici per affrontare lo studio mirato degli argomenti più importantiEsercitazioni guidate con soluzione a video

Simulazioni d’esame

Test e Simulazioni pratiche per verificare il proprio grado di preparazione

19www.pcacademy.it

Preparazione all’esame di Certificazione Adobe ACA Dreamweaver CC

Introduzione

Interfaccia del software d’esamePanoramica degli strumenti utilizzabili durante l’esame

L’esame in pratica

Consigli pratici per affrontare lo studio mirato degli argomenti più importantiEsercitazioni guidate con soluzione a video

Simulazioni d’esame

Test e Simulazioni pratiche per verificare il proprio grado di preparazione