Web Design e Dreamweaver Base

Il corso si prefigge lo scopo di illustrare le fasi fondamentali della realizzazione di un sito Internet e di insegnare l'uso degli strumenti principali, con particolare attenzione a Adobe Dreamweaver che costituisce il software professionale maggiormente diffuso.
Al termine del corso, l'utente sarà in grado di realizzare un sito web in XHTML completo di contenuti multimediali e conforme agli standard internazionali, fatti salvi i necessari approfondimenti su determinati aspetti e problematiche specifiche.

Durata del corso: 6 incontri di 4 ore ciascuno

Materiale: manuale di DW suggerito (facoltativo) / manuale sui CSS suggerito (facoltativo)

Programma:

Parte prima: introduzione al Web Design

Introduzione: competenze e strumenti principali Roadmap della realizzazione di un sito: intervista al cliente, piano di qualità, prototipi ed approvazione, simulazioni d'uso, messa in linea, aggiornamenti Stato di Internet in Italia e prospettive I fattori che incidono sulla visualizzazione dei siti web (risoluzione video, browser, velocità di connessione, disponibilità dei plugin) e relative strategie di implementazione Le tendenze recenti: il Web 2.0. Stile e scalabilità

Parte seconda: la struttura di un sito web

La struttura di un sito: la pagina index e le altre pagine Organizzazione ragionata dei files. La cartella locale e quella remota. Scelta dell'hosting Introduzione alle pagine dinamiche ed all'uso di database. Cenni su tipologie particolari di siti (forum, blog ecc.) Principi base della navigazione in un sito La fruibilità

Parte terza: (X)HTML 4.01 E CSS 2 - USO DI ADOBE DREAMWEAVER©

Introduzione agli standard W3C CSS. Creazione, utilizzo e modifica degli stili. Stili di tag HTML, stili di classe. Stili avanzati Gli elementi di una pagina web: i tag HTML fondamentali Introduzione a Dreamweaver CS3/CS4/CS5: scrivania di lavoro, menu, barre, pannelli, estensioni La creazione di un sito: cartella locale, cartella remota, server di prova, connessione FTP La vista Progettazione (Design) e la vista Codice Inserimento e formattazione del testo. Dimensionamento. Le famiglie ammesse e superamento dei limiti Il colore. Notazione in valori RGB e tramite codice esadecimale. La web palette I collegamenti ipertestuali: ancoraggio, link esterno, link ad un indirizzo e-mail. Uso di JavaScript per aprire nuove finestre dimensionate e centrate Le immagini. Inserimento e dimensionamento. Immagini rollover. Link applicati alle immagini Realizzazione di un layout di pagina: metodo tradizionale (cenni), uso delle tabelle, frames (cenni), uso dei CSS Posizionamento dei blocchi: statico, fisso, assoluto, relativo. I blocchi flottanti Cenni sui principali schemi di layout di pagina ottenuti con CSS: una/due/tre colonne, a dimensione fissa o liquida, centrati orizzontalmente e/o verticalmente

Parte quarta: GLI ELEMENTI MULTIMEDIALI

Realizzazione degli elementi multimediali: filmati Flash, video, musica Modalità di inserimento di un filmato Flash nella pagina I formati audio e loro utilizzabilità I formati video e loro utilizzabilità Download, esecuzione in streaming, progressive download Cenni su Adobe Flash©

Parte quinta: AGGIORNAMENTO E BACKUP DEL SITO

Le procedure di aggiornamento del sito. Lo strumento Sincronizzazione di Dreamweaver Il backup del sito e dei database

Parte sesta: LA PROMOZIONE DEL SITO

I motori di ricerca e l'indicizzazione L'inserimento dei meta-tags nel codice di pagina Realizzazione della sitemap XML ed inoltro a Google Cenni su Google AdWords

Parte settima: ACCESSIBILITA' E FUTURO DEL WEB DESIGN

Accessibilità (cenni) Il futuro del web design: HTML 5, CSS 3

RIFERIMENTI BIBLIOGRAFICI Durante lo svolgimento del corso, verranno fornite indicazioni bibliografiche sui vari argomenti affrontati per consentire ai partecipanti di approfondire debitamente gli stessi.

PER ULTERIORI INFORMAZIONI:
INSTANT WEBSITES