I linguaggi HTML e CSS costituiscono la base di ogni sito web, oltre che il primo passo per chi vuole approcciarsi al mondo della programmazione.

Prima di imparare altri linguaggi, infatti, qualsiasi sviluppatore ha iniziato proprio da qui. Ecco perché è necessario innanzitutto imparare a programmare in HTML e CSS per strutturare i contenuti principali di una pagina web e, solo successivamente, andarea ad aggiungere gli attributi estetici che ne miglioreranno lo stile e l'usabiltà. 

In questo corso base di oltre 6h andremo a mettere a terra dei veri siti web con HTML e CSS. Ecco nel dettaglio gli argomenti che affronteremo: 

  • brevi cenni teorici sul web e i linguaggi HTML e CSS,
  • elementi fondamentali di HTML, come  header e paragraph, lists, div, title e molto altro,
  • elementi fondamentai di CSS, come sintassi di CSS, Box Model, selettori complessi e molto altro,
  • Costruzione effettiva degli elementi principali di un sito come navbar, header e content,
  • Messa online del nostro sito e come utilizzare GitHub per farlo,
  • Approfondimenti vari su HTML e CSS, come i dev tools  e molto altro.

Questo corso è rivolto a chiunque voglia imparare a programmare.

Partirai dal comprendere come funzionamento il Web, fino a saper creare siti web in HTML e CSS e pubblicare i tuoi lavori online. Queste competenze ti saranno particolarmente utili non solo se vorrai poi proseguire nella carriera ma anche se sei un marketer, un grafico, un imprenditore o qualunque altro professionista del web.

Conoscere HTML e CSS ti darà infatti maggiore libertà di azione nello svolgere i tuoi task quotidiani e ti permetterà di comprenderli a fondo soprattutto nel momento in cui dovrai demandarli e confrontarti su di essi con developer più avanzati.

 

Il programma che seguirai

    • 06. Introduzione a HTML 3m : 7s
    • 07. Il text editor - Sublime Text 1m : 54s
    • 08. La struttura del codice 5m : 15s
    • 09. Header e Paragraph 5m : 40s
    • 10. Lists 6m : 19s
    • 11. Div 2m : 35s
    • 12. Title 1m : 47s
    • 13. Link - Parte 1 5m : 23s
    • 14. Link - Parte 2 12m : 11s
    • 15. Immagini 5m : 39s
    • 16. Introduzione a CSS 2m : 52s
    • 17. La sintassi CSS 9m : 52s
    • 18. Proprietà tipografiche 10m : 53s
    • 19. Box Model - Padding, border, margin 15m : 11s
    • 20. Box Model - Width, height, auto 4m : 58s
    • 21. Box Model - Display 5m : 30s
    • 22. Selettori complessi, class, id 4m : 30s
    • 23. L'Header 11m : 16s
    • 24. La Navbar 9m : 2s
    • 25. Content 6m : 21s
    • 26. Introduzione alla messa online del sito 40s
    • 27. Utilizzare l'host di GitHub per andare online 4m : 21s
    • 28. Pubblicare aggiornamenti al sito online.mp4 3m : 9s
    • 29. Acquistare un dominio con Namecheap 8m : 55s
    • 30. Integrare Google Analytics per misurare il traffico della Landing Page 7m : 30s
    • 31. Responsive design 1m : 23s
    • 32. Mockup 1m : 45s
    • 33. HTML5 5m : 36s
    • 34. Markup di base 5m : 39s
    • 35. Header e Navigation 7m
    • 36. Tag Main 3m : 6s
    • 37. Gallery 4m : 33s
    • 38. Sfida Footer 1m : 50s
    • 39. Soluzione 2m : 53s
    • 40. Favicon 4m : 33s
    • 41. Normalize 2m : 55s
    • 42. Approccio di sviluppo 3m : 47s
    • 43. Header 6m : 12s
    • 44. Chrome dev tools 2m : 27s
    • 45. Sfida-Menu di navigazione 37s
    • 46. Soluzione 7m : 47s
    • 47. Commenti 1m : 16s
    • 48. Fonts 3m : 36s
    • 49. Unità di misura 7m : 5s
    • 50. Container 5m : 29s
    • 51. Float 4m : 53s
    • 52. Clearfix 7m : 12s
    • 53. Pseudoclassi 5m : 19s
    • 54. Responsive intro 1m : 51s
    • 55. Media queries 4m : 39s
    • 56. Gallery 4m : 11s
    • 57. Hover 4m : 57s
    • 58. Footer 2m : 25s
    • 59. Nuove pagine 12m : 36s
    • 60. Sfida- contatti 25s
    • 61. Soluzione 10m : 31s
    • 62. Font icons 6m : 26s
    • 63. Sticky footer 3m : 57s
    • 64. Meta 2m : 9s
    • 65. Intro positioning 1m : 28s
    • 66. Position Absolute 3m : 44s
    • 67. Position relative 5m : 26s
    • 68. Position fixed 3m : 7s
    • 69. Z-index 2m : 10s
    • 70. Flexbox intro 1m : 56s
    • 71. Flexbox terminology 2m : 14s
    • 72. Container properties 8m : 26s
    • 73. Header layout 6m : 31s
    • 74. Items properties 6m : 1s
    • 75. SfidaGallery 1m : 14s
    • 76. Gallery 3m : 39s
    • 77. Conclusioni e prossimi passi 1m : 7s
