Skip to main content

HTML Eigene Website CSS

HTML lernen am PC
Webdesign am PC lernen

Einsteiger

Homepage 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 für Anfänger

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. Eine Beratung per E-Mail biete ich gern kostenlos an.

Text-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. Die kostenlose Alternative Notepad2 (ein Open-Source-Texteditor) ersetzt das Original durch eine mit vielen Extras ausgestattete Version des Basis-Textprogramms. Notepad2 ist ein bemerkenswerter Ersatz für den Windows-Standardeditor, der sich problemlos installieren lässt.

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 Notepad2 den Schwerpunkt einer Entwicklungsumgebung mit ausreichenden Standardfunktionen.
Den Editor von Florian Balmer downloaden: Download Notepad2.

Zu einer einfachen Entwicklungsumgebung gehören:

  • ein Quelltext-Editor, beispielsweise Notepad2,
  • ein Bildbearbeitungsprogramm zum Skalieren von Bildern und zur Bildkompression,
  • ein FTP-Programm zum Upload ihrer Dateien.

Bilder und Grafik

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.

Girl
Girl - Vektorgrafik

Firmensite als Baukasten-Website?

Einige Unternehmer 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.

Weblinks für Webmaster

Tipps und Tools

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.