Skip to main content

HTML lernen Internetpräsenz CSS Design

Saale Genzmer Brücke Halle Pulverweiden
Saale Genzmer Brücke Pulverweiden

Einsteiger

Webmaster Wissen

Nicht jeder hat die Zeit, um regelmäßig Fernunterricht und Präsenzseminare zu besuchen. Hinzu kommt der nicht geringe finanzielle Aufwand von oft vierstelligen Beträgen.
Zum Glück ist niemand dazu gezwungen, teure Bildungsangebote anzunehmen. Im Web finden sich viele Tutorials und Blogbeiträge, die für autodidaktisches Lernen ebenso oder besser geeignet sind. Das Entwickeln und Gestalten von modernen Webauftritten ist ein ständiger Lernprozess.

HTML und CSS

Sie wollen als Web-Einsteiger eine Homepage/Website erstellen? Eine professionelle Website gestalten macht viel Arbeit. Als Einsteiger sollten Sie klein beginnen. Aber es ist nicht schwer, eine einfache Website (Webangebot, Webpräsenz) zu erarbeiten und zu veröffentlichen. Die folgenden Links und Tools sind hilfreich, ein nötiges Grundwissen zu erwerben.

Editor als Werkzeug

Wenn Sie statische HTML-Seiten erstellen wollen, können Sie dafür zwar einen WYSIWYG-Editor verwenden. Diese liefern leider selten brauchbare Ergebnisse. Der bekannte Text-Editor Notepad mit einfachen Funktionen zum Schreiben und Lesen von Texten ist fester Bestandteil von Windows.

Eine sinnvolle Alternative ist Notepad2 mit einer Syntax-Hervorhebung. Mit ersten HTML-Kenntnissen erzielen Sie bereits gute Ergebnisse, wenn Sie einen Text-Editor wie Notepad2 einsetzen. Notepad2 ist ein Open-Source-Texteditor für Microsoft Windows. Mit der Syntaxhervorhebung bildet der Editor eine Entwicklungsumgebung mit ausreichenden Standardfunktionen.

Im Internet finden Sie viele Informationen zum Gestalten von Websites. Grundlagen sind immer Kenntnisse in HTML und CSS.

Bilder für Webauftritte

Webfotos/Bilder steigern das Leser-Interesse an einer Webseite. Fotos für Websites lassen sich bereits mit einfachen Programmen bearbeiten. Ein Webfoto soll den Kern einer Aussage betonen. Bildausschnitte betonen ein gewähltes Motiv und vermitteln illustrativ die Bildaussage.

Göbel-Brunnen Hallmarkt
Göbel-Brunnen auf dem Hallmarkt in Halle

Firmensite Baukasten-Website

Einige Unternehmen wollen schnell und billig einen Firmenauftritt erhalten. Dabei wollen sie die Inhalte selbst bearbeiten und sogar die Webseiten selbst gestalten. Die Unternehmer erwarten, das der Webauftritt schnell neue Kunden bringt. Eine lokale Firmensite will natürlich ihre Kunden in der Region gewinnen.

In der Realität bleiben Baukasten-Websites nachweislich ohne Erfolg. Dem Bearbeiter fehlt zumal die erforderliche Zeit und entsprechende Fähigkeiten. Die Praxis beweist, dass Firmenwebsites mit Baukastensystem selten gepflegt werden. Es ist ohnehin unrentabel, wenn der Unternehmer seine Arbeitszeit für diese Tätigkeiten opfert. Diese Zeit kann er rationeller für sein Unternehmen nutzen.

WordPress und Webhosting

WordPress ist die meist genutzte Open-Source-Software. Damit verfassen Sie in wenigen Schritten eine eigene Webvisitenkarte als Firmenwebsite. Einsteigern empfehle ich, sich zunächst auf wordpress.com mit dem CMS etwas vertraut zu machen.

Viele Webhoster bieten eine automatische WordPress Installation mit nur wenigen Klicks an. Ich empfehle zur WordPress Installation 1&1 WordPress Hosting inklusive eigener Domain. Für einen privaten Webauftritt mag das mit einiger Einarbeitung in Wordpress ausreichen.

Webvisitenkarte - minimaler Inhalt

Die Webvisitenkarte soll wichtige Infos und eine kurze Beschreibung zur Firma enthalten. Startseite, Kontaktseite mit Impressum sowie ein Logo oder ein gutes Webfoto gehören zu einem kleinen Firmenauftritt. Die Homepage (Startseite) will einen Inhalt von wenigstens 200 Wörtern enthalten.

Kontaktdaten auf gedruckten Visitenkarten, Kopfbögen und Formularen präsentieren eine Firma professionell. Gleichzeitig wird auch ihr moderner Firmenauftritt schneller bekannt. Die Webvisitenkarte zeigt zugleich das aktuelle Portfolio ihrer Firma.

Linkliste Webdesign Tipps

Die folgende Auswahl ist nur ein Anfang. Sie ist keineswegs vollständig. Ich behalte mir vor, Inhalte zu ändern , zu ergänzen oder zu löschen.

Schnelles Nachschlagewerk

Mediaevent HTML-Grundlagen
Zu HTML, CSS und PHP gibt es viel zu lernen. HTML als Markup-Sprache des Internets steht an erster Stelle für den Anfang.

Google Lernprogramm für Webmaster

Google Tools für Webmaster
Kurse und Leitfäden zur Erstellung hochwertiger Websites.

Lernprogramm für das Web

Mozilla Entwickler-Werkzeuge
Es gibt eine Menge über Webdesign zu lernen. Webdesign und Webentwicklung für Anfänger und Fortgeschrittene.

Prüfung auf barrierefreies Web

Barrierefreiheit nach WCAG 2.0 testen
Das Tool prüft HTML-Seiten auf Konformität mit Standards zur Barrierefreiheit.

PageSpeed Tool

PageSpeed
PageSpeed Insights misst die Leistungsfähigkeit einer Seite auf Mobilgeräten und Desktop-Computern.

SEORCH

Check auch für komplette Websites
Onpage-Tool und SEO-Crawler, der Crawler scannt bis zu 500 Unterseiten einer Webseite und erstellt eine technische und content-bezogene Analyse.

WeTest - Webseiten-Test

Webseiten-Test
Das Tool analysiert und bewertet Webseiten wie ein Mensch nach Inhalt, Qualität und Nutzer-Freundlichkeit.

Validator für .htaccess-Dateien

htaccess-Validator
Skript zum prüfen der Syntax einer .htaccess-Datei (englisch).

Webkrauts Beiträge

Webkrauts
Zusammenschluss deutschsprachiger Webworker. Sie setzen sich dafür ein, die Vorteile moderner Webstandards stärker zur Geltung zu bringen.