Webentwicklungstechniken mit HTML5 und CSS3
A course by Marta ArmadaWebdesigner
A course by Marta Armada, Webdesigner
Optimieren Sie Ihre Webseiten mit neuen Programmier- und Layouttechniken
Marta Armada - Webdesignerin, spezialisiert auf UX, responsive und Front-End-Design und Gründerin des Swwweet-Studios zusammen mit Javier Usobiaga - zeigt Ihnen, wie Sie Ihre Webentwicklungsfähigkeiten durch Analyse verschiedener HTML5- und CSS3-Techniken verbessern können.
Sie lernen unter anderem Semantik, Verläufe, Schatten, Formulare, Animationen und Flexbox kennen, mit denen Sie Ihre Webseiten verbessern und optimieren können.
Es ist ein ergänzender Kurs zu dem von Einführung in Responsive Web Development mit HTML und CSS von Javier Usobiaga.
Was lernst du in diesem Onlinekurs?
29 Lektionen & 17 Downloads
Einführung in HTML5
2 Minuten, 8 Sekunden
Einführung in CSS3
1 Minute, 55 Sekunden
Browser und Support
2 Minuten, 13 Sekunden
HTML5-Tags und Semantik
1 Minute, 53 Sekunden
Blocketiketten
5 Minuten, 53 Sekunden
Linienbeschriftungen
3 Minuten, 20 Sekunden
Was ist in diesem Kurs enthalten?
Zunächst lernen Sie die Arbeit und die Einflüsse von Marta Armada und ihrem Webdesign-Studio Swwweet kennen.
Als nächstes werden Sie eine kurze Einführung in HTML, CSS, Browser und Support geben, die der Ausgangspunkt sein wird, um die Möglichkeiten der neuen Webtechniken zu erkunden, die dank HTML5 und CSS3 möglich sind.
Sie lernen zunächst die Semantik und Formulare in HTML5 kennen und gehen dann tiefer in Dekorationswerkzeuge wie abgerundete Kanten, Verläufe und Schatten ein.
Später werden Sie die Tools für Video, Audio und Bilder responsive entdecken. Auch Übergänge, Transformationen und Animationen, neue Selektoren und Layout-Tools wie Flexbox und calc ().
What is this course's project?
Das Abschlussprojekt besteht aus der Erstellung einer kostenlosen Design-Webseite als Synthese der verschiedenen Themen, die Sie im Verlauf des Kurses sehen werden.
Projekte von Kursteilnehmenden
Who is this online course for?
Dieser Kurs richtet sich an Webdesigner, Programmierer, Grafikdesigner und alle Personen, die gerne HTML und CSS schreiben, aber ihre Fähigkeiten verbessern möchten. Es ist nicht notwendig, ein sehr hohes Niveau zu haben, und Designkenntnisse sind ebenfalls nicht wesentlich.
Auch für diejenigen, die den Kurs von Javier Usobiaga besucht haben Einführung in Responsive Web Development mit HTML und CSS und möchte sich mit der Angelegenheit von Marta Armada befassen.
Requirements and materials
Für diesen Kurs benötigen Sie Vorkenntnisse, mit denen Sie HTML und CSS bequem schreiben können. Sie benötigen einen Computer und Ihren bevorzugten Code-Editor.
Bewertungen
- vor 4 Monaten
Muy buen curso intuitivo, las explicaciones son muy claras
- vor 1 Jahr
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.
- vor 1 Jahr
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.
- vor 1 Jahr
muy buen curso facil de entender y con buenos recursos
- vor 1 Jahr
Muy bueno!
2009 gründete sie mit ihrem Ehemann Javier Usobiaga das Webdesign-Studio Swwweet, in dem sie Webseiten für Startups erstellen.
Marta hat mehrere Gespräche gegeben und Workshops sowohl lokale Veranstaltungen und Vorträge international und lehrt Web - Design in ELISAVA School of Design.
Inhalt
- E1
Einführung
- Einführung
- Einflüsse
- E2
Einführung in HTML5 und CSS3
- Einführung in HTML5
- Einführung in CSS3
- Browser und Support
- E3
Semantik
- HTML5-Tags und Semantik
- Blocketiketten
- Linienbeschriftungen
- E4
Dekoration
- Farbe und Deckkraft
- Abgerundete Kanten
- Schatten
- Farbverläufe und Mittel
- E5
Responsive Video, Audio und Bilder
- Video und Audio
- Videoattribute
- Reaktionsschnelle Bilder
- E6
Selektoren
- Untergeordnete und Typauswahl
- Attributselektoren
- Andere nützliche Selektoren
- Pseudoelemente :: vorher und :: nachher
- E7
Formulare
- Neue Arten von Eingaben
- Attribute auf Formularen
- Stilformen
- E8
Übergänge und Animationen
- Transformationen
- Übergänge
- Animationen
- E9
Layout-Tools
- Box-Sizing und Medienabfragen
- Calc () - und Ansichtsfenstereinheiten
- Einführung in die Flexbox
- Lösungen mit Flexbox
- AP
Abschlussprojekt
- Webentwicklungstechniken mit HTML5 und CSS3
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
You’ll learn how to build modern, adaptable websites using HTML5 and CSS3, applying semantic tags, advanced layout techniques, visual effects, and resources to enhance user experience on any device.
This course is designed for those with basic HTML and CSS knowledge who want to dive deeper into advanced techniques and responsive design. It’s not for absolute beginners, but accessible if you already know the basics.
You’ll need basic HTML and CSS skills, plus access to a code editor and a modern web browser. Some prior experience creating simple pages is recommended.
You’ll learn to apply responsive design principles, optimize performance, and improve accessibility, making your sites functional and attractive on any device, enhancing user experience.
HTML5 semantic tags like header, nav, article, and section structure and give meaning to content, improving accessibility, SEO, and code maintainability.
Yes, you’ll learn to create animations, transitions, gradients, shadows, and custom patterns using advanced CSS3 features.
Yes, the course covers integrating video, audio, and graphics using native HTML5 tags and the Canvas element for drawings and visualizations.