Corso CSS

Stilizzare siti Web coi CSS e CSS3

Corso completo ed approfondito sui fogli di stile, aggiornato alla versione CSS3, tratta la stilizzazione delle pagine Web partendo dal presupposto che il discente abbia giÓ delle conoscenze almeno sufficienti di HTML. Si parte dalla teoria, con la sintassi del linguaggio ed i metodi di implementazione degli stili, all'interno ed all'esterno della pagina. Vengono trattati poi i concetti di selettori, di ereditarietÓ e DOM dell'HTML, quindi di come questi pu˛ essere sfruttato dai CSS. Una serie di lezioni complete spiegano la gestione del testo, dei link, dei colori e dei font, del box-model, la tecnica del reset degli stili di default, l'ottimizzazione del codice, il posizionamento e della visibilitÓ degli elementi, delle pseudo classi e degli pseudo elementi. Tutorial pratici spiegano come realizzare un lauoyt table-less, come renderlo responsive, come gestire i menu di navigazione e come stilizzare i form. Ampio spazio Ŕ dedicato alle novitÓ della versione 3 dei CSS con esempi pratici ed intuitivi. Il corso si conclude con le referenze del linguaggio CSS: utile risorsa da conservare e consultare al bisogno.

Lezioni 18 lezioni testuali, suddivise in 129 argomenti
Immagini 180 immagini didattiche / illustrative
Video 1 video didattici e 26 video di esempio
Download 9 risorse extra da scaricare
Servizi quiz, quaderno appunti, assistenza1 ed attestato finale2
Docente Luca Ruggiero
  1. E' prevista nelle mod. Tutor, Certificate ed Extra
  2. E' previsto nelle mod. Certificate ed Extra

Prezzi ed Info del corso CSS

ModalitÓ Easy
Corso (accesso base per 30 gg)
39 €
ModalitÓ Tutor
Corso + Tutor (30 gg)
99 €
ModalitÓ Certificate
Corso + Tutor (60 gg) + Attestato
119 €
ModalitÓ Extra
Corso + Tutor (90 gg) + Attestato
129 €
N.B. I prezzi si intendono IVA esclusa
Acquista

Sommario lezioni del corso CSS

  1. Introduzione ai fogli di stile CSS
    • Introduzione ai CSS
    • Sintassi dei CSS
    • Fogli di stile in linea
    • Fogli di stile interni
    • Fogli di stile esterni
    • Quando usare CSS in linea, esterni ed esterni
    • I commenti condizionali CSS
  2. Selettori CSS
    • Cosa si intende per "selettori"
    • Classi e ID
    • Concatenazione degli elementi
    • Selezione nidificata
    • Assegnazione di pi¨ classi
    • Selezione mediante attributi
  3. Gestione della pagina, del testo e dei link, parte 1
    • Introduzione
    • Il corpo della pagina
    • Impostare immagini di sfondo
    • Elementi testuali HTML
    • Gestione dei colori
    • Codici esadecimali ed RGB
    • Font e dimensioni
    • Font personalizzati coi CSS3
  4. Gestione della pagina, del testo e dei link, parte 2
    • Font personalizzati con Google Fonts
    • Cenni sulle unitÓ di misura
    • Grassetto, corsivo, sottolineato, sopralineato e testo barrato
    • Allineamento del testo
    • Stilizzazione degli elenchi
    • Impostare il testo in minuscolo ed in maiuscolo
    • Altre impostazioni per il testo
    • Stilizzazione dei link
  5. Il box-model, parte 1
    • Cos'Ŕ un box
    • Altezza e larghezza effettive
    • Altezza e larghezza minima e massima
    • Allineamento in altezza
    • Gestione delle barre di scorrimento e ridimensionamento
    • Margini interni
    • Margini esterni
  6. Il box-model, parte 2
    • Gestione dei bordi
    • Stilizzare una tabella
    • Tabelle con celle di colori alternati
    • Stilizzare un elenco
    • Effettuare i giusti calcoli
    • Automatizzare il "box sizing"
  7. Ottimizzare il codice CSS
    • Introduzione
    • CSS Reset, resettare gli stili degli elementi
    • Ottimizzazione della gestione degli sfondi
    • Ottimizzazione della formattazione del testo
    • Ottimizzazione del box model (bordi, margini interni ed esterni)
    • Ottimizzazione dei valori "zero" e dei colori esadecimali
    • Analisi ed idee chiare aiutano molto
    • CSS compressor online tool
  8. Posizionamento e visibilitÓ degli elementi
    • Cosa vuol dire "posizionare gli elementi"
    • Posizionamento relativo ed assoluto
    • Posizionamento fisso
    • Sovrapposizione prioritaria degli elementi
    • Posizionamento flottante
    • Nascondere e visualizzare elementi
    • Applichiamo un pizzico di Javascript
  9. Tutorial, creare un layout table-less
    • Introduzione
    • Anteprima del progetto
    • I file e le immagini del progetto
    • La struttura HTML
    • Il foglio di stile
  10. Tutorial, creare un layout responsive
    • Introduzione
    • La tecnica del responsive design
    • Anteprime del progetto viste su vari dispositivi
    • Le media query
    • I file e le immagini del progetto
    • La struttura HTML
    • Il foglio di stile di base
    • Il foglio di stile responsive
  11. Tutorial, fucus sui menu di navigazione
    • Corretta gestione dei menu di navigazione
    • Menu verticale con effetto rollover con i CSS
    • Menu orizzontale con effetto rollover con i CSS
    • Menu dinamico a tendina solo coi CSS
  12. Tutorial, stilizzazione dei form coi CSS
    • Introduzione
    • ProprietÓ CSS utili alla stilizzazione dei form
    • Stili per le caselle e le aree di testo
    • Stili per le selectbox
    • Stili per i radio ed i checkbox
    • Stili per i bottoni
    • Stili per le etichette
    • Creazione di un form completo: il codice HTML
    • Stilizzazione del form: il codice CSS
  13. Altre stilizzazioni ed elementi
    • Introduzione
    • Gestione del cursore del mouse
    • Gestire le tabulazioni nei testi preformattati
    • Gestire le citazioni in virgolettato
    • Ritagliare un'immagine
    • Ritagliare un box
    • Importare file CSS
    • Impostare il set di caratteri
    • Impostare stilizzazioni "importanti"
  14. EreditarietÓ, pseudo classi, pseudo elementi ed altri selettori
    • EreditarietÓ
    • Altri sistemi di selezione
    • I valori initial ed inherit
    • Pseudo classi
    • Pseudo elementi
  15. ProprietÓ CSS3, parte 1
    • Introduzione
    • Garantire la compatibilitÓ coi diversi browser
    • Sfondi trasparenti
    • Sfondi gradienti
    • Personalizzare i bordi
  16. ProprietÓ CSS3, parte 2
    • Paginazione a colonne
    • Filtri ed opacitÓ
    • Angoli arrotondati
    • Applicare l'ombra ai box
    • Applicare l'ombra al testo
  17. ProprietÓ CSS3, parte 3
    • Trasformazioni 2D
    • Trasformazioni 3D
    • Effetti di transizione
    • Animazioni
  18. Referenze CSS
    • Introduzione
    • Colori e sfondi
    • Font
    • Testo
    • Elenchi
    • Dimensioni
    • Margini interni
    • Margini esterni
    • Bordi
    • Barre di scorrimento
    • Tabelle
    • Posizionamento e visibilitÓ
    • Cursore del mouse
    • Altre proprietÓ
    • CSS @rules
    • ProprietÓ CSS3
    • Pseudo classi
    • Pseudo elementi