Webseite erstellen
Um die eigene Webseite oder Homepage zu erstellen, sind Programmierkenntnisse heute nicht mehr eine bedingungslose Voraussetzung. Neben Baukastensystemen für verschiedene Angebote, beispielsweise Shopsysteme oder Blogs, mit denen per Drag-and-Drop Webseiten und Apps erstellt werden können, sind Content-Management-Systeme, wie beispielsweise Wordpress, zum Erstellen der eigenen Webseite äußerst beliebt.
Wer selbst die eigene Internetseite programmieren möchte, startet oftmals mit HTML und CSS die Umsetzung — hierzu bietet ZEICHEN.TV verschiedene geeignete Tools und Online-Dokumentationen. Zudem werden verschiedene Tools hinsichtlich Optimierung und Analyse von Webseiten vorgestellt.
Baukasten
-
Designmodo Slides
Webseitengenerator zum Erstellen einfacher, ansprechender und animierter Webseiten
-
Shopify
E-Commerce-Software zur Erstellung eines eigenen Shops
-
Carrd
Beliebtes Baukastensystem zur Erstellung von minimalistischen, ansprechenden Landingpages
-
Webflow
Visuelle Online-Editor-Plattform zur Erstellung von Webseiten inklusive Hosting-Lösung.
-
Pixpa
All-in-One-Plattform zur Erstellung einer Portfolio-Website
-
Alle Homepage-Baukasten-Systeme öffnen
Editoren
-
Adobe Dreamweaver
HTML-Editor von Adobe, der sowohl Quelltext- als auch Live-Ansichten unterstützt
-
Sublime Text
Umfangreicher Texteditor, der eine Vielzahl an Markups unterstützt
-
Nova
Moderner Code-Editor von Panic mit Unterstützung aller gängiger Sprachen, diversen Tools und Erweiterungen.
CMS: Content Management Systeme
Wordpress
-
Page Builder by Site Origin
Führendes Plugin zur Erstellung und Bearbeitung Grid-basierten Seiten
-
Themeforest
Weltweit größter Marktplatz für kostenpflichtige Premium-Themes
-
CodeCanyon
Marktplatz für kostenpflichtige Premium-WordPress-Plugins
-
Creative Market Wordpress Themes
Online-Marktplatz für Premium-WordPress-Themes für Unternehmungen aller Art
Analyse und Optimierung
CSS
-
Flexbox Cheatsheet
Cheatsheet zu den Funktionalitäten und Anwendungsformen von Flexbox
-
CSS-Tricks
Weltweit bekannteste Blog rundum CSS Tipps und Tricks, Beispielen und Downloads
-
W3C CSS Validation Service
Online-Tool zur Überprüfung auf Korrektheit von CSS-Dateien
-
W3Schools CSS References
Übersicht aller aktueller CSS-Eigenschaften samt möglicher Werte und Beispielen
-
CSS Arrow Please
Online-Tool zum Erstellen und Exportieren von Sprechblasen bzw. Tooltips
-
Alle anzeigen
HTML
-
W3Schools HTML References
Übersicht aller aktueller HTML-Tags, Attribute und Werte
-
SELFHTML
Gemeinnützige Online-Dokumentation zu HTML und verwandten Technologien
-
Can I use
Tool zur Überprüfung von webbezogenen Funktionen auf deren Browserunterstützung
-
W3C Markup Validation Service
Online-Tool zur Überprüfung auf Korrektheit von HTML-Dateien