Ihre erste Website

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

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

Voraussetzungen

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

Falls dies nicht der Fall ist, empfehlen wir, zuerst 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 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 Website 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 einer Reihe 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.
Gestaltung des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte gestaltet. Gestaltung des Inhalts führt Sie durch das, was Sie brauchen, um anzufangen. Wir beantworten Fragen wie: Wie mache ich Text rot? Wie zeige ich Inhalte an einem bestimmten Ort im (Webseiten-) Layout an? Wie verziere ich meine Webseite mit Hintergrundbildern und Farben?
Hinzufügen von Interaktivität: JavaScript ist eine Programmiersprache, die Interaktivität zu Websites hinzufügt. Dies geschieht bei Spielen, beim 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 Website: Sobald Sie den Code geschrieben und die Dateien organisiert haben, die Ihre Website ausmachen, müssen Sie alles online stellen, damit es gefunden werden kann. Dieser Artikel erklärt, wie Sie Ihre Beispielwebsite mit geringem Aufwand online stellen.

Siehe auch

Der Karrierepfad zum Frontend-Entwickler ^{MDN Lernpartner}: 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, kenntnisreichen Lehrern und einer unterstützenden Community. Gehen Sie von null auf Ihr erstes Frontend-Jobangebot! Viele der Kurskomponenten sind als eigenständige kostenlose Versionen verfügbar.