8,99 €

195,00 €

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 corso

Programma del corso:

COLLEGAMENTI HTML

Presentazione e struttura del corso di HTML5 e CSS3
Struttura base di un documento html5
I tag <meta>
I tag <style> e <script>

INTRODUZIONE

Fogli di stile inline e conclusione sulla struttura di base di una pagina html5

STRUTTURA DI UNA PAGINA HTML

I tag i, b, small, mark, sub e sup
Elementi di formattazione semantici
Entità html . Spazio, segno minore di, segno maggiori di
Simboli html e charset

ELEMENTI DI FORMATTAZIONE

Elemento html di tipo block: Il div
Elementi html di tipo inline. Lo SPAN
Elementi inline-block e conclusioni
Elementi di intestazioni h1, h2, h3, h4, h5 e h6

ELEMENTI DI TIPO BLOCK, INLINE E INLINE-BLOCK

Elemento paragrafo: <p>
Elemento preformato: <pre>
Elemento address: <address>

ELEMENTI DI TIPO BLOCK

I tag <p>, <pre>, <address> e <break> : conclusione
Liste di definizioni : <dl>
Liste non ordinate: <ul>
Liste ordinate
Il tag <img>

LISTE HTML

Formattazione immagine con la proprietà float del CSS
Formattare una immagine con i fogli di stile css
Mappe d’immagine
Collegamenti esterni
Collegamenti a pagine interne
Collegamenti a sezioni interne di una pagina web
Collegamenti con immagini

TABELLE HTML E LA LORO FORMATTAZIONE

Elemento table: struttura e formattazione
Formattazione avanzata di tabelle: I Tag <thead> e <tfoot>
Formattazione avanzata di tabelle:Il tag <tbody>, <col> e <colgroup>

TAG SEMANTICI DI FORMATTAZIONE

Header e Nav
Main, Section e Hgroup
Article, Aside, Footer e Hgroup

FORM E I SUOI ELEMENTI

Form html. Introduzione: elemento input, label e submit
I pulsanti submit, button e reset
Attributi del tag INPUT
Form html. Metodo GET e POST per inviare dati al server
Input tipo password e hidden
Input di tipo radio
Input di tipo checkbox
Menù a tendina: Il tag select
Combo multiselect
Menù a tendina SELECT: Il tag <optgroup>
Tag <textarea>
Fieldset e Legend

FORM: I NUOVI ELEMENTI INTRODOTTI CON HTML5

Elemento DATALIST e attributo list
Input di tipo email, tel, url, range e number
Elemento di tipo color
Elementi di tipo data e tempo
Elemento Audio
Elemento Video

INTRODUZIONE A I FOGLI DI STILE A CASCATA: I CSS

Introduzione ai fogli di stile: Uso dell’attributo style per formattare tag
Uso del tag style per formattare una singola pagina html
Fogli di stile esterni

SELETTORI CSS

Selettore Elementi
Selettori di tipo ID e CLASS
Priorità delle proprietà CSS
Priorità delle proprietà CSS: class e id
Priorità delle proprietà CSS: i media query
Priorità delle proprietà CSS: Conclusioni
Selettori di tipo discendenti e figli: siblings, children
Selettori CSS: Conclusioni

CSS: FORMATTAZIONE DEL TESTO

Dimensione del testo
Allineamento del testo: text-align
Colori del testo
Altezza del testo e trasformazione: line-height, text-transform
Le famiglie di font del testo: font-family
Google font ed altri font esterni
Scaricare font in locale e aggiungerli con @font-face

CSS: PADDING , MARGIN E BORDER

Aggiungere bordo ad un elemento: border
Aggiungere padding ad un elemento
Aggiungere margine ad un elemento: margin
Aggiungere bordi arrotondati ad un elemento: border-radius

CSS. BACKGROUND:

Aggiungere immagine di sfondo: background-image
Aggiungere più di una immagine di sfondo ad un elemento
Aggiungere un colore di sfondo e decidere fino a dove coprire: background-clip
Definire tutte le proprietà di sfondo con la proprietà background

ELEMENTI “GALLEGGIANTI”: FLOAT

Layout di una pagina usando float
Menù orizzontale utilizzando la proprietà float del CSS

POSIZIONARE ELEMENTI: STATIC, ABSOLUTE, RELATIVE, FIXED

Introduzione al posizionamento degli elementi html
Posizionamento Assoluto e Relativo
Posizionamento fisso

CSS3: MEDIA TYPE E MEDIA QUERIES

Attributo media nel tag style e link
Attributo media e import nei fogli di stile
CSS3: Media queries min-width. Cambiare il font a seconda della larghezza

BOOTSTRAP4

Bootstrap 4: Introduzione e istallazione
Bootstrap 4: Layout griglia 12 colonne. Creare layout responsive
Bootstrap 4: Barra di menu
Bootstrap 4: Componente barra di navigazione
Bootstrap 4: Componente JUMBOTRON
Bootstrap 4: Aggiungere call to action al jumbotron
Bootstrap 4: Componente CARD
Bootstrap 4: CARD-DECK
Bootstrap 4: Card footer e conclusione
Bootstrap 4: Sezione recapiti
Bootstrap 4: Form di contatto - I parte
Bootstrap 4: Form di contatto - II parte
Bootstrap 4: Componente Scrollspy

EDITOR E NUOVE PROPRIETÀ CSS3

Text-shadow – Aggiungere ombre ad un testo
Text-shadow – Aggiungere ombre multiple ad un testo

INSTALLARE NETBEANS E CONFIGURARLO PER SCRIVERE HTML5 E CSS3

Scrivere HTML con NOTEPAD
Editor html Nodepad ++
Aptana, Eclipse e NetBeans
Installare NetBeans con Java Development Kit, JDK
Installare NetBeans connector per Chrome
Configurare NetBeans ed installare plugins

INSTALLAZIONE DI UN WEB SERVER

Installare xampp
Installare nodeJs per processare i dati del form

TEST FINALE

HTML5 e CSS3 Master Hero per Sviluppatori Web

Le recensioni del corso:

Rating 5
1 Recensioni
Dettagli
5 stelle 1
4 stelle 0
3 stelle 0
2 stelle 0
1 stella 0