CSS3: tutorial completo (2016)

Come realizzare i fogli di stile sul web usando la tecnologia CSS3

© Corsi.it

Produzione Corsi.it

Presentazione 02:47 1. Introduzione 35:39 2. Concetti base 01:08:23
Come scrivere la sintassi 06:02
Cos’è e come si definisce un selettore 07:35
Come si impostano le proprietà 09:27
Quali sono le unità di misura 10:01
Come definire i colori 09:00
Cosa sono e come inserire gli stili in linea 06:29
Cosa sono e come inserire gli stili incorporati 07:16
Cosa sono e come inserire gli stili di file esterni CSS 12:33
3. Selettori fondamentali 48:18
Cosa sono e come definire i selettori di elemento 07:52
Cosa sono e come definire i selettori di classe 07:24
Cosa sono e come definire i selettori di ID 03:27
Come usare al meglio le classi e gli ID 14:00
Cosa sono e come definire i selettori di elementi specifici 05:55
Cos’è e come usare il selettore universale 03:56
Cosa sono e come usare i selettori di gruppo 05:44
4. Selettori avanzati 01:01:34
Cosa sono e come usare i selettori discendenti 06:42
Cosa sono e come usare i selettori figli 04:43
Cosa sono e come usare i selettori adiacenti (o fratelli) 03:54
Cosa sono e come usare i selettori di attributo 09:14
Cosa sono e come usare i selettori di pseudo-classi dinamiche 09:35
Cosa sono e come usare i selettori di pseudo-classi strutturali 07:53
Cosa sono e come usare i selettori Nth-child 09:33
Cosa sono e come usare i selettori di pseudo-elementi 10:00
5. Risoluzione dei conflitti 28:28
Cosa accade quando gli stili confliggono 04:09
Cos’è il principio di cascata 05:15
Cos’è il principio di ereditarietà 06:53
Cos’è il principio di specificità 07:59
Cos’è e come usare la dichiarazione !important 04:12
6. Formattazione dei caratteri 52:42
Come assegnare il font 08:26
Come usare font personalizzati 10:42
Come usare i Google Fonts 05:08
Come impostare la dimensione del font 07:48
Come impostare corsivo e grassetto 05:23
Come trasformare il testo in maiuscolo, minuscolo e maiuscoletto 06:34
Come usare le decorazioni del testo 05:22
Come impostare il colore del testo 03:19
7. Formattazione dei paragrafi 24:40
Come controllare l’allineamento 04:36
Come spaziare lettere e parole 03:17
Come indentare il testo 03:57
Come regolare l’altezza dei paragrafi 07:01
Come controllare lo spazio tra gli elementi 05:49
8. Stilizzazione dei contenitori 01:01:22
Cos’è il box model 12:09
Come controllare lo spazio tra gli elementi 07:01
Come controllare lo spazio interno 08:41
Come applicare bordi 09:22
Come definire la dimensione degli elementi 10:14
Come allineare gli elementi 07:59
Come arrotondare gli angoli 05:56
9. Gestione dello sfondo 20:55
Come impostare un colore di sfondo 03:29
Come impostare un’immagine di sfondo 05:51
Come posizionare l’immagine di sfondo 04:50
Come impostare sfondi sovrapposti 06:45
10. Definizione dei colori 41:34
Come definire i colori con le parole chiave 03:50
Cos’è e come usare la notazione HSL 05:33
Cos’è e come usare la notazione RGB 06:05
Cos’è e come usare la notazione esadecimale 06:37
Come regolare la trasparenza 03:12
Come usare le notazioni RGBa e HSLa 03:32
Come realizzare le sfumature 09:24
Come usare fogli di stile a seconda del dispositivo 03:21
  • Titolo corso: CSS3: tutorial completo (2016)
  • Autore: Franco Iacovelli
  • Durata: 07h 26m 22s
Presentazione corso:
Ciao sono Franco Iacovelli, professionista certificato MCT, ovvero "microsoft certified trainer".

Nel corso di oggi sto per insegnarti a programmare i fogli di stile sul web: in particolare usando la tecnologia CSS 3

Se sei un web designer, uno sviluppatore o un webmaster, probabilmente sai già cosa significa dover modificare un sito web per adattarlo alle esigenze grafiche del cliente, o all'idea che tu stesso hai in mente.

Si tratta in pratica di imparare a soddisfare tutta una serie di esigenze:

ad esempio allineare un blocco di testo o un’immagine nella posizione desiderata di una pagina web;

oppure assegnare al testo il font desiderato, come ad esempio quelli che si usano in Office o i Google Font;

oppure riuscire ad impostare immagini e colori di sfondo esattamente come vuoi che siano;

oppure poter dare un aspetto diverso ad un sito rispetto ai dispositivi con i quali viene visitato, utile soprattutto nel caso del mobile;

Oppure esigenze più tecniche, come rintracciare singolarmente gli elementi ricorrenti in un sito, come titoli dei post, citazioni, commenti per modificarne la formattazione, e raggrupparli perché sia poi veloce modificarli in bulk;

Bene, per tutto questo oggi è NECESSARIO conoscere bene la tecnologia CSS3, perché è una tecnologia che si usa OVUNQUE

Non solo su pagine html statiche: ma soprattutto se devi modificare blog wordpress o cms complessi come JOOMLA.

Personalmente credo che  oggi non puoi dire di essere un buon professionista web, se non conosci bene la tecnologia CSS3

Ecco perché ho creato questo corso

In modo che, alla fine del corso, tu sia in grado di impostare colori, forma, posizione a qualsiasi contenuto di una pagina web, in modo da padroneggiare la grafica di un sito e poterla modificare velocemente e contemporaneamente in tutte le pagine del sito.

Ad esempio stai per scoprire

  • Come definire l’aspetto di una pagina web separatamente dai contenuti.

  • Come conoscere i nuovi standard dei fogli di stile dettati dal W3C.

  • Come modificare velocemente la resa grafica di un sito.

  • Come formattare correttamente qualsiasi contenuto in una pagina HTML.


E molto, molto altro

E stai per imparare tutto questo in modo PRATICO, perché L’intero corso ti seguirà nel processo di trasformazione di pagine HTML senza stili...

... in pagine web correttamente stilizzate con CSS3.

Sei pronto ad acquisire questa nuova professionalità, così indispensabile per il tuo lavoro?

C'è molto da vedere.

Iniziamo subito

In questa sezione trovi tutte le domande e risposte del corso. Per visualizzare le conversazioni clicca su una domanda. Puoi porre la tua domanda solo all'interno delle lezioni.

... in caricamento ...

Franco Iacovelli

Formatore Microsoft Certified Educator, MOS Excel 2019 Expert e supervisore AICA.
Dal 1991 è docente di informatica presso enti di formazione professionale.
Nel 2000 fonda un'agenzia di sviluppo web.
Dal 2010 si specializza nella formazione aziendale.
Nel 2014 inizia la sua attività di autore di video corsi.
Oggi è specializzato in Microsoft 365 e realizza video corsi, formazione on-line e on-site.
Tutte le info su www.francoiacovelli.it

... in caricamento ...

In questa sezione, se sei cliente del corso, puoi scaricare il materiale a supporto del corso.

Ad esempio puoi trovare (se prevista per questo corso) la versione solo audio del corso (in mp3), utile se desideri ascoltare il corso in auto o mentre fai jogging.

Oppure eventuali slide, file di esercizi, e questionari che può mettere a disposizione il docente.

Per scaricare i video delle singole lezioni clicca invece il pulsante azzurro vicino al titolo di ogni lezione (disponibile solo per clienti registrati che ne hanno il permesso).