Ihre erste Website

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

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

Voraussetzungen

Dieses Modul setzt kein Vorwissen über Webtechnologien voraus, aber Sie sollten bereits mit der Bedienung Ihres Betriebssystems vertraut sein, einschließlich der Verwendung des Dateisystems und dem Surfen im Internet. Sie sollten einen Code-Editor und mehrere Webbrowser installiert haben.

Falls dies nicht der Fall ist, empfehlen wir Ihnen, zunächst das Modul Einrichtung der Entwicklungsumgebung zu absolvieren.

Tutorials

Wie wird Ihre Webseite aussehen?: Bevor Sie mit dem Schreiben des Codes für Ihre Website beginnen, sollten Sie diese zuerst planen. Welche Informationen möchten Sie präsentieren? Welche Schriftarten und Farben verwenden Sie? Hier werden wir eine einfache Methode skizzieren, der Sie folgen 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 deren Inhalt zu strukturieren. Zum Beispiel könnte Inhalt in einem Satz von Absätzen, einer Liste von 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 den grundlegenden Inhalt für Ihre erste Website erstellen.
Stilisierung des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte stilisiert. Stilisierung des Inhalts führt durch die notwendigen Schritte, um zu beginnen. Wir werden Fragen beantworten wie: Wie mache ich Text rot? Wie lasse ich Inhalte an einem bestimmten Ort im (Webseiten-)Layout anzeigen? Wie dekoriere ich meine Webseite mit Hintergrundbildern und Farben?
Hinzufügen von Interaktivität: JavaScript ist eine Programmiersprache, die Webseiten Interaktivität hinzufügt. Dies geschieht in Spielen, im Verhalten von Antworten, wenn Tasten gedrückt werden oder bei der Dateneingabe in Formulare, mit dynamischem Styling, mit Animationen usw. Dieser Artikel hilft Ihnen, mit JavaScript zu beginnen und Ihr Verständnis dessen, was möglich ist, zu vertiefen.
Veröffentlichung Ihrer Webseite: Sobald Sie den Code fertiggestellt und die Dateien organisiert haben, aus denen Ihre Webseite besteht, müssen Sie alles online stellen, damit andere es finden können. Dieser Artikel erklärt, wie Sie Ihre Beispielseite mit wenig Aufwand online stellen.

Siehe auch

The Frontend Developer Career Path ^{MDN Lernpartner}: Scrimba's Frontend Developer Career Path lehrt alles, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, fachkundigen Lehrern und einer unterstützenden Gemeinschaft. Gehen Sie von null bis zur ersten Frontend-Anstellung! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.