Webentwicklungstechniken mit HTML5 und CSS3
Ein Kurs von 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
- 98% positive Bewertungen (332)
- 8,683 Lernende
- 29 Lektionen (2 Stdn. 14 Min.)
- 17 Zusatzmaterialien (8 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
- Spanisch · Englisch · Portugiesisch · Italienisch · Französisch · Türkçe
- Niveau: Fortgeschritten
- Dauerhaft unbegrenzter Zugang
Was ist das Kursprojekt?
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
An wen richtet sich dieser Onlinekurs?
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.
Anforderungen und benötigte Materialien
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
Marta Armada
Ein Kurs von Marta Armada
Marta Armada ist Webdesignerin in Barcelona. Sie interessieren sich für Typografie, responsives Webdesign, CSS, UX oder Design im Allgemeinen: alles, was dazu beiträgt, eine bessere Website zu erstellen.
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.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
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.
Muy buen curso intuitivo, las explicaciones son muy claras
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.
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.
muy buen curso facil de entender y con buenos recursos
Muy bueno!