Non so il motivo perche hai bisogno di imparare l'HTML,
ma posso aiutarti di farlo
in pochi giorni.


Corso è basato sulla versione 4 del linguaggio HTMl

Su questa paggina puoi guarda online intero corso dedicato al linguaggio HTML gratuitamente, non credere a quelli che dicono che non avrai mai bisogno di sapere l'HTML! Html e la base di qualsiasi pagina che stai caricando sul tuo browser, anche quando si utilizzano sistemi della gestione del contenuto(CMS) tipo Joomla o WP. Non dimenticare che CMS sono stati creati per tutti e una cosa che e stata creata per tutti non può sodisfare le richieste particolari, quindi dovresti da solo addatarli per il tuo scopo. Dovresti correggere la strutura html di template scelto cio è coreggere codice html e css, perché chi lo ha creato non poteva sapere chi lo utilizzerà e quindi ha pensato di farlo in modo suo.

Cosa impari dal corso?
Da questo corso imparerai linguaggo HTML, come è fatta una pagina html, la strutura ed ellementi esenziali dell'HTMl, cosa sono i tag. Imparerai cosa sono gli attributi del tag. Che cosa è gerarchia degli tag, inoltre vedrai come installare server locale, perché senza di esso non potrai provare il tuo sito in modo coretto. Scoprirai tipi di caratteri che ci sono, come cambiare il loro aspetto, come mandare una lettera, come creare sondaggi sulla tua pagina. Come atraverso linguaggio html crere varie forme e che cosa sono questi forme. Imparerai come sono creati coillegamenti nel HTMl. E tanto altro.

Il corso comprende 33 videotutorial.
4ore 45 minute del video online per imparare l'HTML

Ma che cosa c'è su questo corso?

Vediamo lezione per lezione i momenti principali del linguaggio HTML

Abbiamo 33 videotutorial che ci aiutano di imparare l'HTML.

1. Introduzione nel'HTML 7:31

Nella lezione introduttiva scopriremo come funziona internet. Dove il nostro computer va a cercare tutti questi siti che vediamo sul monitor. Come è fatta la rete globale. Scompariremo anche i momenti principali del nostro corso, perché il linguaggio HTML e molto piu grande di quello che vediamo nel corso ma vi spiego anche perché basterebbe di conoscere almeno tutto quello che ho inserito nel corso per sentirsi sicuri.

2. Cosa sono i Tag nel linguagio HTML15:50

Vediamo cosa sono questi Tag in HTML. Vediamo la struttura di una pagina web, com’è divisa , dove si trova la testa e il corpo della nostra pagina e come si chiama la pagina principale di qualsiasi sito. Non lo sapevi, che tutele pagine principali di qualsiasi sito si chiamano index.html? Okei! allora procediamo…

3. Paragrafo e titoli 09:26

Vediamo come creare un paragrafo. Come creare titolo della nostra pagina, che ce né sono sei tipi di titoli. Vediamo la differenza fra uno e altro . Vediamo di inserire un testo nel corpo della nostra pagina, per esercitarsi. E scopriremo i tag che corrispondono per la creazione dei titoli.

4. Liste in HTML 11:02

Vediamo tipi di liste che posiamo creare con aiuto del tag HTML. Liste ordinate e non ordinate, liste con descrizione. Vorrei anche anticipare che tutti i menu non e altro che le liste, quindi gia da questo si capisce importanza delle liste. Vediamo come gestirli e attributi del tag delle liste

5. Attributi del tag in HTML 13:18

Scopriremo cosa sono gli attributi del tag HTML, cosa hanno in comune con la nostra vita quotidiana, e come possono cambiare il significato del tag stesso. Vediamo dove usarli e come inserirli al interno del codice. Come con aiuto del attributo del tag possiamo centrare, spostare e modificare elementi sulla nostra pagina.

6. Immagini in HTML 11:42

Vediamo come si inseriscono varie immagini sulle pagine web. Scopriremo il tag per introdurre una immagine sulla nostra pagina , vediamo dove si trovano inizialmente le immagini che vediamo sul nostro monitor prima che vengono caricati. Vediamo come posiamo aiutare il browser del utente a visualizzare la nostra immagine più velocemente.

7. Link 1 parte 23:42

Penso che navigando su internet hai cliccato parecchie volte su varie link(collegamenti), per passare alla pagina successiva, per scaricare una canzone, hai condiviso dei link sulla tua pagina di Facebook. Quindi e arrivato il momento di scoprire come funzionano questi link e come crearli sulla tua pagina.

