Creare un sito web responsive con Dreamweaver CC

Prezzo: 41,99 € Categoria: Istruzione Nessuna valutazione Data pubblicazione: 19 dicembre 2013

Società: Teacher-in-a-Box Dimensioni: 468.41 MB Versione: 2.2.0 Tipo App: iPad

Descrizione

In questo videocorso IN ITALIANO di 6 ore di durata imparerai come si crea un intero sito web partendo da zero, utilizzando Dreamweaver CC. 
Scoprirai come progettare e pubblicare un sito web ricco di funzionalità come video, animazioni in HTML5, gallery di immagini, link e form di contatto.
Ma non solo: questo sito inoltre sarà progettato in modo di essere "responsive" cioè in grado di adattarsi, utilizzando i CSS3, a seconda del terminale su cui si sta visualizzando il sito (cellulare, computer, tablet, etc.).
I linguaggi utilizzati per la realizzazione di questo progetto saranno HTML5, Javascript e CSS3 ma niente paura se non hai nemmeno una conoscenza di base! Il videocorso è stato pensato proprio per chi parte da zero e infatti i linguaggi di programmazione vengono illustrati man mano che viene sviluppato il progetto.


ARGOMENTI TRATTATI NEL VIDEOCORSO:
1 - Introduzione al videocorso
Introduzione al videocorso: cosa imparerai e a chi è dedicato
Come si fruisce il web oggi
I dispositivi di destinazione: desktop, smartphone e tablet
Le tecnologie disponibili sul mercato
Panoramica del progetto che realizzeremo
I software e i linguaggi: Dreamweaver CC, HTML5, CSS3 e JavaScript
Alcune definizioni importanti prima di cominciare
Anatomia di un sito e di una pagina web

2 - Impostare un progetto responsive con Dreamweaver CC
Introduzione a Dreamweaver CC
Impostare un nuovo progetto
Creare un nuovo documento responsive e panoramica dei file creati
Panoramica dell'interfaccia di Dreamweaver CC
I pannelli che useremo di più: la vista live, ispezione e codice dal vivo

3 - Impostare la struttura del sito
Introduzione al linguaggio HTML: i tag principali
Strutturare l'home page del sito
Inserire e gestire un menu di navigazione
Creare link e collegamenti
Titoli ed intestazioni

4 - Impostare il layout grafico del sito
Gestire ed inserire immagini in un documento HTML
Nozioni di base sui fogli di stile o CSS
Layout responsive: che cosa è e le tecniche di sviluppo
Il pannello CSS Designer
Creare e modificare una regola CSS
Impostare i testi ed un logo con gli Adobe Edge Web Fonts
I box model: cosa sono e come usarli al meglio
Elencare elementi o aree: le liste
CSS Sprite: cosa sono e come utilizzarli per ridurre il peso delle pagine web
Creare una pagina template: la base per i layout interni

5 - Aggiungere contenuti al sito
Creare effetti e transizioni con i CSS
Inserire una animazione creata con Adobe Edge Animate CC
Introduzione alla gestione del video nel web
Creare una galleria fotografica con Adobe Widget Browser
Come inserire il plugin dei like di Facebook
Creare una pagina di contatti: i moduli
Creare una pagina di prenotazione: il modulo Datepicker di jQuery UI
Creare ed inserire una mappa

6 - Debug e pubblicazione del sito
Utilizzare gli strumenti di debug dei principali browser
Acquistare un dominio : i servizi hosting condiviso
Impostare le opzioni server di Dreamweaver
Trasferire i file tramite il protocollo FTP

7 - Risorse utili
Risorse online: i template
Siti web, blog e forum dove reperire informazioni
Altri videocorsi Teacher-in-a-Box suggeriti come approfondimento

FUNZIONI:
- Indice dettagliato
- Filtro di ricerca
- Segnalibri
- Playlist pre-impostate e personali
- Indicatori di completamento
- News
- Link utili
- Comandi per mandarti appunti o condividere la tua esperienza