Einführung in die Erstellung von Webseiten mit HTML5 und CSS3

Einführung in die Erstellung von Webseiten mit HTML5 und CSS3

Dieser Kurs ist Teil von Spezialisierung „Frontend-Entwicklung mit React“

Dozent: NIIT

6.117 bereits angemeldet

Bei enthalten

Mehr erfahren

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

37 Bewertungen

Stufe Anfänger

Keine Vorkenntnisse erforderlich

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

4 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

37 Bewertungen

Stufe Anfänger

Keine Vorkenntnisse erforderlich

1 Woche zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Lernen Sie, leicht zugängliche, attraktive und statische Webseiten mit HTML5 und CSS3 zu erstellen

Kompetenzen, die Sie erwerben

Kategorie: HTML und CSS
Kategorie: Front-End-Webentwicklung
Kategorie: Entwicklungsumgebung
Kategorie: Semantisches Web
Kategorie: Web-Design
Kategorie: Software-Entwicklungstools
Kategorie: Web-Entwicklung
Kategorie: Web-Design und Entwicklung

Werkzeuge, die Sie lernen werden

Kategorie: Cascading Style Sheets (CSS)
Kategorie: Web-Entwicklungs-Tools
Kategorie: Hypertext Markup Language (HTML)
Kategorie: Integrierte Entwicklungsumgebungen

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

4 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Frontend-Entwicklung mit React“

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 4 Module

Webinhalte werden täglich von Millionen Menschen auf der ganzen Welt aufgerufen. Attraktive Webseiten helfen Unternehmen zu wachsen und bieten den Betrachtern ein allgegenwärtiges Erlebnis.

In diesem Kurs lernen Sie, wie HTML5 verwendet wird, um einfache Webseiten von Grund auf zu strukturieren, und wie CSS3 deren Aussehen verbessert. Die maßgeschneiderte Lernumgebung und der schrittweise Lehransatz dieses Kurses erhöhen die Lernerfahrung. Die realen Szenarien und Herausforderungen, die während des Kurses vorgestellt werden, werden Sie darin schulen, die verschiedenen Herausforderungen zu lösen, über die Front-End-Ingenieure in ihrem Arbeitsleben stolpern.

In diesem Lernsprint lernen Sie, eine Webseite mit HTML5 zu strukturieren. Außerdem lernen Sie die Anatomie einer Webseite, die Verwendung verschiedener HTML-Elemente und die Tools zum schnellen Erstellen von Webseiten kennen.

Das ist alles enthalten

14 Videos3 Lektüren1 Aufgabe2 Programmieraufgaben

14 VideosInsgesamt 54 Minuten

Kontext Einstellung2 Minuten
Anatomie eines HTML-Elements und eines HTML-Dokuments5 Minuten
Watch and Repeat : Erstellen Sie ein HTML-Dokument im Notepad/Texteditor3 Minuten
Erstellen Sie eine Webseite mit häufig verwendeten HTML5-Elementen3 Minuten
Beobachten und Wiederholen : Herunterladen und Installieren von VS-Code4 Minuten
Watch and Repeat : Erstellen von Kopf- und Absatzelementen in einer HTML-Datei6 Minuten
Watch and Repeat : Erstellen von Bild-, Anker- und Listen-Tags in einer HTML-Datei8 Minuten
Installieren Sie einen HTTP-Server, um Webseiten auszuliefern2 Minuten
Verwenden Sie das Emmet Tool Kit und die Multi-Cursor-Funktion in VS Code2 Minuten
Beobachten und wiederholen : Emmet Toolkit und Multi-Cursor13 Minuten
Praxis Brief 11 Minute
Praxis Brief 21 Minute
Praxis-Nachbesprechung :: Entwickeln Sie eine Webseite mit HTML2 Minuten
Lernen Konsolidierung1 Minute

3 LektürenInsgesamt 45 Minuten

IDE für die Erstellung von HTML-Dokumenten und W3C-Konformität10 Minuten
Anleitung zum Hochladen der Lösung der Programmieraufgabe5 Minuten
Entwickeln Sie eine Webseite mit HTML30 Minuten

1 AufgabeInsgesamt 30 Minuten

Entwickeln Sie eine Webseite mit HTML530 Minuten

2 ProgrammieraufgabenInsgesamt 75 Minuten

Das World Wide Web30 Minuten
Pentogramm Schriftart Katalog Herausforderung45 Minuten

In diesem Lernsprint werden Sie lernen, Webseiten semantisch zu strukturieren, damit Maschinen Webseiten verstehen. Sie werden auch lernen, wie semantisch gestaltete Webseiten Menschen mit Behinderungen helfen.

Das ist alles enthalten

12 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe

12 VideosInsgesamt 39 Minuten

