Ihre erste Website

Dieses Modul führt Sie in die praktischen Aspekte der Webentwicklung ein. Sie werden die Assets sammeln und den Code schreiben, um eine einfache Webseite zu erstellen und sie dann zu veröffentlichen, damit sie weltweit sichtbar ist.

Es erfordert viel Arbeit, um eine professionelle Website zu erstellen. Wenn Sie neu in der Webentwicklung sind, empfehlen wir, klein anzufangen. Sie werden nicht sofort ein weiteres Facebook bauen, aber es ist nicht schwierig, Ihre eigene einfache Website online zu erstellen. Deshalb beginnen wir hier.

Voraussetzungen

Dieses Modul setzt kein Vorwissen über Webtechnologien voraus, aber Sie sollten sich bereits mit der Bedienung Ihres Betriebssystems auskennen, einschließlich der Verwendung 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, zunächst das Einrichtungsmodul zu durchlaufen.

Tutorials

Wie wird Ihre Website aussehen?: Bevor Sie damit beginnen, den Code für Ihre Website zu schreiben, sollten Sie sie zunächst 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 deren Inhalt zu strukturieren. Beispielsweise kann der Inhalt in einem Satz 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 dessen Funktionen und zeigt Ihnen, wie Sie die grundlegenden Inhalte für Ihre erste Website erstellen.
Stil des Inhalts: CSS (Cascading Style Sheets) ist der Code, der Webinhalte gestaltet. Stil des Inhalts führt Sie durch das, was Sie für den Anfang benötigen. Wir beantworten Fragen wie: Wie mache ich Text rot? Wie bringe ich Inhalt dazu, an einem bestimmten Ort im (Webseiten-)Layout angezeigt zu werden? Wie dekoriere ich meine Webseite mit Hintergrundbildern und -farben?
Interaktivität hinzufügen: 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 Animation usw. Dieser Artikel hilft Ihnen beim Einstieg in JavaScript und vertieft Ihr Verständnis dessen, was möglich ist.
Veröffentlichen Ihrer Website: Sobald Sie den Code geschrieben und die Dateien organisiert haben, die Ihre Website ausmachen, müssen Sie alles online stellen, damit andere darauf zugreifen können. Dieser Artikel erklärt, wie Sie Ihre Beispiel-Website mit wenig Aufwand online stellen.

Siehe auch

Der Karrierepfad des Frontend-Entwicklers ^{MDN-Partner für Lerninhalte}: Scrimba's Frontend Developer Career Path vermittelt 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 Gemeinschaft. Gehen Sie von null bis zur Landung Ihres ersten Frontend-Jobs! Viele der Kurskomponenten sind als eigenständige kostenlose Versionen verfügbar.