Zusammenfassung
In diesem Modul haben Sie eine Arbeitsumgebung für die Webentwicklung eingerichtet. Sie haben auch eine Website erstellt und die Funktionsweise in einem Webbrowser getestet. Sehen Sie sich an, was Sie erreicht haben:
- Sie haben die Tools heruntergeladen und installiert, die Sie für die Webentwicklung benötigen, und haben den Editor mit Basispaketen angepasst.
- Sie haben ein Projektverzeichnis und die Dateien zum Erstellen einer Website erstellt.
- Sie haben eine Überschrift und andere Seitenelemente erstellt, dann eine Verknüpfung mit externen Dateien erstellt und die Seite in einem Browser getestet.
- Sie haben Formatvorlagen auf verschiedene Elemente angewendet, Ihre Website im Browser getestet und Unterstützung für Designs mit CSS hinzugefügt.
- Sie haben JavaScript hinzugefügt, um die benutzerdefinierte Interaktion mit der Seite zu ermöglichen und zwischen Designs zu wechseln.
- Sie haben gelernt, wie Sie Konsolennachrichten erstellen und verwenden, um einen Einblick in Ihren Code zu erhalten.
Sie sammeln Tools und schaffen eine Grundlage als Webentwickler. Sie können Ihre Website als Vorlage für zukünftige Projekte wiederverwenden. Mit mehr Qualifikation und Wissen werden Sie die Vorstellung von Ihrer Website immer besser umsetzen können. Außerdem ist es motivierend zu sehen, wie eine Idee umgesetzt wird.
Weitere Informationen
Webentwicklungskonzepte
Webentwicklungsverweise
HTML5
- W3C – HTML history (W3C – HTML-Geschichte)
- Webhint – Use charset 'Utf-8' (Webhint – Verwenden des Zeichensatzes „utf-8“)
- MDN-Web-Dokumentation – Was gehört in den Kopf der HTML-Datei?
- MDN-Webdokumente – HTML-Elementreferenz
CSS
JavaScript
Webentwicklungstechnologien
Microsoft Edge-Dokumentation
- Microsoft Edge Developer Tools (Microsoft Edge-Entwicklertools)
- Untersuchen, Bearbeiten und Debuggen von HTML und CSS mit dem Elementtool
- Konsolenübersicht
Azure Static Web Apps
Eine Möglichkeit zum Bereitstellen Ihrer Website bietet Azure Static Web Apps.