Wie lange dauert es, diesen Kurs zu absolvieren?

Planen Sie etwa 11 Stunden ein, um den Kurs zu beenden. Bei etwa 10 Stunden pro Woche entspricht das ungefähr einer Woche Studium, oder etwas länger, wenn Sie die Lektionen unterbrechen und mitprogrammieren möchten. Das Arbeitspensum umfasst Videolektionen, Lektüre, Tests und angeleitete Übungen zur Erstellung von Websites.

Einführung in die Webentwicklung

Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 399 $). Jetzt sparen.

Einführung in die Webentwicklung

Dieser Kurs ist Teil von Spezialisierung „Webentwicklung für Anfänger“

Unterrichtet in Deutsch (KI-Synchronisation)

Dozent: William Mead

255.525 bereits angemeldet

Bei enthalten

Mehr erfahren

4 Module

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

3,727 Bewertungen

Stufe Anfänger

Keine Vorkenntnisse erforderlich

Flexibler Zeitplan

1 Woche bei 10 Stunden eine Woche

In Ihrem eigenen Lerntempo lernen

4 Module

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

3,727 Bewertungen

Stufe Anfänger

Keine Vorkenntnisse erforderlich

Flexibler Zeitplan

1 Woche bei 10 Stunden eine Woche

In Ihrem eigenen Lerntempo lernen

Kompetenzen, die Sie erwerben

Kategorie: Bildqualität
Kategorie: Web-Design
Kategorie: Software-Versionierung
Kategorie: Web-Präsenz
Kategorie: Versionskontrolle
Kategorie: Front-End-Webentwicklung
Kategorie: Web-Inhalt
Kategorie: HTML und CSS
Kategorie: Web-Design und Entwicklung
Kategorie: Web-Entwicklung

Werkzeuge, die Sie lernen werden

Kategorie: Frontend-Leistung
Kategorie: Hypertext Markup Language (HTML)
Kategorie: Cascading Style Sheets (CSS)
Kategorie: GitHub
Kategorie: Web-Entwicklungs-Tools
Kategorie: Git (Versionskontrollsystem)
Kategorie: Web-Server

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

8 Zuweisungen¹

KI-bewertet siehe Haftungsausschluss

Unterrichtet in Deutsch (KI-Synchronisation)

96%

Den meisten Lernenden hat dieser Kurs gefallen

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 „Webentwicklung für Anfänger“

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

Dieser Kurs dient dazu, Ihre Fähigkeiten in der Webentwicklung und im Webdesign auszubauen, unabhängig davon, wie wenig Erfahrung oder technische Kenntnisse Sie derzeit haben. Wahrscheinlich besuchen Sie jeden Tag mehrere Websites, sei es aus geschäftlichen Gründen, zur Unterhaltung oder zur Weiterbildung. Aber haben Sie sich jemals gefragt, wie diese Websites eigentlich funktionieren? Wie sind sie aufgebaut? Wie interagieren Browser, Computer und mobile Geräte mit dem Internet? Welche Fähigkeiten sind erforderlich, um eine Website zu erstellen? Bei einer Milliarde Websites im Internet könnten die Antworten auf diese Fragen Ihr erster Schritt zu einem besseren Verständnis des Internets und zur Entwicklung neuer Internetkenntnisse sein.

Am Ende dieses Kurses werden Sie in der Lage sein, die Struktur und Funktionsweise des World Wide Web zu beschreiben, statische Webseiten mit HTML und CSS zu erstellen, einen geeigneten Web-Hosting-Service auszuwählen und Ihre Webseiten zu veröffentlichen, damit die Welt sie sehen kann. Schließlich werden Sie in der Lage sein, ein funktionierendes Modell für die Erstellung Ihrer eigenen persönlichen oder geschäftlichen Webseiten zu entwickeln und sich auf eine Lernreise in die Webentwicklung zu begeben.

Willkommen zum Kurs! In diesem Modul beginnen wir mit dem Herunterladen und Installieren des Code-Editors Visual Studio Code. Anschließend werden Sie in der Lage sein, die verschiedenen Teile der HTML-Sprache zu erkennen, grundlegende Tags für Webseiten manuell hinzuzufügen und grundlegende öffnende und schließende Tags mit Inhalt in einer HTML-Datei richtig zu verwenden, um Inhalte auszuzeichnen. Außerdem werden Sie Dateien mit Hilfe eines HTML-Validators auf Fehler prüfen. Fangen wir an!

