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 sie dann zu veröffentlichen, damit die Welt sie sehen kann.

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, Ihre eigene einfache Website online zu erstellen, also beginnen wir dort.

Voraussetzungen

Dieses Modul setzt kein Vorwissen über Webtechnologien voraus, aber Sie sollten sich bereits mit der Nutzung Ihres Betriebssystems, einschließlich der Nutzung des Dateisystems und des Surfens im Internet, vertraut fühlen. Sie sollten einen Code-Editor und mehrere Webbrowser installiert haben.

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

Tutorials

Wie wird Ihre Website aussehen?: Bevor Sie den Code für Ihre Website schreiben, sollten Sie sie zuerst planen. Welche Informationen zeigen Sie? 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 Website zu planen.
Erstellen 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 Paragrafensatzes, einer Liste mit Aufzählungspunkten oder anhand 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.
Styling des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte stilisiert. Styling des Inhalts führt Sie durch das, was Sie für den Einstieg benötigen. Wir beantworten Fragen wie: Wie mache ich Text rot? Wie zeige ich Inhalte an einem bestimmten Ort im (Webseiten-)Layout an? Wie schmücke ich meine Webseite mit Hintergrundbildern und Farben?
Hinzufügen von Interaktivität: JavaScript ist eine Programmiersprache, die Websites Interaktivität hinzufügt. Dies geschieht in Spielen, im Verhalten von Reaktionen, 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 zu vertiefen, was möglich ist.
Veröffentlichen Ihrer Website: Sobald Sie den Code geschrieben und die Dateien organisiert haben, aus denen Ihre Website besteht, müssen Sie alles online stellen, damit die Menschen sie finden können. Dieser Artikel erklärt, wie Sie Ihre Beispiel-Website mit wenig Aufwand online stellen können.

Siehe auch

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