Strukturierung und Aufbau von Webseiten von Grund auf unter Verwendung der wichtigsten HTML-Tags, Elemente und Attribute.
Gestalten und formatieren Sie Ihre Website, indem Sie CSS für Layout, Farben, Schriftarten und Responsive Design anwenden.
Erstellen Sie optisch ansprechende, mobilfreundliche Websites mit den vorgefertigten Komponenten und dem Rastersystem von Bootstrap.
Wenden Sie moderne Best Practices im Webdesign an, um Barrierefreiheit, Benutzerfreundlichkeit und geräteübergreifende Kompatibilität zu gewährleisten.
Kompetenzen, die Sie erwerben
Kategorie: Web-Design und Entwicklung
Web-Design und Entwicklung
Kategorie: Leitlinien für die Zugänglichkeit von Webinhalten
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 3 Module
Der Kurs "Erstellen einer Webseite mit HTML und CSS" richtet sich an Anfänger, die lernen möchten, wie man eine Webseite erstellt, auch ohne vorherige Erfahrung im Bereich Code. Sie erfahren, wie Sie Inhalte mit HTML strukturieren, Ihre Website mit CSS gestalten und die Prinzipien des Responsive Design mit Bootstrap anwenden - und das alles, während Sie eine echte, gemeinsam nutzbare Webseite von Grund auf erstellen. Im ersten Modul erkunden Sie die Grundlagen von HTML, einschließlich der Dokumentstruktur, der wichtigsten Tags und wie Sie Inhalte für Klarheit und Barrierefreiheit organisieren. Sie lernen, wie Sie mit HTML Überschriften, Listen, Bilder, Links, Tabellen und Formulare erstellen und wie wichtig ein sauberer, gut verschachtelter Code ist. Das zweite Modul konzentriert sich auf CSS und zeigt Ihnen, wie Sie Ihre Webseite mithilfe von Selektoren, Eigenschaften und fortgeschrittenen Merkmalen wie Flexbox und Grid gestalten und formatieren können. Sie lernen, wie Sie Layout, Typografie und Farben steuern können, und erfahren, wie CSS eine einfache HTML-Seite in eine visuell ansprechende Website verwandeln kann. Das letzte Modul stellt Bootstrap vor, ein leistungsstarkes Framework für die Erstellung von reaktionsfähigen, mobilfreundlichen Websites. Sie arbeiten mit den vorgefertigten Komponenten, dem Rastersystem und den Dienstprogrammen von Bootstrap, um professionell aussehende Layouts zu erstellen, die sich an jedes Gerät anpassen. Am Ende des Kurses haben Sie eine voll funktionsfähige, moderne Webseite und die grundlegenden Fähigkeiten, um eine Website zu starten oder weitere Webentwicklungen durchzuführen. Am Ende dieses Kurses werden Sie sicher sein: 1. Webseiten mit HTML-Tags, Elementen und Attributen aufbauen und strukturieren 2. Gestalten und formatieren Sie Ihre Webseite mit CSS für Layout, Farben und Typografie 3. Erstellen von reaktionsfähigen, professionellen Webseiten mit den Komponenten und dem Rastersystem von Bootstrap 4. Wenden Sie bewährte Methoden des Webdesigns an, um sicherzustellen, dass Ihre Website visuell ansprechend und barrierefrei ist 5. Teilen Sie eine echte, funktionierende Webseite als Teil Ihres Portfolios oder Online-Präsenz Dieser Kurs ist ideal für diejenigen, die: - Wollen Sie eine Schritt-für-Schritt, praktische Einführung in die Erstellung einer Webseite und HTML und CSS - Sind neu in der Web-Entwicklung und eifrig zu grundlegenden digitalen Fähigkeiten zu bauen - Bevorzugen Sie lernen, indem Sie tun und die Anwendung von Wissen auf reale Projekte - Sind die Erkundung Web-Design für persönliche, schulische oder berufliche Entwicklung Dieser Kurs befähigt Sie, eine Website zu starten, Code eine Webseite, und bauen Sie Ihr Vertrauen mit praktischen, in-Demand digitalen Fähigkeiten für die heutige Online-Welt.
Haftungsausschluss: Dieser Kurs ist eine unabhängige Bildungsressource, die von Board Infinity entwickelt wurde. Er ist nicht mit Alphabet Inc, Meta oder einer ihrer Tochtergesellschaften oder verbundenen Unternehmen verbunden, wird von ihnen unterstützt, gesponsert oder steht in offizieller Verbindung mit ihnen. Dieser Kurs ist kein offizielles Vorbereitungsmaterial für eines dieser Unternehmen. Alle erwähnten Warenzeichen, Dienstleistungsmarken, Firmennamen, Logos und Markennamen sind Eigentum der jeweiligen Inhaber und werden nur zu Identifikations-, Bildungs- und Informationszwecken verwendet. Es wird kein Anspruch auf ausschließliche Rechte zur Verwendung von Warenzeichen Dritter außerhalb ihres Kontextes in diesem Lehrmaterial erhoben.
Beginnen Sie Ihre Reise in die Webentwicklung mit dem Erlernen der Grundlagen von HTML, der Sprache, die alle Webinhalte strukturiert. Dieses Modul behandelt die Anatomie eines HTML-Dokuments, die Verwendung von Tags und Attributen sowie bewährte Verfahren zur Organisation und Verschachtelung Ihres Codes. Sie werden praktische Erfahrungen beim Erstellen von Überschriften, Listen, Links, Bildern, Tabellen und Formularen sammeln und so eine solide Grundlage für jede Website schaffen.
Semantische Tags und nicht-semantische Tags•4 Minuten
Meta-Tag•6 Minuten
4 Lektüren•Insgesamt 80 Minuten
Syllabus•10 Minuten
Weitere Lektüre zu HTML•30 Minuten
Lesen Sie mehr über verschiedene HTML-Tags•30 Minuten
Sagen Sie uns, was Sie denken!•10 Minuten
3 Aufgaben•Insgesamt 90 Minuten
Einführung in HTML Praxis Quiz•15 Minuten
HTML-Tags - Praxis-Quiz•15 Minuten
HTML benotetes Quiz•60 Minuten
1 Unbewertetes Labor•Insgesamt 60 Minuten
Erstellen Sie Ihre erste Webseite•60 Minuten
1 Plug-in•Insgesamt 15 Minuten
Schnellkurs Check-In•15 Minuten
Einführung in CSS
Modul 2•10 Stunden abzuschließen
Moduldetails
Verwandeln Sie einfache HTML-Seiten in visuell ansprechende Websites, indem Sie CSS beherrschen. Dieses Modul führt Sie in die CSS-Syntax, Selektoren und Eigenschaften ein und zeigt Ihnen, wie Sie Text gestalten, das Layout anpassen und Farben und Abstände hinzufügen können. Außerdem lernen Sie Responsive Design-Konzepte kennen und erfahren, wie Sie Ihre Website auf jedem Gerät gut aussehen lassen können.
Das ist alles enthalten
44 Videos5 Lektüren7 Aufgaben1 Unbewertetes Labor
Infos zu Modulinhalt anzeigen
44 Videos•Insgesamt 235 Minuten
Was Sie in dieser Lektion lernen werden•1 Minute
Was ist CSS?•3 Minuten
CSS-Syntax•4 Minuten
CSS Einfacher Selektor•6 Minuten
CSS Kombinierte Selektoren - Teil 1•5 Minuten
CSS Kombinierte Selektoren - Teil 2•5 Minuten
Was Sie in dieser Lektion lernen werden•1 Minute
Pseudoklassen-Selektoren - Teil 1•6 Minuten
Pseudoklassen-Selektoren - Teil 2•6 Minuten
Pseudo-Elemente•8 Minuten
Attribut Selektoren•6 Minuten
Was Sie in dieser Lektion lernen werden•1 Minute
CSS Eigenschaft Fonts•5 Minuten
CSS Positionen•8 Minuten
CSS Schwebezustand•4 Minuten
CSS-Anzeige•4 Minuten
CSS-Einheiten•7 Minuten
Was Sie in dieser Lektion lernen werden•1 Minute
CSS-Farben•5 Minuten
CSS-Hintergrundfarben•4 Minuten
CSS-Box-Modell•9 Minuten
CSS Box-Sizing•5 Minuten
CSS-Stil-Tabelle•6 Minuten
CSS-Symbole•4 Minuten
CSS Display-Gitter - Teil 1•9 Minuten
CSS Display-Gitter - Teil 2•10 Minuten
CSS Navigationsleiste•8 Minuten
CSS Dropdowns•7 Minuten
CSS-Bildergalerie und Sprites•8 Minuten
CSS Styling von Bildern & Bildreflexionen•7 Minuten
CSS-Formulare•7 Minuten
CSS-Text-Effekte•7 Minuten
CSS Objekt anpassen & positionieren•4 Minuten
Was Sie in dieser Lektion lernen werden•1 Minute
CSS Flexbox - Teil 1•6 Minuten
CSS Flexbox - Teil 2•6 Minuten
CSS-Farbverlauf•4 Minuten
CSS 2D & 3D Transform•5 Minuten
CSS-Übergänge•6 Minuten
CSS-Animation•8 Minuten
CSS Media Queries•4 Minuten
CSS-Paginierung•5 Minuten
CSS Mehrspaltig•5 Minuten
CSS-Variablen•4 Minuten
5 Lektüren•Insgesamt 165 Minuten
Erfahren Sie mehr über CSS•30 Minuten
Weitere Lektüre über Selektoren•30 Minuten
Erfahren Sie mehr über Font & Property•30 Minuten
Lesen Sie mehr über CSS Designs•45 Minuten
Erfahren Sie mehr über CSS Advance Konzepte•30 Minuten
Unbenotetes Praktikum: Erste Schritte mit HTML und CSS•60 Minuten
Einführung in Bootstrap
Modul 3•7 Stunden abzuschließen
Moduldetails
Beschleunigen Sie Ihre Webentwicklung mit Bootstrap, einem leistungsstarken Framework für die Erstellung reaktionsschneller und professionell aussehender Websites. Dieses Modul behandelt das Bootstrap Rastersystem, vorgefertigte UI-Komponenten und Dienstprogramme für schnelles Prototyping. Sie üben die Erstellung von Layouts, die sich nahtlos an Desktops, Tablets und Smartphones anpassen.
Board Infinity ist eine 2017 gegründete Karriereplattform, die die Kluft zwischen Karrierewilligen und Branchenexperten überbrückt. Unsere Plattform fördert die berufliche Entwicklung, indem sie personalisierte Lernerfahrungen, fachkundiges Karriere-Coaching und vielfältige Möglichkeiten bietet, um Menschen bei der Erfüllung ihrer Karriereträume zu unterstützen. Board Infinity hat bereits mehr als 20.000 Karrierewechsel erfolgreich begleitet und damit einen wichtigen Beitrag zur Karriereentwicklung geleistet.
Ja, dieser Kurs ist für absolute Anfänger gedacht, die lernen wollen, wie man eine Webseite von Grund auf erstellt. Sie beginnen mit den Grundlagen von HTML und CSS, und jede Lektion verwendet eine einfache Sprache und eine schrittweise Anleitung. Es sind keine Vorkenntnisse im Bereich Code oder Webentwicklung erforderlich.
Welche Werkzeuge brauche ich, um eine Webseite in HTML und CSS zu erstellen?
Alles, was Sie brauchen, ist ein Computer, ein moderner Webbrowser wie Chrome oder Firefox und ein kostenloser Code-Editor wie Visual Studio Code oder Sublime Text. Der Kurs enthält Anweisungen zur Einrichtung, damit Sie sofort mit der Programmierung von HTML und CSS beginnen können. Es ist keine kostenpflichtige Software oder erweiterte Hardware erforderlich.
Beinhaltet der Kurs praktische Projekte und reale HTML-Webseitenbeispiele mit Quellcode?
Ja, jedes Modul enthält praktische Übungen und herunterladbare HTML-Webseitenbeispiele mit Quellcode. Sie erstellen Ihre eigene Webseite Schritt für Schritt und üben den Code anhand realer Szenarien.
Werde ich Responsive Webdesign lernen und wie ich meine Website mobilfreundlich gestalten kann?
Ja, der Kurs behandelt responsives Webdesign mit CSS und Bootstrap. Sie lernen, wie Sie Layouts erstellen, die sich an verschiedene Bildschirmgrößen anpassen, damit Ihre Website auf Handys, Tablets und Desktops gut aussieht.
Gibt es Quiz und Bewertungen, um mein Verständnis von HTML und CSS zu testen?
Ja, jedes Modul enthält Quizfragen und praktische Übungen, um das Gelernte zu festigen. Diese Bewertungen stellen sicher, dass Sie verstehen, wie man eine Website codiert und HTML- und CSS-Konzepte effektiv anwendet.
Wie lange dauert es, den Kurs zu beenden und eine Webseite zu erstellen?
Die meisten Lernenden schließen den Kurs in 2 bis 4 Wochen ab, je nach ihrem Zeitplan und Tempo. Der Kurs kann im eigenen Tempo absolviert werden, sodass Sie lernen können, wie man eine Webseite erstellt.
Werde ich lernen, wie man Bilder, Schaltflächen und Navigationsleisten in HTML und CSS gestaltet?
Ja, der Kurs behandelt die Gestaltung von Bildern, Schaltflächen, Navigationsleisten und anderen UI-Elementen mit CSS und Bootstrap. Dadurch wird sichergestellt, dass Ihre Webseiten attraktiv und benutzerfreundlich sind.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.
Finanzielle Unterstützung verfügbar, weitere Informationen
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.