8. Link 2 parte 07:02

Proseguiamo a conoscere link in HTML e vediamo link relativi e assoluti. Scopriremo cosa sono, come sono diversi. Vediamo come si realizzano i link che ci riportano su un preciso punto della nostra pagina e penso che avevate gia visto una cosa simile realizzata con lo stesso modo e che si chiama di solito “scroll tu top”

9. Tabelle 1 parte 9:16

In questa lezione vediamo come posiamo creare tabelle. Una volta era un elemento principale del HTML per definire la struttura di una pagina web, oggi si usa solo per creare una tabella vera i propria quella che vediamo su Microsoft Word o Excel, quindi se volete ricostruire una tabella sulla vostra pagina web dovete passare da questa parte!

10. Tabelle 2 parte 5:50

Proseguendo vediamo come cambiare colore delle cellule al interno di una tabella, come distanziare una cellula dal altra e fare lo spazio intorno al contenuto della cellula, come impostare lo spessore del bordo della cellula e altre cose utili

11. Grassetto e corsivo in HTML 5:46

Dobbiamo evidenziare il nostro titolo o qualche altra cosa importante al interno del nostro articolo, allora dobbiamo scoprire come posiamo trasformare il nostro testo in corsivo o grassetto

"Hosting e dominio"

Registrare un dominio e acquistare un hosting

Come registrare un nome del dominio per il vostro progetto ( vedremo su un esempio reale come registrare un dominio con la compilazione di tutti i campi durante la registrazione); Che cose è un hosting, a cosa serve e quale scegliere per il vostro progetto. Come collegare il vostro dominio che avete acquistato nel passo precedente con il hosting.(senza questo passo il vostro sito semplicemente non funzionerà ). Come semplicemente e facilmente collegare una casella postale al vostro sito

12. Introduzione alle forme 06:21

In questa lezione vediamo come realizzare sulla nostra pagina semplici formulari o le forme di contato.Cosi i nostri utenti potranno registrarsi sul nostro sito o mandare dei comenti.

13. Semplice campo di testo 07:54

Penso che parecchie volte abbiate introdotto la vostra e-mail o il vostro nome in un campo di registrazione. In questa lezione scopriremo come vengono creati questi semplici campi di testo o texarea. E dato che si sono quasi su tutti i siti web possiamo capire che è un elemento molto importante

14. Bottoni radio 07:27

Oggi parleremo di radio! Scherzo, parleremo di cosi detti buttoni radio che permettono al visitatore di fare la sua scelta di risposta alla nostra domanda. Con chi vuoi uscire? Con quella bionda o con quella con capelli scuri – fai la tua scelta seleziona buttone radio…

15. Checkbox 04:36

Proseguiamo di fare delle domande ai nostri utenti e vediamo come dare a loro la possibilità di fare le risposte multiple sulla nostra pagina web . Supponiamo che vogliamo scoprire qualcosa di più su loro abitudini e per questo impareremo cosa sono i chekbox!

16. Menu di opzioni (select) 07:42

Okey oggi ne parleremo di tende!? Ci sono anche nel HTML per esempio menu a tenda oppure cosi detti menu di opzioni (select) e come avete gia capito posiamo scegliere una o piu voci da questo menu non ingombrando la nostra pagina di un lungo elenco per esempio di bevande da scegliere sul nostro futuro sito del ristorante…

17. Area di testo 06:47

Avete mai visto un’aria dei comenti sotto un articolo? Allora in questa lezione vediamo come vengono creati questi campi per introdurre vostro comento oppure opinione. C’e qualcosa di simile con quello che abbiamo fato nella lezione precedente…

18. Bottoni 07:41

Dai! Premi questo buttone! E vedrai risultato. Bottoni “cancellare” o ” inviare” sono i più comuni, puoi posiamo inserire una immagine che vi piace e usarla come un bottone. Sara piu attraente e aiuterà al nostro utente di essere più deciso nella sua scelta. E come avete capito vediamo come vengono creati buttoni..

19. Raggruppamento (fieldset) 04:35

Abbiamo inserito parecchie elementi sulla nostra pagina tipo varie campi di testo , domande e risposte e sarebbe opportuno di dividerli per tema in modo che l’utente non si perde in questo mucchio di cose, e in questa lezione vediamo proprio che strumenti abbiamo per fare una cosa del genere.