Github html5 CSS

Il tuo istruttore

Matteo Fratesi

Matteo Fratesi

Graphic Designer e Front End Developer @Lacerba

Un architetto con la passione per il mondo del web design. Dopo la laurea e due anni di esperienza nell'architettura e nel design, si trasferisce a Berlino per immergersi a tempo pieno in quello che è la sua passione. Ora Matteo è un esperto nell'utilizzo dei maggiori programmi di grafica e sa costruire siti con HTML, CSS e Javascript.

Competenze

Cosa saprai fare

Il programma completo non ti fornisce solo le basi di programmazione HTML e CSS. Seguendo tutte le lezioni, infatti, capirai:

  • come creare siti web responsive utilizzando il linguaggio HTML e CSS

  • come utilizzare i più avanzati strumenti di HTML e CSS

  •  come utilizzare le tecniche di layout più nuove

  • come andare online con il sito

Acquista subito

COSA DICONO I NOSTRI STUDENTI

4.84

146 recensioni
Corso base di HTML e CSS

Ho trovato degli aggiornamenti molto interessanti e utili rispetto alla versione precedente del corso...grazie mille!!!

Corso base di HTML e CSS

Corso veramente completo anche se definito base. Lezioni chiare che consentono di comprendere la meccanica e poterla applicare anche a concetti diversi, non dovendo "sottostare" alla procedura del tutor. Al termine del corso si può riconoscere , controllare e organizzare i vari elementi presenti nella pagina. CONSIGLIATISSIMO.

Corso base di HTML e CSS

Molto pratico ed intuibile. Video di durata tutto sommato contenuta che sicuramente consentono un apprendimento accelerato.

Corso base di HTML e CSS

Ottimo e ben fatto!

Corso base di HTML e CSS

Completo ed esaustivo!

Corso base di HTML e CSS

:)

Corso base di HTML e CSS

Mooolto chiaro

Corso base di HTML e CSS

corso approfondito che parte dalle basi, insegna la strada tradizionale prima di introdurre le scorciatoie/semplificazioni per consolidare i concetti

Corso base di HTML e CSS

Ben fatto, molto dettagliato, magari un pochino "nosioso". Ovviamente il tema non aiuta, ma è un po' più pensate di altri, sicuramente dovrò rivedere alcuni punti altre volte per sfruttare al meglio questo corso specifico. Comunque, preciso, dettagliato e ben fatto, come solito.

Corso base di HTML e CSS

Il corso è completo e molto pratico, indubbiamente ottimo per imparare la programmazione.

Corso base di HTML e CSS

tutto molto bene.. mi sarebbe piaciuto trovare a fine di ogni lezione il codice css/html sviluppato. In modo da averlo sottomano durante gli argomenti sucessivi

Corso base di HTML e CSS

bravi

Corso base di HTML e CSS

Interessante introduzione all'HTM e CSS dettagliata e minuziosa, ci ho messo un pò ma ne è valsa la pena!

Corso base di HTML e CSS

ottimo

Corso base di HTML e CSS

Veramente complimenti! Corso fatto molto bene e ben spiegato! Complimenti lacerba e complimenti Matteo!

FAQ

Domande frequenti:

Cosa succede se non sono soddisfatto del corso?

Non vorremmo mai che tu rimanga insoddisfatto/a di uno dei nostri corsi! Se dovesse accadere, contattaci e cercheremo di risolvere entro 24h qualsiasi problema tu abbia riscontrato. 

1

Posso vedere le lezioni più volte?

Certo! Una volta acquistato il corso sarà tuo per sempre. Puoi rivedere le lezioni ogni volta che vuoi, in qualsiasi momento. I video non sono live, sono registrati e sempre disponibili sulla piattaforma.

2

Quanto tempo ci vorrà per terminare il corso?

La durata totale del corso è di circa 6 ore. Tieni a mente però che il tempo di apprendimento dei concetti potrebbe essere leggermente più lungo. Per questo, una volta acquistati i corsi, Lacerba si impegna a renderli disponibili a vita!

3

Come è strutturato il corso?

Il corso è suddiviso in 77 lezioni. Il che significa che non hai bisogno di completarlo tutto in una volta, ma puoi seguirlo un pezzetto per volta, seguendo i tuoi tempi di apprendimento.

4