Corso CSS + HTML GRATIS completo per CREARE SITI WEB: da PRINCIPIANTE a ESPERTO
Вставка
- Опубліковано 31 тра 2024
- Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire l'aspetto di un sito web scritto in HTML. Consente di definire la disposizione, i colori, i font e molti altri aspetti estetici dei contenuti presenti nelle pagine web. In questo corso completo vi mostrerò come utilizzare il CSS per creare siti web accattivanti e funzionali. Vi guiderò passo-passo nell'utilizzo di questo potente strumento, in modo che anche se siete principianti, potrete creare progetti di qualità, imparare ad utilizzare il CSS e dare vita alle vostre idee.
Ecco la playlist ROAD to WEBDESIGN, con tutti i video per sviluppare siti web:
• ROAD to WEBDESIGN
Ecco il corso completo (gratis) su HTML:
• Corso HTML COMPLETO gr...
Potrei vendere i miei corsi a caro prezzo, invece li pubblico gratuitamente su UA-cam per farli vedere a più persone possibile. Se anche tu credi nel valore della formazione professionale e gratuita, puoi supportare il mio lavoro abbonandoti al canale (anche un solo mese può fare la differenza): youtube.com/@ciraolone/join
00:00:00 Clicca per i capitoli
00:02:43 Cos'è il CSS
00:07:28 Cosa serve per imparare il CSS
00:13:16 Creiamo files e cartelle
00:25:07 Brevissimo ripasso di HTML
00:33:53 Come funziona il CSS
00:38:43 Come sostenere questo progetto
00:40:21 Il CSS in linea
00:46:48 L'elemento "style"
00:59:38 ID e classe
01:18:06 I selettori CSS
01:33:52 Conflitti e priorità
01:54:33 I commenti
01:59:28 Collegare un file CSS esterno
02:07:52 Dove trovare le proprietà CSS
02:16:38 Come sfruttare l'Intelligenza Artificiale
02:29:40 Un piccolo riordino
02:33:04 Questo progetto conta su di te
02:35:07 I colori
02:57:54 Il testo
03:09:51 I caratteri
03:29:10 Le dimensioni
03:52:30 Una società migliore
03:53:50 I margini esterni e interni
04:14:51 I bordi
04:28:50 Lo sfondo
04:47:10 Ombre e trasparenze
05:00:28 Proprietà "float"
05:06:13 Il posizionamento
05:24:20 first-child e last-child
05:34:27 Il passaggio del mouse
05:45:20 Creare siti responsive
06:02:26 Le transizioni
06:15:36 E ora che si fa?
#css #html #webdesign #sitiweb #sviluppoweb #programmazione #website
Per le risorse gratuite, la newsletter, il canale Telegram, la mia attrezzatura, puoi visitare il sito: ciraolo.me - Навчання та стиль
Ecco la playlist ROAD to WEBDESIGN, con tutti i video per sviluppare siti web:
ua-cam.com/play/PLDhDfv9Kmg1S4qvFtHOopW12Nsd_Iagiu.html
Ecco il corso completo (gratis) su HTML:
ua-cam.com/video/JRJNvxoh844/v-deo.html
Potrei vendere i miei corsi a caro prezzo, invece li pubblico gratuitamente su UA-cam per farli vedere a più persone possibile. Se anche tu credi nel valore della formazione professionale e gratuita, puoi supportare il mio lavoro abbonandoti al canale (anche un solo mese può fare la differenza): youtube.com/@ciraolone/join
😊😊❤
grazie Andrea
Sera mi chiedevo come trovare il corso su Javascript
Bellissimo corso mi piacerebbe se è possibile seguire anche il corso Javascript e come trovarlo
Andrea, ti ringrazio. Hai spiegato tutto in modo semplice e professionale, aggiungendo un pò di ironia e divertimento che ha alleggerito il corso.
Cavoli grazie di cuore per il tuo supporto!!!!
Ciao Andrea, volevo ringraziarti per tutto quello che stai facendo su questo canale. Non è assolutamente da tutti mettere a disposizione materiale di valore gratuitamente. Io ho un background linguistico (mi sono laureata in lingue 1 anno e mezzo fa), ma non sono ancora riuscita a trovare lavoro. Così ho deciso di mettermi a studiare programmazione e parto proprio da zero. Ma trovo i tuoi video fantastici, tu riesci a spiegare tutto molto chiaramente e con parole semplici, infatti finora sono riuscita a comprendere tutto (ho seguito anche il corso su HTML). Purtroppo al momento non riesco a supportarti economicamente, ma appena troverò un lavoro farò in modo di supportare il tuo lavoro. Per ora ti lascio questo commento e un like al video :)
Evviva! Grazie mille e un grosso in bocca al lupo!
Guarda, questo lo sto cominciando proprio ora, ma dato tutto quello che mi hai insegnato con gli altri 280 videocorsi gratuiti che ho già visto ci tengo a ringraziarti. Sono ancora all'inizio del mio percorso ma ti assicuro che sei stato parte integrante della mia decisione di FARE qualcosa, invece di continuare a rimandare.
Fabio! Grazie mille per il tuo supporto e per questo tuo commento 🙏
6 ore talmente scorrevoli che sembreranno 6 secondi. Grazie per tutte le spiegazioni, Andrea! Aspetto con ansia anche il corso su Javascript!
Concetti spiegati in maniera chiarissima e scorrevole, non mi sono nemmeno accorta che erano più di 6 ore di corso! Complimenti veramente! Spero che farai anche il corso Javascript!
Me lo stavo giusto augurando anch'io! ;)
Ciao Andrea ho appena finito di vedere il tuo corso CSS dopo quello HTML. Ti voglio ringraziare Sinceramente per i contenuti, il modo in cui li esponi ma soprattutto per la tua visione sulla condivisione di essi. Sono sicuro che grazie a te avrò una solida base per quella che spero sia la mia futura carriera lavorativa anche se un lavoro ce l'ho già. Sei una brava persona, auguri per il tuo canale e la tua famiglia. Un abbraccio e buona vita🫂🙂
Grazie davvero per il tuo supporto, che mi motiva a fare sempre di più e meglio! 🙏
Grazie Andrea per quello che fai per noi. Sono una persona molto cocciuta e ignorante in queste materie, ma con te è stato davvero tutto molto piu facile. Attendiamo chissà magari se lo farai il prossimo corso di Java Script. Sei un grande
Grazie! Devo ammettere che con tuo video ho colmato delle lacune che mi sembravano delle montagne insormontabili e alla fine si sono rivelate docili collinette 🤣 ho visto decine di video in inglese ma il tuo modo di creare contenuti è qualcosa di eccezionale! È come se mi avessi aperto la testa e ficcato dentro tutto ciò che mi serviva con tutta la semplicità di questo mondo. Continua così e resta sempre te stesso!!! Adesso mi infogno con CSS mentre aspetto JS
Grazie Andrea sto perdendo il lavoro e mi sto affidando al tuo corso per migliorare le mie competenze, in questo momento seguire il tuo corso mi sta dando un pò di serenità per il mio futuro. Grazie per quello che fai
Fantastico, grazie a te. Lavora sulle tue competenze e le soddisfazioni arriveranno!
Hai un modo di esporre i concetti molto chiaro, se è nelle tue competenze mi piacerebbe guardare un tuo video dove spieghi JavaScript 😁
Esiste questo video???😁 serve anche a meeeee
Stavo aspettando questo video da circa un anno, da quando ho visto il tuo corso sul HTML. Adesso però aspetto quello su javascript😁
Più di 6 ore? Questo è un sogno!
Ehehehehhe
Sei la dimostrazione che per insegnare non bisogna solo conoscere la materia, ma anche saper insegnare, appunto. Sto seguendo un corso in presenza nella mia città ma su alcuni argomenti il mio professore va troppo velocemente (si sofferma su quelli semplici e va velocissimo su quelli più difficili da assimilare .-.) per cui avevo bisogno di colmare delle lacune ed eccomi qua. Che dire… grazie! Prometto che quando inizierò a lavorare nella programmazione, darò un mio contributo perché so già che mi sarai stato di grande aiuto!
Ho appena terminato il corso sul CSS…allora procedo ufficialmente a iniziare quello di Javascript con qualcun altro…😪😪😪😭😭😭😭 mi dispiace troppo perché mi trovavo benissimo con te
grazie, ho appena finito di vedere il video, siccome sono over 35 e frequentare un corso è un costo abbastanza costoso, ho avuto modo, grazie a te di colmare molte lacune e aggiornare le mie conoscenze. Spero alla fine di realizzare questo sogno che mi era stato reso impossibile e trovare un lavoro in questo campo, ma da oggi, chi non mi dava fiducia si è ricreduta. non mi dimentico di ricambiare il favore. grazie di cuore.
Volevo complimentarmi con te Andrea! Hai una dote nello spiegare che è davvero invidiabile! Spero che continuerai a postare contenuti perchè sono delle risorse molto importanti! I miei piu sentiti complimenti !😃
Grazie di cuore! :)
Grazie per i tuoi contenuti! Mi stai facendo appassionare al web design! Dopo i tuoi corsi HTML e CSS non vedo l'ora di continuare!
Grazie di cuore
Ciao Andrea, a distanza di un anno dall’aver visto il tuo corso html ho ripreso con css e sto continuando a programmare perché è ciò che mi piace fare. Sei una persona fantastica come poche e se il mondo fosse pieno di persone come te sarebbe un posto bellissimo. Grazie tante per quello che ci regali e con questa piccola donazione ti ricambio il favore. Aspetto con ansia il corso su javascript che sarà stupendo. Buona fortuna per tutto e stammi bene🤝!
Vittorio
Grazie di cuore Vittorio!!!
Ciao Andrea, volevo ringraziarti per tutto quello che stai facendo su questo canale. Non è assolutamente da tutti mettere a disposizione materiale di valore gratuitamente. complimenti.
Grazie Andrea ,mi eserciterò sulle basi che mi hai dato e appena troverò lavoro ti darò il mio contributo abbonandomi..è davvero il minimo perchè questi corsi costano un occhio della testa.
Ciao Andrea! Ho seguito il corso su HTML ed ora sto proseguendo (mi mancano un paio d’ore al termine) quello sul CSS. Ora mi sto già seriamente preoccupando su come continuare senza di te e un tuo eventuale corso su JavaScript. Ti mando questa donazione sperando che tu possa continuare anche con javascript, ma appena troverò un lavoro continuerò a sostenerti per ripagarti di quello che fai e come lo fai. Mi stai dando una speranza per il futuro, mi sentivo un’idiota, ma forse semplicemente mi “serviva” qualcuno che parlasse alla mia portata. Grazie di cuore❤️🩹
Grazie di cuore Paola per il tuo supporto! 🙏 Il corso su Javascript è in programma: spero presto!!
Corso molto utile, ti ringrazio ed appena vincerò il concorso docente ITP passerò nuovamente! ;-)
Il sistema esadecimale è l'unico modo per restituire il colore scelto con la stessa sfumatura su qualsiasi browser si utilizxi, mentre dire rosso o coral potrebbe avere sfumature diverse da macchina a macchina, ma se dai il codice esadecimale s'individua perfettamente il colore scelto
Il tuo modo di spiegare le cose è semplicemente fantastico! Grazie :)
Mi pare il minimo offrirti almeno un caffè. ☕Grazie per tutto il lavoro immenso che hai fatto e che farai!
Dio ti benedica.
Grazieeeeeee 🙏🙏
Questo corso è fantastico. Ho iniziato da poco ad approcciarmi a questo mondo e mi stai aiutando tantissimo. grazie
Ciao Andrea, sto cercando di intraprendere questa strada di conoscenza e ho vIsto tanti video di altre persone ma posso dire che tu SEI IL NUMERO 1, come spieghi le cose é semplicemente fantastico! grazie per tutto quello che fai, quando inizieró questa carriera (almeno lo spero) non mi dimenticheró di te! (anche se giá ti sto facendo una forte pubblicitá trá i miei contatti).Una sola parola: GRAZIE!
Ciao, se vuoi diventare Frontend developer (è questo il ruolo) ti consiglio o ti aiuto :) anche io sono un appassionato che sto cercando di diventarlo. Ho fatto uno stage recentemente presso un azienda di Frontend web development
SEI UN GRANDE questo video e' uscito appena ho iniziato l'universita' ed e' comodissimo. Hai spiegato tuttto alla meraviglia e con i tempi giusti, non serve nenche mettere in pausa il video...
oddiooo mi e' capitato proprio quando mi servivaa. Ho appena finito il corso tuo di html e ora possoo finalmente godermi questa perla
Lo aspettavo da 1 anno il video con il CSS🤗
Sei da premio nobel, veramente preparato e semplice nell'esposizione.
Grazie mille Andrea. Ho seguito i tuoi video e davvero sono riuscito ad amare questo mondo, non vedo l'ora di trasformare questa passione nel mio lavoro! Continua così
Che bello! Sono molto contento per te! Grazie di cuore per il tuo supporto! 🙏
Ero indietro col mio corso privato che sto frequentando, ma grazie ai tuoi video di web develope mi sono rimesso al passo. Infinite grazie.
Spero che farai anche un corso su javascript.
Sto seguendo un altro corso a pagamento, ottimo e pieno di reference e progetti pratici ma questo video mi sta aiutando molto a ripassare e focalizzare alcuni concetti in modo più solido. Grazie davvero, non è molto ma un minimo volevo contribuire.
Oh! Grazie di cuore Gabriele!!!
Grazie, davvero ❤
Sei il migliore, attendo con ansia un bel corso Java ❤
Ciao Andrea,
ti ringrazio di cuore per il tuo lavoro. Se mi sono appassionato al web design è anche merito tuo che metti a disposizione del materiale preziosissimo, arricchito con la tua capacità di guidare verso un risultato in maniera piacevole e scorrevole. Insomma, sei il classico prof. amico di tutti. In bocca al lupo per tutto!
Andrea da Firenze
Grazie di cuore Andrea! (Anche per il tuo abbonamento)
Grazie Andrea, mi approccio per la prima volta alla programmazione delle pagine web e devo dire che spieghi assolutamente in maniera chiare ed efficace! Penso, grazie a te, di continuare a seguire questo percorso e spero di vedere presto il video su JavaScript per 'completare' il quadro sull' HTML.
Ancora Grazie! Vai forte! ❤
Grazie di cuore!!!!
grazie andrea per il tuo corso, appena finito ( sicuramente lo guarderò altre volte per rinfrescare la memoria visto che lho visto tutto in due volte, e lo consiglierò a chiunque voglia intraprendere questa strada)
complimenti per il tuo modo di spiegare cose apparentemente difficili in modo simpatico fluido e con una bella successione di argomenti, ora devo solo fare pratica di tutto cio che ho imparato, e successivamente se riesco a trovare lavoro in questo ambito non mancherò di farti delle donazioni che saranno fatte di vero cuore, grazie mille!
Grazie a te mi sono avvicinato al mondo della programmazione..ho appena cominciato un corso di web developer per trovare un nuovo lavoro!!..Grazie
Finalmente questo video lo stavo aspettando da tanto tempo!
Grazie. Per tutto. Sto seguendo attualmente il tuo corso sul CSS (ovviamente ho seguito anche quello per HTML), e grazie a te mi é tornata la voglia di studiare e di ricominciare scuola. Infatti a breve con Grandi Scuole inizieró il mio persorso per il diploma di informatica e ho intenzione di successivamente fare un corso per programmatori per migliorarmi ulteriormente. grazie mille, Sei bravissimo, continua cosí, un abbraccio.
Che bello! Grazie di cuore!!
Grazie Andrea per questo corso stupendo. Ho imparato un sacco di cose molto interessanti e la mia passione per HTML e CSS è aumentata grazie a te; il fuoco della passione è stato AMPLIAMENTE fomentato. I tuoi corsi sono molto formativi, hai un modo di spiegare semplice e adatto a tutti e questo fa la differenza. Adoro la tua mission e spero di conoscere altre persone come te.
Attenderò con impazienza altri tuoi corsi sempre per creare siti (ho già addocchiato quello di wordpress che comincerò a breve).
Grazie infinte ancora, continua così!!
Grazie di cuore per il tuo supporto Fede e per le tue parole. Dacci dentro mi raccomando!
io ti amo..... sto seguendo il corso di 3 ore sull'html e poi passerò a questo una volta preso confidenza con quello.
appena avrò la possibilità mi abbono
continua cosi🙏🙏
La spiegazione dei conflitti, specificità e priorità... è stata semplicemente SUBLIME!
Ovviamente anche tutto il resto...
Grazie di cuore Andrea
Ma grazie a te!!!
Didattica professionale ai massimi livelli. Magistrale Andrea. Grazie.
Grazie a te per il supporto, Carlo!!
Grazie veramente per il tuo tempo e ti assicuro che non e tempo perso aiuti molte persone che non hanno la possibilità di fare questi corsi a pagamento . Questo e il mio secondo corso fatto con tè e ci riesco benissimo a capire e fare le cose che ci spieghi .Grazie per il tuo tempo che dedichi alle persone.
Grazie per il corso, sto imparando molto guardando questi video che ogni altra guida presente dove spiegano le solite cose con "non è difficile basta ragionare sul da farsi" ma la maggior parte delle volte non spiegano questo "DA FARSI" cosa esattamente sia.
Ooohh!! Grazie mille per il tuo riscontro e per il prezioso supporto!
mio padre, appena ho due soldi da parte giuro su iddio che farò la mia parte!
per ora posso solo dirti un enorme grazie
grazie davvero Andrea, esponi in modo chiarissimo anche le cose un più complicate
Ciao Andrea, grazie per questo corso gratuito. Ti lascio un Super Grazie per supportare la tua missione. Sono uno sviluppatore esperto e apprezzo chi dona la propria conoscenza al prossimo.
Grazie infinite per il tuo supporto e il tuo messaggio, Gianluigi! 🙏
grande andrea, puoi fare JS o PHP?
Grazie Tante per il vostro contributo all'umanità, siete molto bravi, ci impegneremo a sdebitarci. Grazie SR Andrea
Aspettavo questo video da tempo... Ora posso esserne soddisfatto... È meglio della finale dei Mondiali 😂👍
Bravo Andrea. Un corso ben fatto!!👍👍
Grazie Andrea!! Non vedo l'ora!!! 🤗😊🤩
Grazie Andrea.
Il tuo metodo è eccezionale, mi fa capire meglio i vari concetti. Mi aiuta a mettere i pezzi in ordine.
Grazie
Grazie tanto per quello che fai.
Grazie di cuore a te, Vittorio!
Chiarezza, approccio step by step, qualità.. insomma, Grazie!
Marco! Grazie davvero per il tuo prezioso supporto!! 🙏🙏🙏
Grazie Andrea! Corso chiarissimo, super piacevole da seguire. Grazie davvero:)
Sei veramente un grande, di una professionalità ineguagliabile.
:05:24:00 eh si ho imparato tante cose in una settimana ,ovviamente ce bisogno di tanta pratica ma non mi stanco mai di imparare e prepararmi al meglio per l'accademia volta !grazie ciraolone lascierò un buon compenso!
sei una bravissima persona ,gentile ,disponibile e molto umana (visti i tempi riciorrenti) .Lascierò sicurmanete un buon compenso perche lo meriti.Da principiante sto iniziando ad infarinarmi per poi successivamente entrare a far parte di un corso a pagamento ed infine conseguire una certificazione ic php dev. ,riconosciuta(spero) nel mondo del lavoro.Almeno grazie a te sarò gia ben preparato e dovrò faticare meno dopo!!!!!!!🖤
Semplicemente, grazie. Riempi questa semplice parola con tutto ciò che può significare per te. Grazie!
finalmente, lo aspettavo!
L’ho fatto per te!
@@ciraolone non sai quanto ti amo andre
daje, sto seguendo ora il tuo corso HTML, vedrò anche questo, magari spiegassero tutti come te.
Un bellissimo corso che mi ha aiutato molto!
Adesso dopo il html e css aspetto il Java Script !!!
Grazie!!!!!🤩
Finalmente!! Benvenuto Css grande Andrea
grande Andrea le tue lezioni sono chiare esposte in modo semplice con il tono della voce cosi cordiale rendono i tuoi corsi veramente piacevoli.
ps ho imparato gia html e css
FINALMENTE È ARRIVATO, GRAZIE.
grazie andrea sono alla fine del corso css seguito ovviamente anche il tuo corso html, volevo chiederti se ora devo imparare java script per completare il corso come sviluppatore di pagine web
Ciao sei un grande! GRAZIE!
Grazie.
Grazie mille a te!!!
Molto bella ed interessante. Unico consiglio, ma prendilo come tale: a volte ti perdi alla ricerca di miglioramenti della pagina che stai creando ed allunghi un video che di suo è già lungo. Ma lo consiglio assolutamente
complimenti per la chiarezza! adesso manca solo javascript 💯💯
Grazie per tutto quello che fai
Grazie. Veramente bravo
Grazie di cuore per il tuo supporto!!! 🙏🙏
Andrea sei fortissimo, grazie per i tuoi corsi❤
Ciao Andrea! una domanda: facendo l'abbonamento da 9,99 al canale youtube, si ha accesso ad altri video privati di questo genere? ti ringrazio anticipatamente per la risposta.
Grazie
Grazie Andrea, non è molto ma quando troverò lavoro stai sicuro che tornerò qui
Grazie mille!!!
grazie del corso andre!!
Grazie a te per il supporto, Riccardo!
Grazie!
Grazie mille!!! 🙏🙏🙏
video estremamente professionale grande continua cosi
meglio del mio professore
Grazie mille Andrea per i tuoi corsi
Mado’, ma quanto amo quest’uomo?!
Molto bello e molto bravo. Una (piccola?) lacuna: il css delle tabelle.
Questo corso è OTTIMO. Grazie, Andrea Ciraolo. Presto mi abbonerò al tuo canale. ;)
Thanks!
Grazie mille per il tuo supporto!!!
sei un grande
Grazie; Thank you; Спасибо; მადლობა.
Grazie mille! 🙏
super grazie
Grazie Andrea, sei un grande!
Grazie di cuore a te Anna!
@@ciraolone Tornerò con un regalo più grande, te lo prometto.
Ciao Andrea , ti ringrazio vivamente delle info che metti a disposizione dei più in maniera gratuita , appena avrò le possibilità ti darò un supporto , ma ti volevo fare una domanda , in che modo la creazione di interfaccia grafiche poi viene passata su un editor di testo ? Se mi risponderai grazie per la risposta e ancora grazie per quello che fai .
In che senso spiegati meglio
ciao guarda mi sei stato davvero d'aiuto peccato che ho ancora 17 anni e non ho una mia disponibilita economica, ti assicuro che se l'avessi avuta te l'avrei fatta subito la sub in quanto sei toppo forte a spiegare. Hai un linguaggio professionale ma allo stesso tempo comune e facilmente decifrabile, sei un grande continua cosi
PS. puoi fare anche il linguaggio lua scripts? Grazie❤❤
Non ti preoccupare, la soddisfazione più grande per me è se tu usi le cose che hai imparato!
Grandissimo 👍
Bellissimo corso Andrea complimenti
2:33:00 sei una bravissima persona .complimenti
Sei un grandissimo ... Grazie
Ciao Andrea, intanto grazie! Una domanda sull'opacity, la inserisco nel div testata, perché ho messo un'immagine sfondo nella pagina che vorrei fargli "leggere", ma mi rende trasparente anche il titolo e il paragrafo presenti nel div, ho provato ad inserire opacity 1 nelle classi titolo e paragrafo dentro testata, ma continua a tenermeli trasparenti. Cioè vorrei che il fondo della testata sia trasparente ma che i testi in essa contenuti non lo siano, dove cippa la infilo sta opacity?
Urca! (Grazie di cuore per il tuo abbonamento!) Stai cercando di fare una cosa un po' complessa perché opacity prende il contenitore (il div) ma anche tutto il contenuto, come hai visto. Non credo tu possa applicarla con la struttura che hai adesso. Dovresti creare un altro div *fuori* dalla testata e posizionarlo dietro di essa. Devi giocare con le proprietà "position" e "z-index"!
Ah... Ok, vuol dire che è presto, ma prima o poi ce la faccio. Grazie a te, perché il tuo corso mi piace moltissimo e voglio approfittare di tutti tutorial.
@@lindace8837 dacci dentro! :)
Complimenti per il corso, per ricaricare il browser si può utilizzare l'estensione "Live server" che lo fa in automatico.