Le Nostre Sedi:

Sede Roma Centro : Piazza di Porta Maggiore, 6 - 00185 Roma

Sede Roma Eur : Viale Pasteur, 78 - 00144 Roma

Sede Roma Appio : Piazza Cesare Cantù, 19 - 00181 Roma

Centro Logistico : Viale Pasteur, 70 - 00144 Roma

Orari di Apertura:

Dal Lunedì al Venerdi : Mattina 9.00 - 13.00 Pomeriggio : 15.30 - 19.30

Sabato :Mattina 9.00 - 13.00 (Solo sede Eur)

Per Contattarci :



Mail : staff@cefi.it

Master in Web Architect Certificato Adobe®

Descrizione
Il Master WEB del Cefi forma una figura professionale che, oltre ad essere in grado di creare un sito dal punto di vista grafico, è anche capace di gestire tutta la parte di supporto, ovvero la configurazione e la gestione di un sito web aziendale.

Percorso Didattico
Il Master è strutturato con una didattica sequenziale. In questo modo sarà possibile frequentare il primo corso in "Web Master" e proseguire il percorso formativo del Master con Web Design e infine Adobe Flash. Alla fine del primo modulo verrà rilasciato un Attestato Professionale CEFI con qualifica di Web Master, dopo aver frequentato il secondo corso l'attestato sarà integrato con qualifica di Web Design.

Responsabile Didattico del Corso:
Arch. Stefano Giuliani
Redattore del Sito Internet dell'Ordine degli Architetti di Roma e Provincia

QUALIFICHE UFFICIALI:
Alla fine del Corso verrà rilasciato l' Attestato del CEFI con la qualifica professionale di Web Architect. L'Attestato è riconosciuto dall'Università Italiana per quanto riguarda la concessione dei crediti formativi.
Dopo circa quindici giorni si potrà sostenere l'esame per conseguire la Certificazione Master in Web Architect. Il Master è valido a livello Europeo ed è riconosciuto dall'Università Italiana per quanto riguarda la concessione dei crediti formativi.
QUALIFICHE SUPPLEMENTARI:
Oltre alle qualifiche sopra citate, in base al programma didattico svolto ed un eventuale integrazione formativa personalizzata sarà possibile conseguire, direttamente in sede, le seguenti certificazioni:
ADOBE® CERTIFIED ASSOCIATE sui prodotti: - Web Communication using Dreamweaver® - Rich Media Communication usign Flash® - Visual Communication using Photoshop®

Requisiti:
Conoscenza di base delle discipline informatiche.

Materiale Didattico e Strutture:

Manuale di Supporto al Corso
Alla prima lezione sarà fornito il manuale on-line di supporto al corso e altro materiale didattico utilizzato dal docente durante le lezioni. Inoltre sarà possibile richiedere, a pagamento, la stampa del manuale presso la segreteria didattica.

Servizio Telematico Tramite Password
Per ogni alunno sarà fonita una Username ed una password per accedere all'area riservata del sito del Cefi dove è presente materiale didattico in continuo aggiornamento. Le chiavi fornite non hanno scadenza e quindi anche dopo la fine del corso sarà possibile aggiornarsi a livello didattico.

Cartelline Personalizzate
Al momento dell'iscrizione sarà fornita una cartellina personalizzata del Cefi con allegata la nuova NeonMulticolorPen.

Esercitazioni On-Line
Una risorsa molto importante per poter ripetere gli esercizi eseguiti con il docente anche da casa o presso il vostro ufficio.

Esercitazione Gratuita in Sala Tirocinio.
Cefi vi offre la possibilità di esercitarvi fuori dalle ore del corso presso le nostre sale tirocinio dotate di connessione internet a larga banda.

I centri sono provvisti di aria condizionata.

Programma didattico Completo