Das ist alles enthalten

15 Videos2 Lektüren2 Aufgaben

15 VideosInsgesamt 93 Minuten

Einführung in den Kurs2 Minuten
Modul Einführung, Teil 11 Minute
Modul Einführung, Teil 23 Minuten
Installieren und Verwenden von VS Code, Teil 1 (Mac)3 Minuten
Installieren und Verwenden von VS Code, Teil 2 (Windows)3 Minuten
Installieren und Verwenden von VS Code, Teil 311 Minuten
Installieren und Verwenden von VS Code, Teil 43 Minuten
Die Sprache von HTML verstehen, Teil 16 Minuten
Die Sprache von HTML verstehen, Teil 28 Minuten
Die Sprache von HTML verstehen, Teil 37 Minuten
Die Sprache von HTML verstehen, Teil 44 Minuten
Die Sprache von HTML verstehen, Teil 59 Minuten
Die Sprache von HTML verstehen, Teil 611 Minuten
Erstellen einer einfachen Webseite12 Minuten
Markup Praxis Dateien11 Minuten

2 LektürenInsgesamt 16 Minuten

Kursnavigation und Sicherheitserklärung1 Minute
30 Jahre nach der Einführung des Internets in der Welt15 Minuten

2 AufgabenInsgesamt 40 Minuten

Nachdenken: Denken wie ein Entwickler10 Minuten
Modul 1 Quiz30 Minuten

In diesem Modul werden wir das Anker-Tag in HTML verwenden, um verschiedene Arten von Links zu erstellen. Sie werden mit Hilfe der relativen Pfadsyntax auf Dateien innerhalb der gleichen Website verlinken. Sie werden auch die Verwendung von Tags demonstrieren, mit denen Inhalte auf einer Webseite ersetzt werden. Weiter geht es mit der Identifizierung verschiedener Bildformate, die für die Darstellung von Bildern auf Webseiten verwendet werden. Sie werden die Verwendung geeigneter Attribute üben, um dem Browser mehr Informationen über die ersetzten Inhalte zu geben. Zum Abschluss dieses Moduls werden wir andere Arten von ersetztem Inhalt wie Video-, Audio- und iFrame-Inhalte identifizieren. Lassen Sie uns beginnen.

Das ist alles enthalten

11 Videos2 Aufgaben

11 VideosInsgesamt 72 Minuten

Modul Einführung1 Minute
Links erstellen, Teil 110 Minuten
Links erstellen, Teil 26 Minuten
Links erstellen, Teil 39 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 19 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 26 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 34 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 48 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 54 Minuten
Arbeiten mit ersetztem Inhalt (Bilder) & Bildformaten, Teil 67 Minuten
Markup Praxisdateien, Teil 29 Minuten

2 AufgabenInsgesamt 60 Minuten

Nachdenken: Denken wie ein Webentwickler30 Minuten
Modul 2 Quiz30 Minuten

Willkommen zu Modul 3! In diesem Modul werden wir verschiedene semantische Gliederungselemente in HTML-Dateien identifizieren und korrekt verwenden. Sie werden demonstrieren, wie Sie HTML verwenden, um Markup auf verschiedenen Plattformen zu ändern. Außerdem demonstrieren Sie die Verwendung eines Dienstes wie GitHub zum Speichern und Freigeben von Git-Repositories. Zum Abschluss des Moduls erstellen Sie verknüpfte HTML-Dateien mit Ordnern und Unterordnern und üben die Optimierung von Bildern und deren Verwendung auf Seiten für ein persönliches Website-Projekt. Wir haben eine Menge zu behandeln, also fangen wir an!

Das ist alles enthalten

13 Videos2 Aufgaben1 Diskussionsthema

13 VideosInsgesamt 102 Minuten

