[MASTER] HTML, CSS, BOOTSTRAP - Guida completa

Crea in modo semplice pagine e siti web con HTML, CSS, Bootstrap

4.00 (2 reviews)
Udemy
platform
Italiano
language
Web Development
category
instructor
[MASTER] HTML, CSS, BOOTSTRAP - Guida completa
12
students
7.5 hours
content
Mar 2021
last update
$19.99
regular price

What you will learn

HTML

CSS

BOOTSTRAP

Description

In questo corso avrai la possibilità di imparare da zero come creare pagine web in modo semplice ed efficace utilizzando i principali tag di HTML (HyperText Markup Language), i fogli di stile CSS e i comandi Bootstrap per rendere le pagine responsive.

Il corso viene strutturato e diviso in 3 macro sezione:

1) HTML: linguaggio di markup e principali tag;

2) CSS: principali selettori e comandi;

3) BOOTSTRAP: principali comandi e siti responsive.

Alla fine di questo corso sarete capaci di creare pagine web da zero.

Tramite questo corso avrai la possibilità di imparare:

- Principali tag html (div per contenere gli elementi, form per creare moduli, header, img, link per collegare sito ad altre pagine interne ed esterne, liste per elencare elementi, option, p, section, table per creare tabelle, title).

- Stilizzare i tag mediante il CSS;

- Principali comandi Bootstrap;

- Rendere siti responsive con Bootstrap;

- Rappresentare le pagine web come delle griglie;

Ogni lezione è caratterizzata da esempi pratici in modo da creare pagine web in maniera immediata.

A fine corso viene reso disponibile inoltre il codice sorgente utilizzato durante le lezioni.


Il corso è rivolto a tutti e non è necessaria nessuna competenza. L’unica caratteristica richiesta è la voglia di imparare il fantastico mondo del web con tutte le sue sfaccettature.

Ti aspetto per la prima lezione e per inoltrarci nella programmazione web.





Content

Introduzione

Introduzione

Installazione programmi

Installazione JDK
Installazione Netbeans

Creazione progetto ed introduzione HTML

Creazione progetto in Netbeans
HTML - Introduzione
Commenti
Struttura di una pagina HTML

Principali tag HTML

Tag TITLE
Tag di HEADER
Tag SECTION
Tag PARAGRAPH
Allineamento Paragrafi
Font sui paragrafi

Liste

Introduzione Liste
Liste ordinate
Liste ordinate con comando TYPE
Liste ordinate con il comando START
Liste non ordinate
Liste non ordinate con il comando TYPE

Link

Introduzione Link
Link Esterni
Link Interni
Immagini con tag IMG
Link con immagini

Tabelle

Introduzione Tabelle
Creazione Tabelle con tag TBODY, THEAD, TFOOT
Attributo COLSPAN
Attributo ROWSPAN

Opzioni

Introduzione alle OPTION
Tag SELECT OPTGROUP e OPTION

Form

Introduzione Form
Principali comandi FORM
Creazione prima Form
Form con tag BR e label
Form con comando paceholder
Form con comando RESET

DIV

Introduzione DIV
Creazione DIV in HTML

Introduzione CSS

Introduzione ai CSS
Tipologie di CSS

Sintassi e Selettori CSS

Sintassi CSS
Tipologie di Selettori
Selettore di elemento
Selettore di ID
Selettore di Classe

Tipologie di CSS

CSS Esterno
CSS Interno

Colori in CSS

Introduzione colori in CSS
RGB
HEX
HSL

Colori, sfondi e margini

Color e Background Color
Border Style
Border style con comandi singoli
Border color
Border radius

Form con stile

Form con stile (parte I)
Form con stile (parte II)

Introduzione e installazione Bootstrap

Introduzione Bootstrap
Installazione Bootstrap

Griglia in Bootstrap

Introduzione griglia
Classi COL e ROW in griglia
Elementi fondamentali per griglia Bootstrap
Implementazione griglia in Bootstrap

Tabelle in Bootstrap

Tabelle in Bootstrap (comando table)
Tabelle a striscce (STRIPED)
Tabelle con bordi (BORDERED)
Tabelle con righe evidenziate (HOVER)
Tabelle con sfondo scuro (DARK)
Tabelle scure a strisce
Tabelle con righe personalizzate

Bottoni in Bootstrap

Introduzione bottoni in Bootstrap
Bottoni colorati in Bootstrap
Bottoni con outline
Gruppi di Bottoni

Paginazione in Bootstrap

Paginazione Basic
Paginazione con elemento selezionato
Paginazione con elemento disabilitato
Paginazione con navigazione gerarchica

Form in Bootstrap

Introduzione Form in Bootstrap
Form con Validazione

Barra di Navigazione in Bootstrap

Introduzione barra di navigazione
Barra di navigazione con casella di ricerca
Barra di navigazione con bottone scorrevole

Progetto finale

Progetto finale (Parte I)
Progetto finale (Parte II)
Progetto finale (Parte III)
Progetto finale (Parte IV)
Progetto finale (Parte V)
Progetto finale (Parte VI)
Progetto finale (Parte VII)
Progetto finale (Parte VIII)

Codice sorgente

Codice Sorgente

Reviews

Marco
January 2, 2022
mi e piaciuto molto il suo corso fino a ora per la quantità dei tag di cui parla che in altri corsi non e parlano per niente sempre utili
Damiano
December 3, 2021
Insegnante in gamba. A mio avviso il progetto finale andrebbe ampliato per permettere alla studente di creare un progetto più strutturato

Charts

Price

[MASTER] HTML, CSS, BOOTSTRAP - Guida completa - Price chart

Rating

[MASTER] HTML, CSS, BOOTSTRAP - Guida completa - Ratings chart

Enrollment distribution

[MASTER] HTML, CSS, BOOTSTRAP - Guida completa - Distribution chart
3743644
udemy ID
1/2/2021
course created date
3/8/2021
course indexed date
Bot
course submited by