Microsoft Expression Web 4: Website erstellen mit dem kostenlosen Editor

Microsoft Expression Web 4 ist ein vollwertiger HTML- und CSS-Editor, den Microsoft am 20. Dezember 2012 eingestellt und danach kostenlos freigegeben hat. Sie können damit heute noch statische Websites bauen – Sie sollten aber wissen, worauf Sie sich einlassen: keine Updates, keine Sicherheitspatches, kein offizieller Support. Wie Sie das Programm installieren, eine Site anlegen, mit den CSS-Werkzeugen sauber arbeiten und per FTP veröffentlichen, zeigen die folgenden Schritte – und an welchen Stellen ein aktuelles Werkzeug die bessere Wahl ist.

Was Expression Web 4 ist – und warum es gratis wurde

Expression Web war Teil der Expression-Studio-Reihe und erschien in Version 4 im Juni 2010. Es kombiniert einen visuellen Editor (WYSIWYG) mit einem vollständigen Code-Editor samt IntelliSense für HTML, CSS, JavaScript, PHP und ASP.NET. Anders als reine Baukästen arbeiten Sie hier direkt mit Dateien und Quelltext – das Programm richtet sich an Leute, die HTML und CSS zumindest lesen wollen.

Als Microsoft die Produktlinie 2012 einstellte, gab es die letzte Fassung kostenlos frei. Diese freie Version enthält alle Korrekturen aus Service Pack 2 (Build 4.0.1303.0) plus einige zusätzliche Fixes; sie trägt die Build-Nummer 4.0.1460.0. Die kostenlose Ausgabe ist von der Aktivierung befreit, erhält aber ausdrücklich nur Community-Support.

Download und Installation heute

Über das offizielle Microsoft Download Center ist Expression Web 4 inzwischen nicht mehr verfügbar – Microsoft hat den Eintrag entfernt (frühere Download-ID 36179 für die Free Version, 26699 für SP2). Sie finden das Original-Setup heute vor allem im Internet Archive. Laden Sie ausschließlich signierte Original-Dateien von Microsoft, keine umgepackten Installer von zufälligen Download-Portalen.

Für die Installation brauchen Sie:

• .NET Framework 4.0 – Voraussetzung für das Programm selbst.
• Silverlight, das die Vorschau-Komponente SuperPreview nutzt.
• Offiziell unterstützt: Windows XP SP3, Windows Vista, Windows 7. Auf Windows 10 und 11 läuft die Software in der Praxis weiterhin, offiziell getestet ist sie dort aber nicht.

Starten Sie das Setup, bestätigen Sie die Lizenzbedingungen und übernehmen Sie den vorgeschlagenen Installationspfad (üblicherweise C:\Program Files (x86)\Microsoft Expression\Web 4\). Nach der Installation öffnet sich das Programm mit englischer Oberfläche – eine deutsche Sprachversion der Free Version gibt es nicht.

Eine Website anlegen

Expression Web organisiert Ihre Arbeit als Site, nicht als „Projekt”. Der Unterschied ist wichtig: Eine Site ist schlicht ein Ordner, den das Programm als Einheit verwaltet – mit Verweisprüfung, Site-weiter Suche und Publishing-Einstellungen.

1. Öffnen Sie im Menü Site → New Site….
2. Wählen Sie General → Empty Site für einen leeren Ordner oder eine der mitgelieferten Vorlagen (etwa „Organization” oder „Personal”).
3. Geben Sie bei Location den Zielordner an und bei Name den Site-Namen.
4. Bestätigen Sie mit OK.

Die mitgelieferten Vorlagen stammen aus 2010 und sind optisch veraltet. Als Lernbasis taugen sie, für einen zeitgemäßen Auftritt sollten Sie das Markup und CSS deutlich überarbeiten. Eine neue Einzelseite legen Sie über File → New → Page an (etwa als HTML- oder PHP-Datei).

Die Oberfläche: Design, Split und Code

Der Editor bietet drei Ansichten, zwischen denen Sie unten links im Editorfenster umschalten:

• Design – die visuelle WYSIWYG-Ansicht.
• Code – der reine Quelltext mit IntelliSense und Syntaxhervorhebung.
• Split – beide Ansichten gleichzeitig; eine Änderung im Code aktualisiert die Vorschau.

Links liegt die Folder List mit den Dateien Ihrer Site, rechts die Aufgabenbereiche (Task Panes) für Tag-Eigenschaften und CSS. Die Toolbox enthält HTML-Bausteine und Formularelemente, die Sie per Drag-and-drop einfügen. Blenden Sie fehlende Bereiche über das Menü Panels wieder ein.

Wer HTML von Hand schreiben möchte, findet in der Split-Ansicht einen guten Kompromiss aus Kontrolle und Vorschau. Wie das ganz ohne Editor-Overhead geht, zeigt der Beitrag HTML-Website mit Notepad erstellen.

