Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

HTML5 e CSS3: La guida completa per lo sviluppatore WEB

HTML 5 e CSS 3 per strutturare il tuo sito web da solo, in modo semantico e ottimizzato per i motori di ricerca.
Rating: 4.5 out of 54.5 (928 ratings)
4,076 students
Created by Hidran Arias
Last updated 2/2021
Italian
30-Day Money-Back Guarantee

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 <i> e <cite>, <strong> e <b>,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

Course content

32 sections • 154 lectures • 17h 48m total length

  • Preview12:03
  • Note e appunti del corso
    00:09

  • Preview01:29
  • Che cos'è una pagina web o html
    07:58
  • Preview05:15
  • Preview16:02
  • Preview17:24
  • Preview19:18
  • Preview04:20
  • Preview09:42
  • Aggiungere css con i tag link e style
    07:23
  • Aggiungere javascript ad una pagina web. Tag script
    07:28
  • Conclusioni struttura di una pagina web
    05:18
  • Che cos'è un tag o elemento html
    16:31
  • Che cos'è un attributo di un elemento html 5
    14:22
  • Aggiungere un tag meta con il name
    1 question
  • Aggiungere un tag script che colleghi un file javascript
    1 question
  • Aggiungiamo un titolo alla nostra pagina WEB
    1 question
  • Download esercizi pratici della sezione
    00:04

  • Elementi html di tipo block
    08:08
  • Elementi html di tipo inline
    08:10

  • Preview09:15
  • Uso del tag style per formattare una singola pagina html
    13:07
  • Fogli di stile esterni
    15:35
  • Aggiungere l'attributo style al tag body
    1 question
  • Formattare gli elementi di una pagina utilizzando il tag style
    1 question

  • Preview09:54
  • Selettori di tipo ID e CLASS
    08:11
  • Selettori di tipo discendenti e figli: siblings, children
    03:34
  • Selettori CSS: Conclusioni
    03:07

  • Preview04:13
  • Priorità delle proprietà CSS: class e id
    03:31
  • Priorità delle proprietà CSS: i media query
    03:07
  • Priorità delle proprietà CSS: Conclusioni
    02:19
  • Aggiungere delle proprietà CSS ad un elemento html che abbia un certo ID
    1 question
  • Selezionare tutti gli elementi discendenti di un elemento html
    1 question
  • Aggiungere del css a tutti i div di una pagina web
    1 question
  • Download esercizi pratici della sezione
    00:02

  • Colori del testo
    08:31
  • Preview04:39
  • Impostare la dimensione del testo
    1 question
  • Allineamento del testo: text-align
    03:07
  • Allineare un testo.
    1 question
  • Impostare il colore del testo ad un elemento
    1 question
  • Altezza del testo e trasformazione: line-height, text-transform
    04:52
  • Impostare altezza del testo e trasformare tutto il testo in maiusculo
    1 question
  • Download esercizi pratici della sezione
    00:03

  • Preview13:53
  • Google font ed altri font esterni
    11:34
  • Scaricare font in locale e aggiungerli con @font-face
    04:41
  • Aggiungere una famiglia di font ad una pagina html
    1 question

  • Preview06:41
  • Preview03:28
  • Preview03:41
  • Preview02:29

  • Preview06:51
  • Aggiungere più di una immagine di sfondo ad un elemento
    04:10
  • Aggiungere un colore di sfondo e decidere fino a dove coprire: background-clip
    03:21
  • Definire tutte le proprietà di sfondo con la proprietà background
    03:17

Requirements

  • Usare un PC o MAC
  • Usare un browser qualunque
  • Avere Internet per scaricare gli editor ma non indispensabile

Description

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



Who this course is for:

  • Gli aspiranti a Web Designer
  • Programmatori backend che comunque devono scrivere e capire html
  • Project managers e DevOps per capire di cosa si parla quando si parla di HTML e web

Instructor

Hidran Arias
Software Engineer
Hidran Arias
  • 4.4 Instructor Rating
  • 12,206 Reviews
  • 94,941 Students
  • 20 Courses

I'm a cuban living in the beautiful city of Turin, Italy. I have a university degree in computer sciences in the field of automation engineering. I am a software engineer since 2002 and since then I have worked for different italian companies developing web applications with the latest technogies, most of them open sources, such as SWIFT, JAVA, PHP, MYSQL, ORACLE, CSS, HTML, NODEJS, MONGODB and javascript libraries such as ANGULAR 6, IONIC 3,  EXTJS, SENCHATOUCH, JQUERY

When I am not programming, I am learning new languages,currently German and Arabic. Currently I speak SPANISH, my mother tongue, ITALIAN,almost my second mother tongue, ENGLISH, FRENCH and PORTUGUESE.

Playing GUITAR  is one of my hobbies and passions and I dedicate it as much time as for languages and computer.

People say I am an easy talker, always ready to help people and I love teaching  what I know and mainly new technologies. I try to keep always up to date not only by teaching but also by learning and taking courses such as the ones found here in UDEMY .

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.