20. Bloccare e read only 02:35

In questa lezione vediamo come posiamo bloccare una aria di testo dalla scrittura o dalla scelta in caso di chekbox .

21.Il gestore 07:31

In questa lezione vediamo come creare un fail che si chiamera come esempio formdata.php (il nostro gestore, posiamo chiamarlo cosi perché ci spedira le risposte dei utenti ), per poter ricevere informazioni dalla nostra pagina web dove abbiamo inserito delle domande sul nostro e’mail.

22. Server locale 9:36

E per testare il nostro gestore (e anche i nostri futuri siti web)abbiamo bisogno di un server locale che riesce a interpretare linguaggio php, vi propongo un server locale di piccoli dimensioni e di grande potenzialità, unica cosa che funziona solo sotto il sistema operativo windows…

23. Metodi POST e GET e loro uso 03:45

Abbiamo installato server locale e posiamo ricevere delle informazioni dalla nostra pagina web creata. In questa lezione vediamo i due metodi per ricevere i dati dal computer del nostro utente attraverso server citato in lezione precedente. Cosi detti metodi POST e GET di php.

24. Spedire una letera 15:12

Abbiamo capito la differenza fra i due metodi per spedire i dati dalla nostra pagina allo server e allora è arrivato il momento di provare a ricevere una lettera dal nostro server con le risposte del utente

25. Tag dei ellementi esterni 04:29

E per rendere la nostra pagina piu interessante abbiamo deciso di inserire qualche video da Youtube per esempio. In questa lezione scopriremo come inserire un elemento esterno sulla nostra pagina web.

26. Pre-formattazione 03:37

Avete trovato un articolo interessante e lo volete riportare sulla vostra pagina e non spendere tempo di mettere vari tag per evidenziare paragrafi liste e altri elementi che sono gia formatati nella versione originale? Non c’è problema dopo questa lezione scoprirete un tag che fare questo lavoro a posto vostro

27. Mappa di una imagine 18:58

Supponiamo che abbiamo una immagine di casa da sopra e vogliamo che cliccando su una stanza si passa su un'altra pagina dove ci sono immagini di questa stanza . Come dividere una immagine in delle aree e fare link di ogni area vediamo in questa lezione.

28. Meta tag 11:27

Sappiamo che sulla nostra pagina web ci sono la testa e il corpo , la testa e molto importante quindi vediamo i cosi detti meta tag, che descrivono il contenuto della nostra pagina , e aiutano a sistemi tipo googol o yahoo indicizzare la nostra pagina . Quindi non trascurare questa lezione.

29. Commenti in html 03:17

E per non perdersi nel nostro codice sarebbe opportuno di evidenziare varie sezioni della nostra pagina con del testo e spiegazioni visibili solo a noi . In questa lezione vediamo come inserire dei comenti al interno del nostro codice per facilitare ritrovamento di vari frammenti che corrispondono per diversi parti della nostra pagina.

Se queste lezioni gratuite ti sono stati d'aiuto nel capire meglio linguaggio HTML puoi fare una donazione per sostenere il progetto.

Passando sulla pagina di PayPal scegli te stesso l'importo che vorresti donare e paga o con la carta di credito o con una prepagata acquisibile dal tabaccaio tipo “Poste italiane”.

Grazie!

30. XHTML 05:37

A parte HTML esiste anche una versione che si chiama XHTML in questa lezione, vediamo che cose e con che cosa si mangia.

31. Convalida del codice 04:44

A scuola avevamo dei insegnanti che potevano verificare i nostri compiti ma nella scrittura del codice dove vado a verificare se ho fato degli errori? Una soluzione c’è ci sono servizi che possono verificare il nostro codice scritto ed evidenziare errori che abbiamo fatto. In questa lezione scopriremo, dove posiamo trovarli.

32.Tag div e span05:32

Siamo sul rettilineo dell’arrivo e in questa lezione vediamo due tag che si usano molto spesso e in varie situazioni ne parleremo di tag div(prossimo dire che divide qualcosa invisibilmente ) e tag span(sempre invisibile ma molto utile)

33. Conclusione 01:24

Siamo arrivati alla fine. Sono stanco come del resto anche voi! Ma spero che il mio corso vi sia servito. Non dimenticate di fare tanta pratica e se sorgono delle domande o si dimentica qualcosa il mio corso e sempre a portata di mano .

 

Impara gratis
«linguaggio HTML in 7 ore»