Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

HTML5 e CSS3: La guida completa per lo sviluppatore WEB

via Udemy

Overview

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

What you'll learn:
  • Strutturare una pagina web senza bisogno di framework
  • Utilizzare le intestazioni come h1, h2, h3 in modo corretto per ogni sezione della pagina web
  • Utilizzare le liste ordinate, non ordinate e di definizioni
  • Creare form utilizzando i fieldset, input, select e i nuovi tag html5
  • Capire le differenze tra e , e ,e altri tag di formattazione
  • Capire e usare i tag di tipo block e i tag di tipo inline
  • Uso del tag audio e video
  • Creare e formattare tabelle html
  • Utilizzare CSS per formattare gli elementi di una pagina web

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.

  1. Le intestazioni e come usarle: h1, h2, h3..h6
  2. I Nuovi Tag Semantici: head, section, article ,footer,hgroup, side, e main
  3. Domina alla perfezione le tabelle table come un foglio excel: thead, tbodytfoot, row , td e th.
  4. Impara ad utilizzare le liste ul,ol e dd. Usale per creare dei menù verticali e orizzontali
  5. Impara le differenze tra elementi di tipo block e di tipo inline
  6. Come usare i paragrafi usando i tag p, pre e address
  7. Usa correttamente i form con tutti i suoi elementi : fieldset, input, textarea e come formattarli con i fogli di stile
  8. La guida HTML sempre alla portata delle tue mani mentre sviluppi.

Non una semplice carrellata ma una Guida Pratica con degli esempi Pratici.

Questo corso 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



Syllabus

  • Introduzione e struttura del corso
  • Struttura di una pagina html
  • Elementi semantici . main, section, article, header, footer
  • Differenza tra elementi inline ed elementi di tipo block
  • Introduzione a i fogli di stile a cascata :CSS
  • Selettori CSS
  • Priorità dell'applicazione dei fogli di stile
  • CSS: Padding , Margin e Border
  • CSS: Formattazione del testo
  • Font, font-family e font-face
  • CSS. Background: Aggiungere immagine di sfondo e colori di sfondo:
  • Elementi di formattazione
  • Entità e simboli html
  • Elementi di tipo BLOCK, INLINE e INLINE-BLOCK
  • Elementi di tipo block
  • Liste html
  • Immagini nel html con il tag Img
  • Collegamenti html: I LINKS
  • Tabelle html e la loro formattazione
  • Tag semantici di formattazione
  • Ambiente sviluppo backend con nodejs
  • Ambiente sviluppo backend con php su windows
  • Ambiente sviluppo backend con php su MAC
  • Ambiente sviluppo backend con php su linux
  • Form e i suoi elementi
  • Form: I nuovi elementi introdotti con html5
  • Nuovi elementi html5
  • Posizionare elementi: STATIC, ABSOLUTE, RELATIVE, FIXED
  • Elementi "galleggianti": FLOAT
  • CSS3: Media type e Media queries
  • html5 e CSS3. Display Flex
  • Bootstrap4: Creare una landing page(Nuova Versione)
  • Aggiungere ombre, shadows, agli elementi
  • Animazioni con CSS3
  • Bonus section

Taught by

Hidran Arias

Reviews

4.5 rating at Udemy based on 1277 ratings

Start your review of HTML5 e CSS3: La guida completa per lo sviluppatore WEB

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.