WEB MASTER BASE Introduzione   Definizione di Web Master La storia di Internet Il linguaggio HTML La struttura base di un documento I Tag principali   L'interfaccia grafica di Dreamweaver La barra della pulsantiera La barra degli strumenti Menù di scelta rapida Il pannello oggetti Finestra ispezioni proprietà Pannelli mobili agganciabili Le viste: • codice • codice struttura • struttura   Concetti base   Definizione del sito Inserimento del testo Formattazione carattere • Formato • Carattere predefinito • Dimensione • Colore La tavola dei colori WebSafe Gli esadecimali • Elenchi puntati e numerati • I caratteri speciali • I caratteri compatibili Creazione e salvataggio di una pagina HTML   Le proprietà della pagina   • Titolo • Sfondo • Testo Link relativi e assoluti Collegare le pagine di un sito   Inserire immagini e video   Inserimento di un'immagine Tipologie: • immagine • immagini rollover Inserimento di un'immagine come sfondo • immagine di ricalco Mappe immagine Inserire un'animazione Flash Inserire un video   I link   Collegamenti ipertestuali Collegamenti a file pdf - word - zip Destinazione: • _blank • _parent • _self Ancoraggi   Le tabelle   Creazione Modifica Tipologie: • normali • estese Impaginazione con tabelle   Il Sito web   Definizione di sito locale Gerarchia di un sito web Modifica di un sito esistente   I modelli di Dreamweaver   Vantaggi nell'utilizzo dei modelli Creare un Modello Definire le aree modificabili Salvare e associare modelli alle pagine Staccare le pagine dal modello   I frame   Utilizzo e funzionamento Creazione di pagine basate sui frame Salvataggio IFRAME Utilizzo di IFRAME di terze parti (es. Mappe Google, plug-in Facebook)   I DIV   DIV relativi e assoluti (PA)   Il linguaggio CSS   Concetto di foglio di stile Fogli di stile interni - esterni Css per classe, per ID, per tag e avanzati Impaginazione tramite fogli di stile   Le form   Definizione Creazione I CGI Gli oggetti form: • campo di testo • pulsante • casella di controllo • pulsante di scelta • elenco/menù • campo nascosto   Introduzione a Java e Javascript   Definizione di Applet Java Modifica e inserimento Definizione di Javascript Modifica e inserimento Comportamenti Javascript di Dreamweaver (es. messaggi pop-up) Creare una barra di navigazione Spray widgets   Applicazioni correlate   Photoshop • Ridimensionare un'immagine • Ottimizzare un'immagine • Creare un'immagine rollover • Creare e modificare gif animate   I meta tag   Inserimento Tipologie: • parole chiave • descrizione • refresh   Pubblicazione e gestione del sito web   Gli spazi web: • Spazio gratuito • Spazio a pagamento • Servizio di Hosting • Servizio di Housing Il protocollo FTP Verifica • funzionalità • compatibilità con i browser • dimensioni • tempi di scaricamento Anteprima nel browser Impostazione dei parametri FTP Pubblicazione Gestione del sito Aggiornamenti Inserimento dell'URL sui pricipali motori di ricerca per indicizzazione   HTML 5   Cos'è HTML 5 L'impostazione di base della pagina Cenni alle funzionalità del nuovo linguaggio   DESIGN e USABILITA' DEI SITI Introduzione   L'importanza dei domini Scelta di un target finale L'incompatibilità dei browser   I processi da seguire   Definizione: udel sito locale udi un layout strategico udella grafica Pianificare il lavoro Ricercare materiale grafico Tracciare la struttura del sito Creare una bozza grafica Creare i contenuti Organizzare le informazioni   Usabilità dei siti Web     Introduzione e definizione di usabilità I principali attributi: • utilità • facilità di apprendimento • efficienza • facilità di ricordo • quantità di errori • soddisfazione   La grafica Web con Photoshop Introduzione al programma La grafica vettoriale La grafica bitmap Il peso e la risoluzione di un immagine ottimizzazione (salva per il web) I formati: • Gif • Jpeg • Tiff L'interfaccia grafica e le palette Creare documenti L'area di lavoro I livelli I canali La grafica per il web   La grafica Web con Fireworks Introduzione al programma Importare immagini di Photoshop Utilizzare la finestra dei Fotogrammi Creare una gif animata Creare un Banner pubblicitario Esportare per il Web   Strumenti utili   I livelli • proprietà Tipologie: • statici • scorrevoli • dinamici I comportamenti: • apri finestra browser • linea temporale • messaggio popup • mostra-nascondi livelli • vai a URL Creazione di un sommario alfabetico • il tag Ancoraggio con nome Inserimento di file multimediali • il tag <BGSOUND>   Pubblicazione     Verifica • funzionalità • compatibilità con i browser • dimensioni • tempi di scaricamento Anteprima nel browser Impostazione dei parametri FTP Pubblicazione Gestione e aggiornamento del sito   FLASH BASE Introduzione a Flash La grafica bitmap La grafica vettoriale L'interfaccia grafica: • la barra di titolo • la barra dei menù • gli strumenti • lo stage • l'area di lavoro   Proprietà filmato   Frequenza fotogrammi Dimensioni: • larghezza • altezza Corrispondenza Colore di sfondo Unità di misura Rapporto fotogrammi/tempo Calcolo dei fotogrammi da inserire per la durata del filmato   La Timeline   Inserire un nuovo livello Modificare le proprietà: • nome • mostra • blocca • tipo • colore contenuto Definizione di scena I fotogrammi: • inserimento e rimozione fotogramma • copia e incolla fotogramma • taglia e incolla fotogramma I fotogrammi chiave: • utilizzo • inserimento fotogramma chiave • inserisci fotogramma chiave vuoto   La Toolbox e i suoi oggetti   Strumenti: • freccia • sottoselezione • linea • lazo • penna • testo • ovale • rettangolo • matita • pennello • bottiglia inchiostro • contenitore colore • contagocce • gomma Visualizza: • mano • ingranditore Colori: • colore tratto • colore riempimento • colori predefiniti • nessun colore • scambia colori   Creazione della grafica   Creare gli oggetti Raggruppare gli oggetti Editare gli oggetti Allineamento di elementi grafici Importare grafica in Flash Processo di rasterizzazione   I simboli   Definizione e utilizzo Tipologie: • simboli Grafici • simboli MovieClip • simboli Button Usare la libreria per aumentare la produttività   Le immagini   Usare immagini bitmap in Flash Tracing su bitmap   Il testo   Lavorare con i font Il pannello carattere: • tipo di carettere • altezza carattere • spaziatura • collegamento URL L'opzione crenatura Il pannello paragrafo: • allineamento orizzontale (a sinistra - al centro - a destra - completo) • margine sinistro • margine destro • indentazione • interlinea Il pannello opzioni testo: • tipo testo: statico/dinamico   L'animazione   L'interpolazione movimento L'interpolazione forma La guida movimento Tecniche di Onion Skin Animazione Shape Tweening I comandi: • Riavvolgi • Riproduci   La navigazione in Flash   Creazione di un bottone Usare le azioni di actionscript con i bottoni Associazione di un URL ad un bottone   Gestione audio   Importare un file audio Sincronizzare l'audio con la linea temporale Creare cd multimediali