HTML e CSS per strutturare il tuo sito web da solo, in modo semantico e ottimizzato per i motori di ricerca

Sono Hidran Arias Ingegnere in sistemi automatici e mi dedico allo sviluppo WEB da più di 20 anni.

Con questo corso online “HTML5 e CSS3 Master Hero per Sviluppatori Web ” ti guiderò passo a passo a imparare ogni elemento e ogni dettaglio di html e css fino ad arrivare a costruire a mano un intero sito web da zero che sia responsive, semantico e bello da vedere.

Costruire una pagina web da zero usando i TAG HTML5 e le proprietà CSS più importanti come font, margin, padding, background, border senza bisogno di un editor visuale. Indispensabile per Web Designer e Programmatori Backend e tutti quelli che devono “sporcarsi” le mani con HTML .

Impara ad usare in modo corretto tutti i TAG HTML che ti servono per lo sviluppo Web, ottimizzazione per i motori di ricerca, SEO, velocità di caricamento e per il Web Semantico.

Diventa uno Sviluppatore Web con questa Guida Completa di HTML5.

Perchè scegliere questo corso?


Questo corso online “HTML5 e CSS3 Master Hero per Sviluppatori Web” non è una semplice carrellata sui diversi TAG HTML ma una spiegazione pratica e concisa dei TAG html più utilizzati per lo sviluppo WEB.

Cosa imparerete e com’è strutturato il Corso

Imparerete a utilizzare un editor di testo per scrivere HTML come notepad, NOTEPAD++, ECLIPSE, APTANA e NETBEANS.

Vedremo come scrivere del codice HTML e vedere in tempo reale le modifiche nel browser.

Ogni lezione ha degli esempi pratici e spiegazioni concise per cominciare a creare pagine web immediatamente e in modo corretto. Avrete a disposizione il codice sorgente.

Cominceremo dalla semplice pagina scheletro HTML5 e andremo ad aggiungere gli elementi e attributi che servono a costruire un vero e proprio sito web.

Come aggiungere fogli di stile CSS esterni e inline, aggiungere i meta tag, il titolo della pagina. i javascript.

Vedremo tutti gli elementi visibili al navigatore nell’elemento body

Imparerete ad usare i tag giusti per la struttura del vostro sito, i tag per la formattazione, i tag semantici, gli attributi più importanti di ogni tag e come utilizzarli nei fogli di stile CSS.

Per ogni TAG spiegato c’è sempre, anche se non è un corso di CSS, la spiegazione di come utilizzare le principali regole CSS per layout e formattazione.

Alla fine di questo corso sarete capace di costruire una pagina web da zero, ottimizzarla per il SEO usando correttamente le intestazioni, il titolo e i meta tag.

Saprete usare correttamente mente i tag di formattazione e imparerete ad utilizzare le regole CSS più importanti: font, color, padding, margin, border, background per cambiare l’aspetto di una pagina web.

Cosa imparerai con questo corso?


Iscriviti al mio corso online “HTML5 e CSS3 Master Hero per Sviluppatori Web” e avrai accesso alle mie lezioni dove imparerai:

 Tutti i tag html come h1, h2, h3..h6, table, ul, div, i nuovi tag semantici head, section, article ,footer,hgroup, side, e main;

Tutte le proprietà CSS per formattare testo, posizionare elementi, cambiare sfondo;

Fare dei siti semantici e responsive;

Bootstrap 4;

Creare una landing page.

Iscrivendoti al corso avrai questi bonus:


Accesso Illimitato

Studia H24 e 7 giorni su 7

Workspace

Classe virtuale esclusiva

Certificato Finale

Inclusivo di N° di licenza

Materiale Didattico

A tua disposizione

Tutor Online

Fai qualsiasi domanda

Esercitazioni

Fai pratica con il tuo corso

Programma del Corso

