1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
---
title: Lerne das Internet kennen
slug: Learn/Getting_started_with_the_web
tags:
- Anfänger
- CSS
- Gestaltung
- HTML
- Index
- Leitfaden
- Theorie
- Veröffentlichung
translation_of: Learn/Getting_started_with_the_web
---
<p>{{LearnSidebar}}</p>
<p>{{NextMenu("Learn/Getting_started_with_the_web/Installing_basic_software", "Learn/Getting_started_with_the_web")}}</p>
<p><em>Lerne das Internet kennen </em>ist eine <u>kurze</u> Serie von Artikeln, die in angewandte Webentwicklung einführt. Sie werden die Werkzeuge erlernen, die Sie brauchen, um eine einfache Webseite zu erstellen und eigenen Code zu veröffentlichen.</p>
<h2 id="Die_Geschichte_Ihrer_ersten_Webseite">Die Geschichte Ihrer ersten Webseite</h2>
<p>Es ist viel Arbeit, eine professionelle Webseite zu gestalten. Wenn Sie mit der Webentwicklung erst anfangen, ermutigen wie Sie klein zu beginnen. Sie werden nicht sofort das nächste Facebook erstellen, aber es ist nicht schwer eine eigene, einfache Webseite online zu stellen, also beginnen wir damit.</p>
<p>Wenn Sie sich durch diese Artikelserie der Reihe nach durcharbeiten, können Sie ohne Vorwissen Ihre erste eigene Webseite online erstellen. Lassen Sie uns anfangen!</p>
<h3 id="Nötige_Software_installieren"><a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Nötige Software installieren</a></h3>
<p>Es gibt eine große Auswahl an Werkzeugen für das Erstellen von Webseiten. Wenn Sie gerade erst beginnen, könnten Sie von der Menge an Code-Editoren, Frameworks und Testwerkzeugen erschlagen sein. In unserem Artikel <a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Nötige Software installieren</a> zeigen wir Ihnen Schritt für Schritt, wie Sie diese Software installieren.</p>
<h3 id="Wie_wird_Ihre_erste_Webseite_aussehen"><a href="/de/Learn/Getting_started_with_the_web/What_will_your_website_look_like">Wie wird Ihre erste Webseite aussehen?</a></h3>
<p>Bevor Sie mit dem Schreiben von Code für die Webseite beginnen, planen Sie Ihre Webseite. Welche Informationen möchten Sie zeigen? Welche Schriftarten und Farben möchten Sie nutzen? <a href="/de/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">Wie wird Ihre erste Webseite aussehen? </a>Wir zeigen Ihnen eine einfache Methode, um Inhalt und Design Ihrer Seite zu planen.</p>
<h3 id="Dateien_nutzen"><a href="/de/Learn/Getting_started_with_the_web/dateien_nutzen">Dateien nutzen</a></h3>
<p>Eine Website besteht aus vielen Dateien: Textinhalt, Code, Stylesheets, Medien und so weiter. Wenn Sie eine Webseite erstellen, müssen Sie die Dateien in eine sinnvolle Struktur bringen und sicherstellen, dass diese voneinander "wissen". <a href="/de/Learn/Getting_started_with_the_web/dateien_nutzen">Dateien nutzen</a> erklärt, wie Sie von Anfang an eine sinnvolle Dateistruktur erstellen.</p>
<h3 id="HTML-Grundlagen"><a href="/de/Learn/Getting_started_with_the_web/HTML_basics">HTML-Grundlagen</a></h3>
<p>Hypertext Markup Language (HTML) ist der Code, den Sie nutzen werden, um eine Webseite zu strukturieren und ihr Bedeutung und einen Zweck zu geben. Zum Beispiel: Ist mein Text ein Listenpunkt oder ein Absatz? Füge ich Bilder auf meine Webseite ein? Stelle ich Daten in Form einer Tabelle übersichtlich dar? Die <a href="/de/Learn/Getting_started_with_the_web/HTML_basics">HTML-Grundlagen </a>geben Ihnen<a href="/en-US/Learn/Getting_started_with_the_web/HTML_basics"> </a>genug Informationen, um sich mit HTML vertraut zu machen.</p>
<h3 id="CSS-Grundlagen"><a href="/de/Learn/Getting_started_with_the_web/CSS_basics">CSS-Grundlagen</a></h3>
<p>Cascading Stylesheets (CSS) ist der Code, mit welchem Sie Stil und Aussehen Ihrer Seite bestimmen: Soll der Text lieber rot oder schwarz sein? Wo soll dieser Abschnitt auf dem Bildschirm erscheinen? Welche Bilder und Farben sollen im Hintergrund benutzt werden? <a href="/de/Learn/Getting_started_with_the_web/CSS_basics">CSS-Grundlagen</a> zeigt Ihnen, wie Sie eine Webseite visuell gestalten können.</p>
<h3 id="JavaScript-Grundlagen"><a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/JavaScript_basis">JavaScript-Grundlagen</a></h3>
<p>JavaScript ist die Programmiersprache, mit welcher Sie Webinhalte interaktiv machen können. Sie bestimmen damit zum Beispiel Aktionen für einen Button, berechnen Werte oder verarbeiten Eingaben aus Formularen, dynamisieren die Gestaltung, lenken Animationen und vieles mehr. <a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/JavaScript_basis">JavaScript-Grundlagen</a> vermittelt Ihnen erste Ideen, was mit dieser fantastischen Programmiersprache möglich ist und wie Sie anfangen können, damit zu programmieren.</p>
<h3 id="Ihre_Webseite_veröffentlichen"><a href="/en-US/Learn/Getting_started_with_the_web/Publishing_your_website">Ihre Webseite veröffentlichen</a></h3>
<p>Wenn Sie Ihren Code geschrieben haben und die Dateien Ihrer neuen Webseite organisiert haben, dann können Sie Ihre Webseite online stellen, sodass andere Menschen sie finden können. <a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/Publishing_your_website">Ihre Webseite veröffentlichen </a>zeigt, wie Sie diese im Internet zugänglich machen.</p>
<h3 id="Wie_das_Web_funktioniert"><a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">Wie das Web funktioniert </a></h3>
<p>Wenn Sie auf Ihre Lieblingswebseite zugreifen, passieren eine Menge komplexer Dinge, ohne dass Sie etwas davon mitbekommen. <a href="https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/Wie_das_Internet_funktioniert">Wie das Web funktioniert</a> gibt eine Übersicht über die Vorgänge, die im Hintergrund einer Webseite ablaufen.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li><a href="https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g">Web Demystified</a> (das Web entzaubert): Eine großartige Reihe von Videos, die die Web-Grundlagen erklären und sich an absolute Anfänger in der Webentwicklung richten. Erstellt von <a href="https://twitter.com/JeremiePat">Jérémie Patonnier</a>.</li>
<li>Das Web und Web Standards: Dieser Artikel liefert einige nützliche Hintergründe über das Web - wie es entstanden ist, was die wichtigsten Technologien im Web sind, wie sie zusammenarbeiten, warum "Web Designer" ein großartiger Beruf ist und welche Arten der "besten Praxis" Sie in diesem Kurs lernen.</li>
</ul>
<p>{{Next("Learn/Getting_started_with_the_web/Installing_basic_software")}}</p>
|
