Ihre erste Website

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

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

Voraussetzungen

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

Falls dies nicht der Fall ist, empfehlen wir Ihnen, zunächst das Modul Umgebungs-Einrichtung zu durchlaufen.

Anleitungen

Wie wird Ihre Website aussehen?: Bevor Sie den Code für Ihre Website schreiben, sollten Sie diese zuerst planen. Welche Informationen zeigen Sie? 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.
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 Satzes 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.
Stylen des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte gestaltet. Stylen des Inhalts zeigt Ihnen, was Sie benötigen, um loszulegen. Wir beantworten Fragen wie: Wie mache ich Text rot? Wie lasse ich Inhalte an einer bestimmten Stelle im (Webseiten-) Layout anzeigen? Wie dekoriere 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 Formularen, durch dynamisches Styling, durch Animationen usw. Dieser Artikel hilft Ihnen beim Einstieg in JavaScript und vertieft Ihr Verständnis dafür, was möglich ist.
Veröffentlichen Ihrer Website: Sobald Sie den Code geschrieben und die Dateien, aus denen Ihre Website besteht, organisiert haben, müssen Sie alles online stellen, damit Menschen sie finden können. Dieser Artikel erklärt, wie Sie Ihre Muster-Website mit geringem Aufwand online stellen können.

Siehe auch

The Frontend Developer Career Path ^{MDN Curriculum Partner}: Der Frontend Developer Career Path von Scrimba lehrt Ihnen alles, was Sie wissen müssen, um ein kompetenter Front-End-Webentwickler zu werden, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, sachkundigen Lehrern und einer unterstützenden Gemeinschaft. Vom Anfänger bis zum ersten Job als Front-End-Entwickler! Viele der Kurskomponenten sind als eigenständige, kostenlose Versionen verfügbar.