Il corso di Adobe Dreamweaver Cs5 si inserisce nell'ambito del web design professionale, nella creazione e nella gestione dei siti web. Questo software è l'editore di pagine html più utilizzato dai web designer professionisti: con Dreamweaver Cs5 potrete creare siti web di qualsiasi livello e con qualsiasi tecnologia.
Durante il corso di Dreamweaver imparerai ad utilizzare i linguaggi html, xhtml, html5 (novità assoluta!) e css per la creazione di siti web, che rispondono a tutte le specifiche moderne in termini di grafica, di usabilità, di accessibilità e di indicizzazione. Imparerai inoltre a sfruttare i linguaggi di programmazione (Javascript e php) per creare effetti, gallerie, menù a tendina, form per le email, blog, forum...
Insomma, un corso completo e aggiornato per chi vuol fare del web design il proprio mestiere!
- Durata del corso: 40 ore
- Costo del corso individuale: 600,00 €
- Attestato: Attestato di frequenza GattosulWeb
-
Area di lavoro
Su Dreamweaver utilizzeremo un'interfaccia di lavoro prettamente da web designer perché questo prodotto è destinato agli utilizzi più svariati nell'ambito dei siti web. In ogni caso dovrai familiarizzare con le molte possibili visualizzazioni e sfruttarne i pregi.
Flusso e area di lavoro di Dreamweaver. Operazioni con la finestra del documento. Vista codice, design, dal vivo e ispeziona codice. Uso delle barre degli strumenti, delle finestre di ispezione e dei menu di scelta rapida. Personalizzazione dell'area di lavoro di Cs5. Uso del navigatore di tag. Scelte rapide da tastiera. Estensioni. -
Operazioni con i siti di Dreamweaver
Creare un sito web significa gestire un insieme di file che interagiscono tra di loro per formare le pagine web; detto così sembra complicato, ma è proprio per questo che utilizziamo Dreamweaver: automatizzerà moltissime operazioni per noi in modo da avere più tempo e più agilità per curare l'aspetto creativo e le funzionalità delle nostre pagine web. Qui imparerai a impostare correttamente la gestione del sito, requisito fondamentale.
Configurazione di un sito. Computer remoto e locale. Percorsi assoluti e percorsi relativi. Accesso http e ftp. Impostazione della home page e dei fogli stile Css. -
I linguaggi HTML, XHTML e HTML5
Imparerai le basi e le differenze tra html, xhtml ed il nuovissimo (ancora in fase di sviluppo) html5. Nel corso di Dreamweaver non occorre studiare approfonditamente linguaggi perchè avrai la possibilità di impararli man mano che ci si lavora, sarà Dreamweaver a scrivere il codice per noi! I linguaggi di descrizione html e css necessitano solo di una conoscenza della sintassi di base per poter essere utilizzati: Dreamweaver ci fornirà tutte le opzioni e le proprietà che questi linguaggi offrono su nostra richiesta, attraverso comode finestre di dialogo.
Il documento html e il linguaggio di descrizione. Linguaggi di descrizione e di programmazione. I tag HTML e varianti XHTML e semantica. I nuovi tag dell'HTML5 e semantica. Capire il codice e modificarlo. -
Il linguaggio CSS e la creazione dei documenti
Anche il linguaggio css è un linguaggio di descrizione (non di programmazione!): occorre dedicare un po di tempo per capirne le dinamiche e imparare ad usare i selettori di classi, id e per tag e capire quali vantaggi porta a creare un sito utilizzando questa tecnologia.
Nozioni sui fogli di stile CSS. Selettori per Classe, iD e Tag. Fogli stile interni, in linea ed esterni. Creazione e gestione dei CSS. Operazioni con i tag div e con gli altri Tag. - Costruire layout in html e css "table-less"
Il punto di forza dei corsi di web design GattosulWeb è l'aggiornamento verso le nuove tecnologie. Creare layout senza tabelle dovrebbe essere già da tempo lo standard di ogni web designer, per le grandi possibilità di accessibilità, di velocità e di creatività che questa tecnica offre. Il corso di Dreamweaver Cs5 ti offre la possibilità, inoltre, di imparare a creare un sito in HTML5 (sostituirà addirittura Flash in molti settori) e Css 2 e 3, con la garanzia di creare pagine web moderne, accessibili, indicizzabili e con contenuti altamente grafici.
Creare layout grafici con i Css "table-less". Uso dei Tag div e dei nuovi tag di sezione dellHtml5. Regole Css 2 e Css3. Implementazione su Internet Explorer. - Aggiunta del contenuto alle pagine
I contenuti e la loro fruibilità fanno il sito web: saper gestire e inserire correttamente i testi, le animazioni, i video, le mappe di google, il form dei contatti, le gallerie web e gli effetti (vedremo meglio nella parte javascript) è l'obiettivo di questa sezione del corso. Ma non finisce qui: sul web è obbligatorio organizzare i contenuti in modo che gli utenti sappiano districarsi agevolmente, apprezzando il messaggio che vogliamo dare: il web designer deve anche studiare la disposizione dei propri contenuti ed enfatizzarne la comunicazione in modo efficace e creativo. Ricordati che un sito ben organizzato è un sito ben indicizzato.
Operazioni con le pagine. Aggiunta e formattazione di testo. Aggiunta e modifica di immagini. Inserimento di file SWF (animazioni). Inserimento di file FLV (video tipo youtube). Inserimento di mappe di Google e altre funzioni. Aggiunta di audio. Aggiunta di altri oggetti multimediali. Automatizzare le operazioni. Collegamenti e navigazione. Informazioni sui collegamenti e sulla navigazione. - Navigazione e collegamenti
In questa sezione imparerai a creare il menù di navigazione del tuo sito web. Sembra poca cosa, ma rientra anche questo negli argomenti di accessibilità, indicizzazione, oltre che nell'aspetto grafico del sito web. Creerai menu normali, a tendina in html css e, all'occorrenza, con l'ausilio delle librerie javascript.
Menu di collegamento. Barre di navigazione. Mappe immagine. Risoluzione dei problemi relativi ai collegamenti. Link interni ed esterni al sito. Principi di indicizzazione e accessibilità del sito web. - Creazione e gestione dei modelli di Dreamweaver
I modelli di Dreamweaver consentono di creare un layout grafico del nostro sito standard da utilizzare per le pagine, se queste sono numerose e si ritiene di fare le modifiche una volta per tutte le pagine. È una funzionalità molto utile solo per i siti di grandi dimensioni, visto e considerato che oggi, già le tecniche Css consentono livelli di modifica agili.
Informazioni sui modelli di Dreamweaver. Riconoscere i modelli e i documenti basati sui modelli. Creazione di un modello di Dreamweaver. Creazione di aree modificabili. Creazione di aree ripetute. Uso delle aree opzionali. Definizione di attributi di tag modificabili. Creazione di un modello nidificato. Modifica, aggiornamento ed eliminazione dei modelli. Esportazione e importazione del contenuto di un modello. Applicazione o rimozione di un modello da un documento esistente. Modifica del contenuto di un documento basato su un modello. - Anteprima delle pagine e pubblicazione del sito web
Per capire se il nostro sito si vedrà bene su tutti i computer ed i browser utilizzati dagli utenti, dovrai imparare a visualizzare e correggere le eventuali incongruenze su tutti i browser disponibili. Durante il corso si discuteranno le varie caratteristiche dei browser più diffusi in ambiente macintosh e windows.
Anteprima delle pagine in Dreamweaver. Anteprima delle pagine nei browser per Mac e per Windows. Anteprima delle pagine nei dispositivi mobili. Impostazione dello spazio/dominio web. Pubblicazione attraverso Dreamweaver. Pubblicazione attraverso software FTP. - Javascript e librerie JQuery / Motools
È una sezione molto divertente del corso di Dreamweaver perchè avrai accesso alle attualissime librerie Javascript JQuery e Motools, per dare movimento al tuo sito web e organizzare i tuoi contenuti in modo divertente anche per la navigazione. Queste tecniche consentono di creare addirittura animazioni e sostituire molto spesso le tecnologie Flash, le quali hanno evidenti problemi di indicizzazione e di accessibilità dei contenuti.
I linguaggi di programmazione. Il linguaggio Javascript. Le librerie Javascript per il web design. Quando usare javascript invece di Flash. Effetti, gallerie, menù a tendina in javascript. Aggiunta di comportamenti JavaScript. Inserimento di spry widgets. - Php e utilizzo dei blog ®WordPress
Non è un corso di programmazione Php, ma imparerai a sfruttarne le caratteristiche per creare form per le email, aree protette o addirittura per inserire un blog all'interno dei tuo sito. Una sezione di questo corso infatti è dedicata all'utilizzo dei famosi blog ®Wordpress e all'installazione sul proprio sito web dell'interfaccia di utilizzo. Riuscirai anche a creare un commercio online sfruttando i potenti plugin che questa interfaccia offre, con tanto di pagamento online e gestione dei prodotti con database.
Il linguaggio Php. Aggiunta di un form in php. Gestione di un database mySql. Installazione di un blog in php. Creazione, modifica del layout e gestione di un blog ®Wordpress. Installazione dei plugin per il commercio elettronico. -
Accessibilità e indicizzazione del sito web
Ci sarebbe da scrivere molto, ma vi invito a iscrivervi al corso che facciamo prima! A parte gli scherzi, sappiamo tutti quanto è importante far trovare il proprio sito ai propri futuri clienti; le tecniche SEO di indicizzazione di un sito sono spesso fraudolente e poco efficaci, però alcune di queste sono la base per un sito che si vuole proprorre onestamente: verranno discusse tutte quelle accettate (e imposte) dalle rigide specifiche dei motori di ricerca (Google su tutti). Imparerai a utilizzare correttamente i tag Title e le descrizioni, saprai dividere bene i contenuti del tuo sito e impostare i tag di accessibilità, saprai controllare le statistiche di Google Analytics per aggiornare i tuoi contenuti sulla base di ciò che vogliono i tuoi visitatori, oppure controllare se gli "spider" di Google vedono bene il tuo sito e come intervenire.
Una parte di questa sezione sarà dedicata a Google Adwords, il sistema di promozione a pagamento di Google.
Verifica dell'accessibilità del codice w3c. Usabilità del sito. Indicizzazione SEO per i motori di ricerca. Il motore di ricerca Google. Uso corretto dei nomi, del titolo e dei metatag. Rilevanza e coerenza del testo delle pagine. Strumenti per i webmaster di Google. Google Analitycs e le statistiche del sito web. Gestione campagne a pagamento Google Adwords.
Lo studio GattosulWeb offre solo corsi di grafica e web design mirati al mondo del lavoro, per questo motivo utilizziamo software professionali esclusivamente su piattaforma Apple Mac Os X con l'ausilio di tavolette grafiche WACOM. Ciascun allievo disporrà del nuovissimo e potentissimo iMac Widescreen con software Adobe Creative Suite 5, e per sfruttare in pieno le potenzialità dei software la tavoletta grafica Wacom Bamboo Pen.