Modul Einführung1 Minute
Semantisches Markup, Teil 16 Minuten
Semantisches Markup, Teil 210 Minuten
Anwendung von HTML-Kenntnissen auf andere Systeme6 Minuten
Git auf dem Mac installieren, Teil 15 Minuten
Git auf dem Mac installieren, Teil 24 Minuten
Git unter Windows installieren4 Minuten
Veröffentlichen einer Website auf GitHub unter Windows, Teil 114 Minuten
Veröffentlichen einer Website auf GitHub unter Windows, Teil 27 Minuten
Veröffentlichen einer Website auf GitHub auf Mac13 Minuten
Beheben Sie eine defekte GitHub-Verbindung5 Minuten
Persönliche Website15 Minuten
Portfolio-Webseite auf GitHub11 Minuten

2 AufgabenInsgesamt 60 Minuten

Nachdenken: Denken wie ein Entwickler30 Minuten
Modul 3 Quiz30 Minuten

1 DiskussionsthemaInsgesamt 30 Minuten

Semantische Markierung Diskussion30 Minuten

Willkommen zum letzten Modul dieses Kurses! In diesem Modul werden wir den Zweck von CSS erläutern und die verschiedenen Teile einer CSS-Regel identifizieren. Sie werden die Verwendung von Zeichen wie geschweiften Klammern, Semikolons und Kommas beim Schreiben der CSS-Syntax demonstrieren. Dann werden wir die großen Ideen in CSS formulieren und differenzieren und spezifischere CSS-Regeln durch die Verwendung von Kombinator-Selektoren erstellen. Zum Abschluss des Moduls werden wir herausfinden, wo und wie CSS auf einer Website verwendet werden kann, einschließlich Inline-CSS, CSS-Regeln innerhalb von Style-Tags und CSS in verknüpften Stylesheets.

Das ist alles enthalten

15 Videos1 Lektüre2 Aufgaben

15 VideosInsgesamt 82 Minuten

Modul Einführung1 Minute
Einführung in CSS10 Minuten
Vererbung in CSS5 Minuten
CSS-Syntax2 Minuten
Kaskade und Spezifität in CSS, Teil 17 Minuten
Kaskade und Spezifität in CSS, Teil 28 Minuten
Kombinatorische Selektoren und verknüpfte Stylesheets10 Minuten
Lemmings-Webseite, Teil 18 Minuten
Lemmings-Webseite, Teil 24 Minuten
Lemmings-Webseite, Teil 35 Minuten
Lemmings-Webseite, Teil 45 Minuten
Lemmings-Webseite, Teil 54 Minuten
Lemmings-Webseite, Teil 69 Minuten
Lemmings-Webseite, Teil 72 Minuten
Kurs-Zusammenfassung1 Minute

1 LektüreInsgesamt 10 Minuten

Die unvernünftige Effektivität von einfachem HTML10 Minuten

2 AufgabenInsgesamt 60 Minuten

Nachdenken: Denken wie ein Entwickler30 Minuten
Modul 4 Quiz30 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

(1,095 Bewertungen)

William Mead

University of California, Davis

8 Kurse328.177 Lernende

von

University of California, Davis

Mehr von Mobile und Web-Entwicklung entdecken

Status: Kostenloser Testzeitraum
Packt
Introduction to Web Development and HTML Basics
Kurs
Status: Kostenloser Testzeitraum
IBM
Introduction to Web Development with HTML, CSS, JavaScript
Kurs
Status: Kostenloser Testzeitraum
IBM
Introduction to HTML, CSS, & JavaScript
Kurs
Packt
Introduction to Website Development Technologies
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
73,49 %
4 stars
21,27 %
3 stars
3,78 %
2 stars
0,61 %
1 star
0,83 %

Zeigt 3 von 3727 an

Geprüft am 2. Mai 2020

This course was fabulous. I got to learn many more interesting things during this course . This is a very good primary course to learn web development. Good Luck to the future learner :)

Geprüft am 26. Nov. 2020

This is one of the best course for a beginner to build his/her skill in the web development field. And I'm also grateful to our tutor Daniel Randall for teaching us such a great thing.

Geprüft am 24. Mai 2020

I have learnt a new thing. But this course has made me think analytically. Now I'm sure that I'll definitely join Army/Navy /Air Force one day. GodspedeTo The Instructor Mr Dan RandallKudos

Weitere Bewertungen anzeigen

Häufig gestellte Fragen

