Tecniche di sviluppo web con HTML5 e CSS3
A course by Marta Armadaweb designer
A course by Marta Armada, web designer
Ottimizza i tuoi siti web con nuove tecniche di programmazione e impaginazione
Marta Armada web -diseñadora specializzata in UX design Responsive e front-end e fondatrice dello studio Swwweet con Javier Usobiaga- ti insegna come migliorare le tue capacità di sviluppo web analizzando diverse tecniche HTML5 e CSS3.
Imparerai la semantica, i gradienti, le ombre, le forme, le animazioni e il flexbox, tra molte altre cose, che ti permetteranno di migliorare e ottimizzare le tue pagine web.
È un corso complementare a Introduzione allo sviluppo Web [url=http://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]con HTML e CSS di Javier Usobiaga.
Cosa imparerai in questo corso online?
29 lezioni & 17 download
Introduzione a HTML5
2 minuti, 8 secondi
Introduzione a CSS3
1 minuto, 55 secondi
Browser e supporto
2 minuti, 13 secondi
Tag HTML5 e semantica
1 minuto, 53 secondi
Blocca etichette
5 minuti, 53 secondi
Etichette di linea
3 minuti, 20 secondi
Cosa include questo corso?
Inizierai conoscendo il lavoro e le influenze di Marta Armada e del suo studio di web design, Swwweet.
Successivamente entrerai in una breve introduzione su HTML, CSS, browser e supporti che sarà il punto di partenza per iniziare ad esplorare le possibilità delle nuove tecniche web rese possibili da HTML5 e CSS3.
Inizierai conoscendo la semantica e le forme in HTML5, quindi approfondirai gli strumenti di decorazione come bordi arrotondati, sfumature e ombre.
Successivamente scoprirai gli strumenti per video, audio e immagini responsive . Inoltre transizioni, trasformazioni e animazioni, nuovi selettori e strumenti di layout come flexbox e calc ().
What is this course's project?
Il progetto finale consiste nella creazione di una pagina web di progettazione gratuita, come sintesi dei diversi argomenti che vedrai durante il corso.
Progetti di allievi del corso
Who is this online course for?
Questo corso è rivolto a web designer, programmatori, grafici e tutte quelle persone che si sentono a proprio agio nello scrivere HTML e CSS, ma che vogliono migliorare le proprie capacità. Non è necessario avere un livello molto alto e la conoscenza del design non è essenziale.
Anche a coloro che hanno seguito il corso di Javier Usobiaga Introduzione al Responsive Web Sviluppo con HTML e CSS e vuoi approfondire l'argomento dalla mano di Marta Armada.
Requirements and materials
Per questo corso è necessaria una conoscenza precedente che ti permetta di scrivere comodamente HTML e CSS. Avrai bisogno di un computer e del tuo editor di codice preferito.
Recensioni
- 4 mesi fa
Muy buen curso intuitivo, las explicaciones son muy claras
- un anno fa
Elcurso tiene buena informacion que es importante para la creacion de una pajina web pero eso solo eso informacion. una persona que apenas empieze no entenderia como hacer los codes or como o donde poner cada code. creo que se tiene que obtener otro curso de como empezar una pajina web y luego pasar a este curso como segundo para mas informacion.
- un anno fa
Es bueno, pero si ya tienes fundamentos algo avanzados, ya que explica las nuevas actualizaciones, no los lenguajes en sí y si no sabes utilizar los anteriores, te falta mucho para poder comprender bien esto.
- un anno fa
muy buen curso facil de entender y con buenos recursos
- un anno fa
Muy bueno!
Nel 2009 ha fondato lo studio di web design Swwweet con il marito, Javier Usobiaga, dove lavorano creando pagine web per startup .
Marta ha tenuto diversi discorsi e workshop sia a eventi locali che a conferenze internazionali, ed è docente di web design presso ELISAVA Escuela Superior de Diseño.
Contenuti
- U1
introduzione
- introduzione
- Influssi
- U2
Introduzione a HTML5 e CSS3
- Introduzione a HTML5
- Introduzione a CSS3
- Browser e supporto
- U3
Semantica
- Tag HTML5 e semantica
- Blocca etichette
- Etichette di linea
- U4
Decor
- Colore e opacità
- Bordi arrotondati
- Sfumature
- Sfumature e sfondi
- U5
Video, audio e immagini reattivi
- Video e audio
- Attributi video
- Immagini reattive
- U6
Selettori
- Selettori figlio e tipo
- Selettori di attributi
- Altri selettori utili
- Pseudoelementi :: prima e :: dopo
- U7
Le forme
- Nuovi tipi di input
- Attributi nelle forme
- Forme di styling
- U8
Transizioni e animazioni
- Trasformazioni
- Transizioni
- Animazioni
- U9
Strumenti di layout
- Dimensionamento delle scatole e media query
- Calc () e unità di visualizzazione
- Introduzione a flexbox
- Soluzioni Flexbox
- PF
Progetto finale
- Tecniche di sviluppo web con HTML5 e CSS3
Cosa aspettarsi da un corso Domestika
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
Certificates
PLUSIf you're a Plus member, get a attestato personalizzato signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Imparerai a creare pagine web moderne e flessibili usando HTML5 e CSS3, applicando tag semantici, tecniche avanzate di layout, effetti visivi e risorse per migliorare l’esperienza utente su qualsiasi dispositivo.
Il corso è pensato per chi ha già basi di HTML e CSS e vuole approfondire tecniche avanzate e design responsive. Non è per principianti assoluti, ma è accessibile a chi conosce le basi.
Serve una conoscenza di base di HTML e CSS, oltre all’accesso a un editor di codice e a un browser moderno. Si consiglia di avere già esperienza nella creazione di pagine semplici.
Imparerai a usare principi di design responsive, ottimizzazione delle prestazioni e accessibilità, per rendere i tuoi siti funzionali e belli su ogni dispositivo, migliorando così l’esperienza utente.
I tag semantici di HTML5, come header, nav, article e section, organizzano e danno senso ai contenuti, migliorando accessibilità, SEO e manutenzione del codice.
Sì, imparerai a creare animazioni, transizioni, gradienti, ombre e pattern personalizzati con gli strumenti avanzati di CSS3.
Sì, il corso copre l’integrazione di video, audio e grafica usando i tag nativi di HTML5 e Canvas per disegni e visualizzazioni.