Website-Starterkit

Was ist das Starterkit?
Das Prozedere der Website-Erstellung ist immer gleich: Du legst eine HTML- und CSS-Datei an und verknüpfst diese. Danach fügst du Bilder, Texte und weitere Inhalte hinzu und kümmerst dich darum, dass diese im Browser angezeigt werden. Dann stellst du fest, dass deine Bilder noch gar nicht optimiert sind, die Ladezeit mies ist und die Seite auf dem Smartphone nicht gut aussieht.
Bis auf die Bildauswahl und die Texte übernimmt das Website-Starterkit all diese Aufgaben für dich. Es erstellt dir eine Website, die du nur noch mit deinem Design und den Inhalten füllen musst.
Das Starterkit nutzen
Öffne das Terminal und gebe folgenden Befehl ein und folge den Anweisungen:
npm create website-starterkit@latestHinweis: Wenn du bisher noch nicht mit dem Terminal gearbeitet hast oder dir
npmunbekannt ist, schau dir bitte die Installationsanleitung an.
Varianten
Entscheide dich beim Website-Starterkit für eine der folgenden Varianten.
- Playground
- Perfekt zum Lernen von HTML, CSS und JavaScript. Hier kannst du alles ausprobieren.
- Multipager
- Für Websites mit mehreren Unterseiten, für dich schon vorkonfiguriert.
- Onepager
- Für Websites, die nur aus einer Seite bestehen.
Alle Varianten sind bereits so eingestellt, dass Bilder optimiert werden können, du einfach eigene Schriftarten einbinden kannst und du durch die Verwendung von Snippets weniger Code schreiben musst.