Sie lernen, wie einfache Websites strukturiert, gestylt und im Web veröffentlicht werden. Es beginnt mit den HTML-Grundlagen und der Seitenstruktur und geht dann zu Links, Bildern, semantischem Markup und CSS über, damit Sie einfache Inhalte in eine funktionierende statische Website verwandeln können. Im Laufe des Kurses erstellen Sie Seiten, verbinden sie mit der Navigation und stellen sie online zur Verfügung.

Nein, Sie brauchen keine Vorkenntnisse in der Programmierung oder Webentwicklung. Der Kurs beginnt mit grundlegenden HTML-Kenntnissen und führt Sie sogar durch die Einrichtung eines Code-Editors, bevor er sich mit der Gestaltung und Veröffentlichung befasst, so dass nur sehr geringe technische Kenntnisse vorausgesetzt werden. Ein gewisses Maß an Erfahrung im Umgang mit Dateien und Ordnern auf Ihrem Computer ist hilfreich, da Sie die Seiten und Website-Assets nach und nach organisieren werden.

Ja, es ist gut geeignet, wenn Sie neu in der Webentwicklung sind und eine klare Einführung in die Erstellung von Websites wünschen. Die Lektionen führen Schritt für Schritt von den grundlegenden Tags zu CSS, Links, Bildern und dem Aufbau einer einfachen Website. Wenn Sie bereits HTML- und CSS-Kenntnisse haben, werden Sie das Tempo eher als einführend denn als herausfordernd empfinden.

Ja, während des gesamten Kurses gibt es angeleitete praktische Übungen. Sie schreiben HTML und CSS in einem Code-Editor, erstellen verlinkte Seiten und Ordner, fügen Bilder und Navigation hinzu und üben, eine kleine Website mit GitHub online zu veröffentlichen. Es handelt sich eher um eine strukturierte Übung als um eine offene Projektarbeit, sodass Sie jede Idee sofort nach ihrer Einführung anwenden können.

Der Kurs konzentriert sich auf die Kernstücke der grundlegenden Webentwicklung: HTML für die Struktur, CSS für die Präsentation und die Dateiorganisation, die dafür sorgt, dass eine kleine Website reibungslos funktioniert. Sie werden auch mit Links, Bildern, semantischem Markup und einfacher Veröffentlichung arbeiten, einschließlich der Frage, wie Seiten innerhalb einer Website verbunden werden. Am Ende werden Sie ein solides Bild davon haben, wie eine statische Website aufgebaut, gestaltet und gemeinsam genutzt wird.

Am Ende des Kurses sollten Sie in der Lage sein, eine kleine statische Website mit HTML und CSS zu erstellen und zu veröffentlichen. Dazu gehören das Erstellen von verknüpften Seiten, das Hinzufügen von Bildern und die Navigation, die Verwendung semantischer Seitenabschnitte und die Anwendung grundlegender Stilmittel, damit die Website lesbar und übersichtlich ist. Sie könnten zum Beispiel eine einfache Website im Stil eines Portfolios zusammenstellen und online verfügbar machen.

Der Kurs ist praxisorientiert, aber auf eine geführte Weise. Sie werden Zeit damit verbringen, Seiten zu schreiben und zu bearbeiten, während der Kurs Ideen wie semantisches Markup und CSS-Regeln erklärt, so dass er gut geeignet ist, wenn Sie lernen möchten, indem Sie kleine Teile einer Website erstellen, anstatt nur darüber zu lesen.

Entscheiden Sie sich für diesen Kurs, wenn Sie die Webentwicklung als einen klaren Weg vom Markup bis zur fertigen Website vermittelt bekommen möchten, und nicht nur als eine Sammlung isolierter Konzepte. Er führt Sie von den HTML- und CSS-Grundlagen über die Dateiorganisation, die semantische Struktur, Links, Bilder und die Veröffentlichung, mit angeleiteter Praxis in jeder Phase. Wenn Sie einen Einsteigerkurs suchen, der praktisch ist, ohne schnell in die fortgeschrittene Programmierung einzusteigen, ist dieser Kurs genau das Richtige für Sie.

Weitere Fragen

Besuchen Sie die das Hilfe-Center für Kursteilnehmer.

Finanzielle Unterstützung verfügbar,

¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.