logo mohole
close
logo scuola

Web Design

Entra nel mondo della creazione di siti e pagine web, partendo delle basi del HTML e dello stile CSS, ma sempre adeguati alle esigenze di realizzazioni moderne e adattabili ai diversi dispositivi di oggi, dallo smartphone al tablet al grande schermo desktop. Apprenderai anche le interazioni ed animazioni CSS3 e jQuery, realizzando al termine un sito vero ricco di funzionalità.
Prerequisiti: Uso base del computer e interesse e passione creativa verso il mondo dei siti web.
Produrremo:
un sito web responsive e con interazioni JavaScript/jQuery.

SPAZI E ATTREZZATURE

CORSI IN PARTENZA

CORSO STANDARD SERALE

 dal 16 maggio al 20 giugno
 ogni martedì dalle 19.10 alle 22.30
20 ore
470 €  IVA compresa, 440 € saldo in un’unica quota

ProgrammaIscriviti

CORSO INTENSIVO WEEK-END

27 e 28 Maggio, 10 e 11 Giugno, 24 e 25 Giugno, 8 e 9 Luglio
Sabato (9:30 – 18:30) – Domenica (9:30 – 17:30)
60 ore
 1.200 € (se paghi in un’unica soluzione) IVA compresa

ProgrammaIscriviti

 CORSO INTENSIVO ESTIVO

 da lunedì 3 lugliovenerdì 7 luglio
 dal lunedì al venerdì, dalle 9:30 alle 13:00 e dalle 14:30 alle 18:00
35 ore
700 € IVA compresa

 

ProgrammaIscriviti

LE BASI
Brackets
Le basi del linguaggio HTML
Creare i primi contenuti

AGGIUNGERE STILE CSS
Liste e tabelle
Basi del linguaggio CSS
I selettori
I Browser
Teoria di web design

INIZIARE UN LAYOUT
Workflow per realizzare un layout web
Creare il progetto
Head e metadati
Strutturare la pagina con i

PRIMI ELEMENTI
Reset CSS
Stili generali e la questione font
Stilare la testata
Effetti con :hover

COLONNE E PULSANTI
Il float nel dettaglio
Creare le colonne
Stilare contenuti e footer
I pulsanti social
Testare il layout sui browser

CONCLUSIONE E PUBBLICAZIONE
Strumenti per la verifica e validazione
Come funziona la pubblicazione
Tools FTP
Conclusioni

  • HTML5: struttura, testi, semantica.
  • CSS3: Basi di UI, transizioni, trasformazioni, Responsive Web Design.
  • IMMAGINI: Come inserirle, formati per il web, ottimizzazioni.
  • VIDEO e AUDIO: embed e nuovi tags Html5.
  • FRAMEWORK Responsive: Bootstrap 3.
  • INTERAZIONI JavaScript: jQuery, plugins.
  • PUBBLICAZIONE: Ftp, hostings, domini.

Giorno 1

Mattino

  • Presentazione del corso
  • Introduzione alla rete World Wide Web, linguaggio HTML
  • Editor di codice Brackets, struttura della pagina HTML
  • Primi inserimenti di testi e immagini
  • Elementi base, liste
  • Esercitazione pagina Wiki

Pomeriggio

  • CSS: aggiungiamo stili alle pagine
  • Colori, sfondi
  • Il box-model
  • Esercitazione: pagina strutturata con i DIV

Giorno 2

Mattino

  • Creiamo un piccolo sito: consegna dei componenti
  • Il progetto
  • Iniziamo dai metadati
  • La testata
  • Effetti hover
  • Il float per le colonne

Pomeriggio

  • I contenuti centrali
  • Il footer
  • Pulsanti social con immagini di sfondo
  • La pubblicazione: hosting, FTP.

Giorno 3

Mattino

  • Semantica dell’HTML5
  • Plugins di Brackets per un miglior codice
  • Responsive Web Design: usabilità e mobile.
  • CSS media query
  • Nuovi tag video e audio
  • Bootstrap, un framework responsive

Pomeriggio

  • Pulsanti Bootstrap
  • Esercitazione fasce orizzontali
  • Creiamo un minisito responsive, la struttura
  • Web Fonts: Google Fonts, Adobe Edge Fonts
  • Inseriamo le immagini

Giorno 4

Mattino

  • Transizioni e trasformazioni CSS3
  • Icone font vettoriali
  • Testing e emulazione mobile

Pomeriggio

  • Cosa sono le interazioni JavaScript e libreria jQuery
  • Basi di programmazione client
  • Nel minisito: creiamo una pagina FAQ
  • Riconosciamo gli elementi
  • Esercitazione: Portfolio filtrabile

Giorno 5

Mattino

  • Elementi Modali
  • i plugins jQuery
  • Galleria fotografica con il plugin Fancybox
  • Validazione forms

Pomeriggio

  • Esercitazione
  • Elementi JavaScript di Bootstrap
  • Dropdown, Carousel, navbar
  • Esercitazione: personalizziamo un menu di navigazione
  • Conclusioni, siti, libri, ebook consigliati

DOCENTI

CERTIFICAZIONI

ARTWORKS

Guarda lo showcase

RICHIEDI INFORMAZIONI

Vuoi avere informazioni più precise, o vuoi fissare un incontro?

Acconsento al trattamento dei miei dati personali, ai sensi della legge 196/2003 *