Ihre erste Webseite

Dieses Modul führt Sie in die praktischen Aspekte der Webentwicklung ein. Sie werden die notwendigen Ressourcen sammeln und den Code schreiben, um eine einfache Webseite zu erstellen und sie dann zu veröffentlichen, damit die Welt sie sehen kann.

Es ist viel Arbeit, eine professionelle Website zu erstellen, daher empfehlen wir Ihnen, wenn Sie neu in der Webentwicklung sind, klein anzufangen. Sie werden nicht sofort ein weiteres Facebook bauen, aber es ist nicht schwer, Ihre eigene einfache Website online zu erstellen, also fangen wir dort an.

Voraussetzungen

Dieses Modul setzt keine Vorkenntnisse über Webtechnologien voraus, aber Sie sollten sich bereits mit der Nutzung Ihres Betriebssystems, einschließlich der Verwendung des Dateisystems und des Surfens im Web, wohlfühlen. Sie sollten einen Code-Editor und mehrere Webbrowser installiert haben.

Wenn dies nicht der Fall ist, empfehlen wir Ihnen, zunächst das Modul Einrichtungsumgebung durchzugehen.

Tutorials

Wie wird Ihre Webseite aussehen?: Bevor Sie mit dem Schreiben des Codes für Ihre Website beginnen, sollten Sie sie zuerst planen. Welche Informationen möchten Sie präsentieren? Welche Schriftarten und Farben verwenden Sie? Hier skizzieren wir eine einfache Methode, die Sie befolgen können, um den Inhalt und das Design Ihrer Seite zu planen.
Erstellung des Inhalts: HTML (HyperText Markup Language) ist der Code, der verwendet wird, um eine Webseite und ihren Inhalt zu strukturieren. Zum Beispiel könnte der Inhalt innerhalb eines Satzes von Absätzen, einer Liste mit Aufzählungspunkten oder unter Verwendung von Bildern und Datentabellen strukturiert werden. Dieser Artikel bietet ein grundlegendes Verständnis von HTML und seinen Funktionen und zeigt Ihnen, wie Sie die grundlegenden Inhalte für Ihre erste Website erstellen können.
Gestaltung des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte gestaltet. Gestaltung des Inhalts erklärt, was Sie benötigen, um zu beginnen. Wir beantworten Fragen wie: Wie mache ich Text rot? Wie lasse ich Inhalte an einer bestimmten Stelle im Layout der (Webseite) anzeigen? Wie dekoriere ich meine Webseite mit Hintergrundbildern und Farben?
Hinzufügen von Interaktivität: JavaScript ist eine Programmiersprache, die Websites interaktiv macht. Dies geschieht in Spielen, im Verhalten von Antworten, wenn Tasten gedrückt werden, oder bei der Dateneingabe in Formulare, mit dynamischer Gestaltung, mit Animation usw. Dieser Artikel hilft Ihnen beim Einstieg in JavaScript und erweitert Ihr Verständnis dessen, was möglich ist.
Veröffentlichung Ihrer Website: Sobald Sie das Schreiben des Codes und die Organisation der Dateien abgeschlossen haben, aus denen Ihre Website besteht, müssen Sie alles online stellen, damit die Leute sie finden können. Dieser Artikel erklärt, wie Sie Ihre Beispielwebsite mit wenig Aufwand online stellen können.

Siehe auch

Der Karriereweg des Frontend-Entwicklers ^{MDN Lernpartner}: Scrimba's Frontend Developer Career Path lehrt Ihnen alles, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, kompetenten Lehrern und einer unterstützenden Community. Gehen Sie von null zum ersten Frontend-Job! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.