Kontext Einstellung1 Minute
Unterscheiden Sie zwischen nicht-semantischen und semantischen Elementen3 Minuten
Beobachten und Wiederholen: Semantische und nicht-semantische Elemente8 Minuten
Identifizieren Sie die Vorteile der Verwendung semantischer Elemente2 Minuten
Erklären Sie die Verwendung von semantischem Markup durch Screenreader für die Seitennavigation4 Minuten
Beobachten und wiederholen : Aria Lables4 Minuten
Eine Webseite mit semantischen HTML-Elementen strukturieren4 Minuten
Watch and Repeat : Beliebte semantische HTML5-Elemente5 Minuten
Beobachten und Wiederholen : Semantische Elemente wie Fußzeile, Abbildung und Details2 Minuten
Praxis Brief2 Minuten
Praxis-Nachbesprechung2 Minuten
Lernen Konsolidierung1 Minute

1 LektüreInsgesamt 10 Minuten

Eine Webseite mit semantischen und HTML5-Elementen strukturieren10 Minuten

1 AufgabeInsgesamt 30 Minuten

Eine Webseite mit semantischen und HTML5-Elementen strukturieren30 Minuten

1 ProgrammieraufgabeInsgesamt 75 Minuten

Task Force Positives Arbeitsumfeld Herausforderung75 Minuten

In diesem Lernsprint lernen Sie, wie Sie Ihre Webseiten mit CSS gestalten. Webseiten, die nur Informationen und keine Stile enthalten, sind weniger ansprechend.

Das ist alles enthalten

10 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe

10 VideosInsgesamt 44 Minuten

Kontext Einstellung2 Minuten
CSS verwenden, um eine HTML-Seite zu gestalten2 Minuten
Watch and Repeat : Verschiedene Arten der Anwendung von Stilen9 Minuten
HTML-Elemente mit CSS-Selektoren auswählen3 Minuten
Watch and Repeat : HTML-Elemente mit CSS-Selektoren auswählen9 Minuten
Stile mit Hilfe von CSS-Eigenschaften auf ein HTML-Element anwenden8 Minuten
Watch and Repeat : Stile mit CSS-Eigenschaften anwenden6 Minuten
Praxis Brief2 Minuten
Praxis-Nachbesprechung3 Minuten
Lernen Konsolidierung1 Minute

1 LektüreInsgesamt 10 Minuten

Eine Webseite mit CSS-Eigenschaften gestalten10 Minuten

1 AufgabeInsgesamt 30 Minuten

Eine Webseite mit CSS-Eigenschaften gestalten30 Minuten

1 ProgrammieraufgabeInsgesamt 75 Minuten

Pentogram Schriftart Katalog Vorschau75 Minuten

In diesem Lernsprint lernen Sie, wie Sie mithilfe der CSS-Box-Modelleigenschaften Leerzeichen anwenden können. Leerzeichen haben eine ganz besondere Bedeutung für das Design.

Das ist alles enthalten

13 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe

13 VideosInsgesamt 50 Minuten

Kontext Einstellung2 Minuten
Erstellen Sie Layouts mit dem CSS-Box-Modell3 Minuten
Wenden Sie Ränder, Umrandungen und Polsterungen an, um dem Entwurf mehr Raum zu geben7 Minuten
Beobachten und wiederholen : CSS Box Modell10 Minuten
Watch and Repeat : Standard und Alternate Box Modell3 Minuten
Verwalten Sie die Gruppierung von Elementen mit der CSS-Eigenschaft display3 Minuten
Watch and Repeat : CSS-Eigenschaft display6 Minuten
CSS Spezifität anwenden3 Minuten
Beobachten und wiederholen : CSS Spezifität6 Minuten
Verwenden Sie beim Erstellen der CSS-Klassennamen die BEM-Syntax1 Minute
Praxis Brief1 Minute
Praxis-Nachbesprechung3 Minuten
Lernen Konsolidierung1 Minute

1 LektüreInsgesamt 10 Minuten

Gestalten Sie eine Webseite mit dem CSS-Box-Modell10 Minuten

1 AufgabeInsgesamt 30 Minuten

Gestalten Sie eine Webseite mit dem CSS-Box-Modell30 Minuten

1 ProgrammieraufgabeInsgesamt 75 Minuten

Sam Anderson's Portfolio75 Minuten

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Lehrkraftbewertungen

(8 Bewertungen)

NIIT

13 Kurse30.012 Lernende

von

NIIT

Mehr von Mobile und Web-Entwicklung entdecken

Status: Kostenloser Testzeitraum
University of Michigan
Introduction to HTML5
Kurs
Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Kurs
Status: Kostenloser Testzeitraum
IBM
Introduction to HTML, CSS, & JavaScript
Kurs
Status: Vorschau
Logical Operations
HTML5: Content Authoring Fundamentals
Kurs

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Bewertungen von Lernenden

5 stars
29,72 %
4 stars
18,91 %
3 stars
16,21 %
2 stars
5,40 %
1 star
29,72 %

Zeigt 3 von 37 an

Geprüft am 18. Feb. 2023

Some questions in some exams were "bad-formed": sometimes the question was incomplete; sometimes the answer was incoherent with the question.

Geprüft am 27. Mai 2023

Good Course for learning. However the grading system is hard to figure out for beginners.

Weitere Bewertungen anzeigen

Unlock access to 10,000+ courses with a subscription
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Join over 4,700 global companies that choose Coursera for Business

Häufig gestellte Fragen

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.

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.

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.