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

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

Voraussetzungen

Dieses Modul setzt kein Vorwissen über Webtechnologien voraus, jedoch sollten Sie bereits mit der Nutzung Ihres Betriebssystems vertraut sein, einschließlich der Arbeit mit dem Dateisystem und dem Surfen im Web. Sie sollten auch einen Code-Editor und mehrere Webbrowser installiert haben.

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

Tutorials

Wie wird Ihre Website aussehen?

Bevor Sie den Code für Ihre Website schreiben, sollten Sie diese zunächst planen. Welche Informationen präsentieren Sie? Welche Schriftarten und Farben verwenden Sie? Hier skizzieren wir eine einfache Methode, 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 kann der Inhalt in Form von Absätzen, einer Liste mit Aufzählungspunkten oder mit 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 erläutert, was Sie für den Einstieg benötigen. Wir beantworten Fragen wie: Wie mache ich einen Text rot? Wie bringe ich Inhalte an einer bestimmten Stelle im (Webseiten-)Layout zur Anzeige? Wie verziere ich meine Webseite mit Hintergrundbildern und -farben?

Hinzufügen von Interaktivität

JavaScript ist eine Programmiersprache, die Websites interaktiv macht. Dies geschieht in Spielen, beim Verhalten von Reaktionen, wenn Schaltflächen gedrückt werden oder bei der Dateneingabe in Formularen, mit dynamischem Styling, mit Animationen usw. Dieser Artikel hilft Ihnen, mit JavaScript zu beginnen, und vertieft Ihr Verständnis der Möglichkeiten.

Veröffentlichen Ihrer Website

Sobald Sie den Code geschrieben und die Dateien, die Ihre Website ausmachen, organisiert haben, müssen Sie alles online stellen, damit die Leute sie finden können. Dieser Artikel erklärt, wie Sie Ihre Beispiel-Website mit wenig Aufwand online bringen.

Siehe auch

The Frontend Developer Career Path 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, kompetenten Lehrern und einer unterstützenden Community. Starten Sie bei Null und gelangen Sie zu Ihrem ersten Job als Frontend-Entwickler! Viele der Kursbestandteile sind als eigenständige, kostenlose Versionen verfügbar.