Einführung in die Responsive Web Development mit HTML und CSS
Ein Kurs von Javier Usobiaga Ferrer, Webdesigner
Lernen Sie die Grundlagen der Frontend-Webentwicklung kennen
Bringen Sie Ihr Design in den Browser! In diesem Kurs zeigt Ihnen Javier Usobiaga, wie Sie Webseiten mit den grundlegendsten Tools erstellen: HTML und CSS. Sie lernen, Ihren eigenen Code zu schreiben, und Sie ändern die Art und Weise, wie Sie das Web anzeigen (und gestalten), und verstehen, wie es im Inneren funktioniert und wie Sie eine reaktionsfähige Website entwerfen, um sie effektiver zu gestalten. Und wenn Design nicht Ihr Ding ist, kann dieser Kurs eine gute Basis sein, um in die Welt der Front-End-Webentwicklung einzusteigen.
Was lernst du in diesem Onlinekurs?
31 Lektionen & 13 Downloads
Was ist in diesem Kurs enthalten?
Dieser Kurs beginnt mit null Kenntnissen in HTML und CSS. Es enthält die grundlegenden HTML-Tags und typografischen CSS-Eigenschaften, Layout-Tools wie Floats oder Position, Hintergründe, Rahmen, abgerundete Ecken, Schatten, Web-Schriftarten und grundlegende Responsive Development-Tools wie Media Queries.
- 98% positive Bewertungen (2.5K)
- 50,540 Lernende
- 31 Lektionen (2 Stdn. 18 Min.)
- 13 Zusatzmaterialien (9 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
- Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Was ist das Kursprojekt?
Das Abschlussprojekt besteht aus der Erstellung einer reaktionsschnellen Webseite (dem Web einer fiktiven Cafeteria), die auf einem Design basiert, das als Synthese der verschiedenen Themen dient, die wir im Verlauf des Kurses sehen werden.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
An alle, die Grundkenntnisse in HTML und CSS erwerben möchten, unabhängig davon, ob sie Designer sind oder nicht.
Anforderungen und benötigte Materialien
Für diesen Kurs benötigen Sie keine großen technischen oder gestalterischen Kenntnisse. Sie benötigen einen Computer und einen kostenlosen Code-Editor.
Bewertungen
Javier Usobiaga Ferrer
Ein Kurs von Javier Usobiaga Ferrer
Javier Usobiaga ist seit über 10 Jahren Webdesigner und Front-End-Entwickler. Zusammen mit Marta Armada ist er Mitbegründer des Swwweet-Studios, das sich auf die Gestaltung responsiver Websites von der Konzeption bis zur Front-End-Entwicklung spezialis...
Inhalt
-
E1
Einführung
-
Präsentation des Kurses und des Projekts
-
Das Web: HTML, CSS und JS
-
Code-Editor. Erstellen Sie ein Projekt. Bearbeitungsumgebung
-
Inspektor- und Entwicklertools
-
-
E2
HTML-Struktur
-
HTML-Tags und Attribute
-
Textbeschriftungen
-
Bilder und Links
-
Blocketiketten
-
Dokumentetiketten
-
-
E3
Beginnend mit CSS
-
Verknüpfen Sie eine CSS-Datei und eine CSS-Syntax
-
Grundlegende Selektoren
-
Typografische Stile
-
Spezifität und Struktur in Stylesheets
-
Erweiterte Selektoren: die Pseudoklassen
-
-
E4
CSS-Strukturen
-
Browser-Stile und CSS zurücksetzen
-
Das Boxmodell
-
Anzeigen
-
Schwimmt
-
Position
-
-
E5
CSS-Dekoration
-
Stile für Listen
-
Rand, Randradius und Kastenschatten
-
Hintergründe und Hintergrundbilder
-
Webfonts
-
-
E6
Reaktionsschnelle Techniken
-
Responsive Design und Mobile First
-
Flexible Struktur
-
Die Medienabfragen
-
Reaktionsschnelle Navigation
-
-
E7
Interaktion hinzufügen
-
E-Mail-Link
-
CSS-Übergänge
-
Verknüpfen Sie eine JavaScript-Datei
-
Navigation mit JavaScript hinzugefügt
-
-
AP
Abschlussprojekt
-
Responsive Webentwicklung mit HTML und CSS
-
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
Yes, this course is designed for beginners and requires no prior web development knowledge. You’ll start from scratch learning how to structure and style webpages with HTML and CSS.
All you need is a computer, internet access, and a free code editor like Brackets or Sublime Text, both of which are introduced in the course. No previous experience needed.
You’ll learn how to build functional webpages, style them with CSS, create responsive mobile-friendly sites, and add basic interactivity with JavaScript. You’ll also build your own web portfolio.
The course covers HTML structure, tags, attributes, CSS styling, responsive design, file organization, inspection tools, differences between HTML4 and HTML5, and modern layout techniques.
Yes, the course includes responsive design techniques with CSS so your sites look great on any screen size or device.
You’ll learn how to create HTML files from scratch, name them correctly (like index.html), and save them within the recommended folder structure for web projects.
Yes, while Brackets is recommended and other options like Sublime Text are compared, you’re free to use any editor that supports HTML and CSS files.
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
Me costó entenderlo, es un poco denso.
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
fácil de seguir,
i like a this course