INTRODUZIONE
Presentazione e struttura del corso di HTML5 e CSS3 FREE 00:03:11
STRUTTURA DI UNA PAGINA HTML
Struttura base di un documento html5 00:05:01
I tag <meta> 00:01:59
I tag <style> e <script> FREE 04:29:00
Fogli di stile inline e conclusione sulla struttura di base di una pagina html5 00:03:25
ELEMENTI DI FORMATTAZIONE
I tag i, b, small, mark, sub e sup FREE 00:05:05
Elementi di formattazione semantici 00:06:05
Entità html . Spazio, segno minore di, segno maggiori di 00:03:50
Simboli html e charset 00:08:32
ELEMENTI DI TIPO BLOCK, INLINE E INLINE-BLOCK
Elemento html di tipo block: Il div 00:07:17
Elementi html di tipo inline. Lo SPAN 00:03:03
Elementi inline-block e conclusioni 00:03:32
ELEMENTI DI TIPO BLOCK
Elementi di intestazioni h1, h2, h3, h4, h5 e h6 00:12:33
Elemento paragrafo: <p> 00:04:26
Elemento preformato: <pre> 00:01:56
Elemento address: <address> 00:02:03
I tag <p>, <pre>, <address> e <break> : conclusione 00:01:51
LISTE HTML
Liste di definizioni : <dl> 00:04:51
Liste non ordinate: <ul> 00:08:47
Liste ordinate 00:06:10
Il tag <img> 00:06:44
Formattazione immagine con la proprietà float del CSS 00:02:15
Formattare una immagine con i fogli di stile css 00:06:39
Mappe d’immagine 00:05:11
COLLEGAMENTI HTML
Collegamenti esterni 00:03:41
Collegamenti a pagine interne 00:03:14
Collegamenti a sezioni interne di una pagina web 00:04:08
Collegamenti con immagini 00:06:13
TABELLE HTML E LA LORO FORMATTAZIONE
Elemento table: struttura e formattazione 00:09:59
Formattazione avanzata di tabelle: I Tag <thead> e <tfoot> 00:05:55
Formattazione avanzata di tabelle:Il tag <tbody>, <col> e <colgroup> 00:06:54
TAG SEMANTICI DI FORMATTAZIONE
Header e Nav 00:07:39
Main, Section e Hgroup 00:02:15
Article, Aside, Footer e Hgroup 00:07:09
FORM E I SUOI ELEMENTI
Form html. Introduzione: elemento input, label e submit 00:05:28
I pulsanti submit, button e reset 00:03:39
Attributi del tag INPUT 00:08:35
Form html. Metodo GET e POST per inviare dati al server 00:04:57
Input tipo password e hidden 00:07:18
Input di tipo radio 00:04:53
Input di tipo checkbox 00:05:44
Menù a tendina: Il tag select 00:05:19
Combo multiselect 00:03:56
Menù a tendina SELECT: Il tag <optgroup> 00:02:33
Tag <textarea> 00:08:40
Fieldset e Legend 00:09:36
FORM: I NUOVI ELEMENTI INTRODOTTI CON HTML5
Elemento DATALIST e attributo list 00:07:05
Input di tipo email, tel, url, range e number 00:11:46
Elemento di tipo color 00:05:33
Elementi di tipo data e tempo 00:05:42
Elemento Audio 00:06:18
Elemento Video 00:05:44
INTRODUZIONE A I FOGLI DI STILE A CASCATA: I CSS
Introduzione ai fogli di stile: Uso dell’attributo style per formattare tag 00:03:48
Uso del tag style per formattare una singola pagina html 00:03:41
Fogli di stile esterni 00:06:16
SELETTORI CSS
Selettore Elementi 00:09:54
Selettori di tipo ID e CLASS 00:08:11
Priorità delle proprietà CSS 00:04:13
Priorità delle proprietà CSS: class e id 00:03:31
Priorità delle proprietà CSS: i media query 00:03:08
Priorità delle proprietà CSS: Conclusioni 00:02:20
Selettori di tipo discendenti e figli: siblings, children 00:03:35
Selettori CSS: Conclusioni 00:03:07
CSS: FORMATTAZIONE DEL TESTO
Dimensione del testo FREE 00:04:39
Allineamento del testo: text-align 00:03:07
Colori del testo 00:08:32
Altezza del testo e trasformazione: line-height, text-transform 00:04:52
Le famiglie di font del testo: font-family 00:13:53
Google font ed altri font esterni 00:11:34
Scaricare font in locale e aggiungerli con @font-face 00:04:42
CSS: PADDING , MARGIN E BORDER
Aggiungere bordo ad un elemento: border 00:06:41
Aggiungere padding ad un elemento 00:03:28
Aggiungere margine ad un elemento: margin 00:03:41
Aggiungere bordi arrotondati ad un elemento: border-radius 00:02:29
CSS. BACKGROUND:
Aggiungere immagine di sfondo: background-image 00:06:51
Aggiungere più di una immagine di sfondo ad un elemento 00:04:10
Aggiungere un colore di sfondo e decidere fino a dove coprire: background-clip 00:03:22
Definire tutte le proprietà di sfondo con la proprietà background 00:03:18
ELEMENTI “GALLEGGIANTI”: FLOAT
Layout di una pagina usando float 00:10:23
Menù orizzontale utilizzando la proprietà float del CSS 00:02:09
POSIZIONARE ELEMENTI: STATIC, ABSOLUTE, RELATIVE, FIXED
Introduzione al posizionamento degli elementi html 00:03:40
Posizionamento Assoluto e Relativo 00:09:21
Posizionamento fisso 00:03:50
CSS3: MEDIA TYPE E MEDIA QUERIES
Attributo media nel tag style e link 00:06:48
Attributo media e import nei fogli di stile 00:03:30
CSS3: Media queries min-width. Cambiare il font a seconda della larghezza 00:05:05
BOOTSTRAP4
Bootstrap 4: Introduzione e istallazione 00:06:47
Bootstrap 4: Layout griglia 12 colonne. Creare layout responsive 00:12:30
Bootstrap 4: Barra di menu 00:10:13
Bootstrap 4: Componente barra di navigazione 00:09:17
Bootstrap 4: Componente JUMBOTRON 00:08:51
Bootstrap 4: Aggiungere call to action al jumbotron 00:12:53
Bootstrap 4: Componente CARD 00:12:08
Bootstrap 4: CARD-DECK 00:11:23
Bootstrap 4: Card footer e conclusione 00:07:33
Bootstrap 4: Sezione recapiti 00:09:25
Bootstrap 4: Form di contatto – I parte 00:14:03
Bootstrap 4: Form di contatto – II parte 00:04:09
Bootstrap 4: Componente Scrollspy 00:09:25
EDITOR E NUOVE PROPRIETÀ CSS3
Text-shadow – Aggiungere ombre ad un testo 00:07:09
Text-shadow – Aggiungere ombre multiple ad un testo 00:01:50
INSTALLARE NETBEANS E CONFIGURARLO PER SCRIVERE HTML5 E CSS3
Scrivere HTML con NOTEPAD 00:02:26
Editor html Nodepad ++ 00:01:22
Aptana, Eclipse e NetBeans 00:06:15
Installare NetBeans con Java Development Kit, JDK 00:05:11
Installare NetBeans connector per Chrome 00:02:05
Configurare NetBeans ed installare plugins 00:07:47
INSTALLAZIONE DI UN WEB SERVER
Installare xampp 00:07:10
Installare nodeJs per processare i dati del form 00:04:24
TEST FINALE
HTML5 e CSS3 Master Hero per Sviluppatori Web 00:10:00

Recensioni del Corso

5

1 ratings
  • 5 stars1
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0
  1. va bene

    molto chiaro, lezioni sono bel spiegati in modi uno puo seguire, il limito del tempo di ogni lezione va benissimo.
    lo consiglio.

  • 195,00 
  • ACCESSO A VITA
  • Attestato Incluso
  • Corso Accreditato
39 STUDENTI ISCRITTI

Life Learning S.r.l. - P.le G. Dalle Bande Nere 9, Milano. REA MI 2053237, P.Iva 08852200966 | © 2019, Tutti i diritti riservati
Dati SocietariTermini e CondizioniPolicy PrivacyCookie Policy