Layout und CSS – die eigentliche Stärke

Die CSS-Werkzeuge waren 2010 das Aushängeschild von Expression Web und sind bis heute brauchbar. Drei Aufgabenbereiche greifen ineinander:

• Manage Styles listet alle Stilregeln der aktuellen Seite und der verknüpften Stylesheets. Von hier verschieben Sie Regeln zwischen Dateien oder legen ein externes Stylesheet an.
• Apply Styles weist einem markierten Element eine Klasse oder ID zu.
• CSS Properties zeigt für das ausgewählte Element alle wirksamen Eigenschaften – inklusive der Kaskade, sodass Sie sehen, welche Regel gewinnt.

Legen Sie Stile grundsätzlich in einer externen .css-Datei ab (Format → New Style…, dann unter „Define in” den Punkt Existing style sheet wählen). So bleibt das HTML sauber und Änderungen wirken auf alle Seiten. Expression Web unterstützt CSS3 und HTML5 in der Syntax, bringt aber kein Responsive-Framework mit: Media Queries für mobile Ansichten schreiben Sie selbst in den Code.

Vorschau und Browser-Test mit SuperPreview

Eine Einzelseite öffnen Sie mit F12 im Standardbrowser. Für den Abgleich über mehrere Browser liegt SuperPreview bei (Menü Tools → SuperPreview oder als eigenes Programm). Es rendert eine Seite parallel in den installierten Browsern und in älteren Internet-Explorer-Versionen und stellt Unterschiede nebeneinander. Der frühere Online-Dienst von SuperPreview, der weitere Browser aus der Cloud lieferte, ist abgeschaltet – lokal funktioniert das Werkzeug weiterhin.

Veröffentlichen per FTP

Der eingebaute Publishing-Mechanismus lädt nur geänderte Dateien hoch:

1. Site → Publishing Settings… öffnen und Add… wählen.
2. Als Verbindungstyp FTP einstellen; Expression Web beherrscht daneben FTPS und SFTP sowie das Dateisystem und WebDAV.
3. Server-Adresse, Verzeichnis (oft /httpdocs/, /public_html/ oder /www/), Benutzername und Kennwort aus den Zugangsdaten Ihres Hosters eintragen.
4. Speichern, dann über Site → Publishing in die Publishing-Ansicht wechseln und die Dateien von links (lokal) nach rechts (Server) übertragen.

Prüfen Sie nach dem ersten Upload die Live-Seite und die internen Verweise. Kontrollieren Sie außerdem, ob Ihr Hoster unverschlüsseltes FTP überhaupt noch erlaubt – aus Sicherheitsgründen setzen viele Anbieter FTPS oder SFTP voraus.

Grenzen – und wann eine Alternative besser passt

Der entscheidende Punkt: Expression Web 4 bekommt keine Updates mehr. Für ein reines Übungsprojekt oder eine kleine, statische Seite ist das verkraftbar. Für einen dauerhaft betriebenen Auftritt sprechen mehrere Gründe dagegen – veraltete Vorlagen, kein eingebautes Responsive-Layout, keine Sicherheitsaktualisierungen des Programms.

Sinnvolle Alternativen:

• Visual Studio Code – kostenlos, aktuell, mit Live-Vorschau und Erweiterungen; die zeitgemäße Wahl fürs Handcodieren.
• Ein CMS wie WordPress – wenn Sie Inhalte pflegen wollen, ohne jede Seite selbst zu bauen.
• Website-Baukästen – wenn es schnell und ohne Code gehen soll; einen Überblick gibt eigene Website kostenlos erstellen ohne Anmeldung.
• Unter Linux läuft Expression Web ohnehin nicht nativ; passende Programme nennt Website erstellen: Software für Linux.

FAQ

Ist Microsoft Expression Web 4 wirklich kostenlos und legal nutzbar? Ja. Microsoft hat die letzte Version nach der Einstellung 2012 offiziell zum kostenlosen Download freigegeben. Sie dürfen sie ohne Aktivierung nutzen, erhalten aber keinen Support und keine Updates.

Läuft Expression Web 4 unter Windows 11? In der Praxis meist ja, obwohl offiziell nur bis Windows 7 getestet. Voraussetzung ist das .NET Framework 4. Rechnen Sie mit gelegentlichen Anzeigefehlern und ohne Herstellerhilfe bei Problemen.

Kann ich mit Expression Web 4 eine mobil-optimierte Website bauen? Grundsätzlich ja, aber nur von Hand: Das Programm kennt CSS3 und Media Queries in der Syntax, liefert aber kein Responsive-Framework und keinen Assistenten dafür. Für responsives Design sind aktuelle Werkzeuge deutlich komfortabler.