Corso CSS

Stilizzare siti Web coi CSS e CSS3

Corso CSS completo ed approfondito sui fogli di stile, aggiornato alla versione CSS 3, 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 CSS 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.

1. E' prevista nelle mod. Tutor, Certificate ed Extra
2. E' previsto nelle mod. Certificate ed Extra

Prezzi ed Info del corso CSS

A chi è rivolto il corso CSS

Il corso CSS è rivolto a chi intende intraprendere la carriera di webmaster o di webdesigner, essendo la stilizzazione degli elementi mediante CSS un requisito indispensabile per chiunque desideri lavorare nel mondo del web-publishing e del design di pagine web.

Il corso CSS è un valido percorso didattico sia nell'ambito dello sviluppo di siti web "su misura" che mediante CMS. La conoscenza approfondita dei CSS, infatti, è requisito indispensabile anche per chi desidera lavorare con WordPress nella creazione e/o personalizzazione di template.

Prerequisiti del corso CSS

Oltre ad una buona padronanza dei normali strumenti informatici, per il corretto studio ed apprendimento del linguaggio CSS è indispensabile una buona conoscenza del markup HTML. Per chi iniziasse da zero, pertanto è consigliata la preventiva frequentazione del Corso Webmaster Base e/o del Corso HTML.

Obiettivi del corso CSS

Il corso di CSS si prefigge l'obiettivo di formare il discente sulle principali tecniche di stilizzazione degli elementi di una pagina web mediante l'utilizzo dei fogli di stile CSS. Al termine del corso il discente dovrà essere in grado di gestire autonomamente l'aspetto delle pagine web, personalizzandolo secondo le proprie esigenze e gusti stilistici.

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 esterni
   • Margini interni
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

Domande frequenti sul corso CSS

• Qual'è la durata del corso CSS?
  Il corso CSS può essere fruito on-line 7 giorni su 7, 24 ore su 24 senza alcun vincolo di orario. Il Corso sarà accessibile dal momento dell'avvenuto pagamento per il tempo previsto dalla modalità prescelta.
• Come funziona il corso CSS?
  Una volta attivato, potrai accedere alle lezioni del corso e potrai utilizzare gli strumenti di ausilio didattico (come, ad esempio, l'evidenziatore ed il quaderno appunti) nonché accedere all'area di download del corso. Al termine del corso CSS potrai eseguire un quiz di autovalutazione per verificare qual'è il tuo grado di apprendimento della materia.
• Riceverò un attestato per la frequentazione del corso CSS?
  Sì! L'attestato di partecipazione al corso CSS viene riconosciuto a tutti gli utenti che acquistano il corso nelle modalità certificate o extra.
• L'attestato del corso CSS è riconosciuto in ambito accademico?
  L'attestato del corso CSS è un documento privato che certifica la partecipazione ad un percorso didattico on-line. Il corso CSS, come tutti i nostri corsi, è riconosciuto in ambito privato e presso alcune Università potrebbe essere considerato valido per l'ottenimento di crediti formativi.
• Dopo aver frequentato il corso CSS mi aiuterete a trovare lavoro?
  Non siamo un'agenzia di collocamento, ma non è infrequente che le aziende ci chiedano i nominativi dei nostri studenti per assunzioni e/o stage formativi. Ogni volta che ne abbiamo la possibilità, pertanto, segnaliamo sempre i nostri studenti.
• In che modo il corso CSS può aiutare la mia carriera lavorativa?
  Il corso CSS, come tutti gli altri corsi on-line di MRW Corsi, è finalizzato a formare nuovi professionisti del mercato digitale. Se studierai e ti impegnerai a fondo, siamo sicuri che il corso CSS ti fornirà nuove competenze che potranno essere apprezzate dal mercato del lavoro. L'attestato del corso CSS, inoltre, rappresenta una prestigiosa documentazione che potrai allegare al tuo curriculum.

Informazioni sul docente

Luca Ruggiero

Classe 1978, diplomato in ragioneria ad indirizzo informatico nel 1996, ho iniziato ad appassionarmi al Web alle soglie del nuovo millennio grazie ad un corso di formazione come agente di vendita nel comparto IT, nel quale ho fatto conoscenza con le basi dello sviluppo Web e con l'HTML. Successivamente ho avuto una breve esperienza in un'azienda nella quale ho imparato le basi dell'SQL, applicandolo sul DBMS Oracle. Ho poi lavorato per sette anni in un'azienda di informatica nella quale ho operato come sviluppatore Web, Desktop e come sistemista, frequentando al contempo corsi di XML e SOAP, Oracle, Java, Linux, .NET Framework, ASP ed ASP.NET.
Parallelamente ho continuato la mia formazione, sia teorica che pratica, verso la mia vera grande passione: Internet; allo scopo ho quindi approfondito l'HTML ed imparato i linguaggi CSS, Javascript e jQuery, AJAX, XML, ASP, PHP ed SQL oltre che tecniche di Webdesign, gestione database (MS Access prima MySQL poi) e sicurezza dei sistemi Web.
Amo la didattica, principalmente grazie alle esperienze di collaborazione con portali online specializzati del settore IT come HTML.it prima e MrWebmaster.it poi. Nel 2013 ho suggellato il mio rapporto con la divulgazione di contenuti entrando a far parte dell'Ordine dei giornalisti pubblicisti.