Guida ai fogli di stile CSS per neofiti (2017)

Impara a programmare i fogli di stile CSS in modo semplice e veloce partendo dalle basi.

Benvenuto 03:13 1. Le basi 13:16 2. Gestire i colori e i background 18:55
Inserire un colore di sfondo 03:18
Impariamo le classi e l’allineamento del testo 07:31
Come inserire una immagine di background 08:06
3. Formattazione del testo 20:49
La proprietà text-decoration 04:34
La prorpietà text-transform 03:41
Gestiamo i fonts 12:34
4. Bordi ed immagini 21:59
I bordi e la proprietà padding 08:11
Applicare i margini 07:25
La proprietà border-image 06:23
5. Le formattazioni e i text 45:07
Applicare un’ombra al testo 09:28
Formattare le liste 04:27
Formattare le tabelle 05:34
Effetti di transizione e trasformazione 08:54
La proprietà border-radius 06:46
I gradienti 09:58
  • Titolo corso: Guida ai fogli di stile CSS per neofiti (2017)
  • Autore: Antonio Mercurio
  • Durata: 02h 03m 16s
Presentazione corso:
Salve a tutti sono Antonio Mercurio autore di questo corso sul CSS.

Il presente corso tratta dei fogli di stile o come si definiscono in gergo (cascading stylesheets style) in acronimo CSS.

Si tratta di una tecnologia , che nelle versioni precedenti ha permesso di superare il gap dovuto al fatto che il linguaggio con cui solitamente sono realizzate le pagine web è l’HTML che ha come unico scopo quello di consentire l’inserimento di elementi nelle pagine e di visualizzarli tramite il browser.

Ma quando si tratta di realizzare formattazioni personalizzate l’HTML non è la soluzione adatta in quanto ci costringe ad effettuare tante modifiche quante sono le pagine in cui la modifica si presenta necessaria.

Per questo si studia il CSS perché consente di ideare un solo ed unico file da applicare ai vari elementi ed importarlo nelle nostre pagine ed i contenuti saranno tutti formattati in modo personalizzato.

L’importanza del CSS nella sua ultima versione è tale che ormai con esso riusciamo a formattare non solo le pagine web dei nostri siti o blog ma anche webapp o app mobile che girano su browser dei nostri tablet o smartphone.

Per questo è utile imparare a muoversi con il CSS e nel corso gli argomenti che imparerete sono:

• inserire il codice css;
• personalizzare il colore di sfondo;
• impostare i fonts;
• allineamento del testo;
• la proprietà text-decoration per applicare decorazioni al testo;
• la proprietà text-transform che consente di ingrandire il testo tutto in maiuscolo o solo le prime lettere maiuscole;
• creare le classi;
• applicare bordi;
• impostare i margini delle pagine;
• il padding degli elementi interni ad altri, er esempio come spaziare i contenuti all’interno di un divisore DIV;
• applicare effetti d’ombra sui testi;
• applicare effetto offuscamento dei testi;
• ruotare e traslare il testo o altri elementi html;
• applicare immagini di sfondo;
• effetti di transizione;
• gradienti...

...e molto altro.

Ci saranno inoltre molti esempi pratici.

Il corso è utile a coloro che per semplice passione vogliono imparare a personalizzare alcuni aspetti dei loro siti, oppure vogliono intraprendere la professione del web designer o web developer.

Per seguire questo corso è necessario possedere solo minime conoscenze dell’HTML di base ed un pc con sistema Mac, Linux o Windows. Inoltre avrete bisogno di un browser come Chrome, Firefox ed un editor opensource di vostra scelta.

Partiamo 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 ...

Antonio Mercurio

guida al linguaggio css di baseAutore di libri sul software opensource distribuiti sulle maggiori piattaforme di self-publishing, in particolar modo è esperto di programmazione web e di software CMS come Joomla, Drupal, Wordpress. Nel 2002 si avvicina al software opensource attraverso lo studio del cms Xoops grazie al quale realizza un primo blog, dove posta guide in formato pdf sul software libero. E' co-autore di un portale italiano specializzato su e-learning, sviluppo web e sviluppo siti. Puoi seguire Antonio su www.w3web.it, sul suo blog personale www.tonymercurio.it  oppure sul suo canale youtube.

... 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).