HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 

Microsoft Expression Web: Einführung

von Christine Schonschek

Wer professionelle Internetseiten mit einem individuellen Design erstellen möchte, der braucht ein komfortables Programm zur Erstellung von Webseiten, mit dem man einfach aber effektiv arbeiten kann. Microsoft Expression Web ist eine funktionsreiche Anwendung, mit der man nach dem What You See Is What Yout Get-Prinzip arbeitet kann. Was kann das Programm? Welche Systemvoraussetzungen gibt es für diese Software zu beachten? Und was sollte vor dem Beginn der Arbeit überlegt werden? Antworten auf diese Fragen finden Sie in diesem Kapitel.

Anzeige

Was kann Microsoft Expression Web?  nach oben

Um mit dem Programm Microsoft Expression Web umgehen zu können, werden zwar keine Programmierkenntnisse vorausgesetzt, doch Grundkenntnisse in den Programmier- beziehungsweise Formatierungssprachen HTML, JavaScript und CSS sind aber bei der Gestaltung und Bearbeitung von Webseiten trotzdem vorteilhaft. Der Nachfolger von FrontPage beeindruckt schon bei der Installation durch einen aktuellen und freundlich gestalteten Installationsassistenten. Nach dem ersten Öffnen des Programms meldet die Anwendung - sofern Sie auf Ihrem Rechner einen anderen HTML-Editor verwenden - dass Microsoft Expression Web nicht Ihr Standard- HTML-Editor ist. Das Programm fragt deshalb, ob Sie Expression Web zum Standard-Editor machen möchten oder nicht. Wenn Sie diese Anfrage nicht bei jedem Start haben möchten, dann deaktivieren Sie das Kontrollkästchen "Bei jedem Start von Web Expression prüfen".
Microsoft Expression Web bietet nicht nur zahlreiche Funktionalitäten zur Gestaltung und Erstellung professioneller Websites an, sondern es bringt darüber hinaus natürlich auch praktische Funktionalitäten zu Websiteverwaltung mit. So kann man mit nur einem Programm viele praktische Features nutzen, wie zum Beispiel:

  • HTML-Seiten in einem WYSIWYG-Editor erstellen und bearbeiten, aber auch leicht ändern bzw. aktualisieren
  • Tabellen und Layouts einfach erstellen
  • HTML-Seiten mit Frames erstellen
  • Erstellung von "barrierefreien Websites"
  • aus zahlreichen Templates auswählen
  • sich auf unterschiedlichen Browsern und für verschiedene Monitorgrößen eine Vorschau anzeigen lassen
  • Textdokumente importieren
  • einfache Bearbeitung von HTML-Codes und CSS-Files
  • Ausführung von Website-Berichten
  • Überprüfung von Hyperlinks
  • Veröffentlichung der erstellten Website/s
  • Nutzung praktischer Rechtschreibhilfen
  • Hinzufügen dynamischer Elemente, wie zum Beispiel interaktive Schaltflächen oder Übergangseffekt für Seiten
  • Erstellung und Einbindung von Formularen
  • Nutzung bereits erstellter Scribbles in Form von Bilddateien als Vorlagen
  • XML-Unterstützung
  • ASP .NET 2.0 mit integrierter Unterstützung für Server und User Controls
  • uvm.

Diese Übersicht zeigt, dass man mit dieser Anwendung nicht nur Websites aktuell gestalten und programmieren kann, sondern dass sich die damit erstellte Website auch veröffentlicht lässt und man auch Dateien verwalten und Berichte erstellen kann.

Mit jeder neuen in der Anwendung erzeugten Website erstellt Expression Web zwei Metadaten-Ordner. Diese sind normalerweise nicht sichtbar sind. Um diese sichtbar zu machen klicken Sie (unter Windows) mit der rechten Maustaste auf die Windows-Start-Schaltfläche und öffnen den Explorer. Wählen Sie dort im Menü Extras -> Ordneroptionen und dann die Registerkarte "Ansicht". Aktivieren Sie in diesem Reiter unter "Versteckte Ordner und Dateien" den Radiobutton "Alle Dateien und Ordner anzeigen". Nun werden alle versteckten Dateien und Ordner und Sie können auch die versteckten Ordner _vti_cfn und _vti_pvt in dem Verzeichnisordner, in dem die Dateien der Website gespeichert sind, sehen.

Die _vti-Ordner im Explorer
Darstellung: Die _vti-Ordner im Explorer

Diese Ordner werden für die Verwaltungsfunktionen erstellt. In dem Ordner _vti_cfn werden alle Informationen zu den einzelnen Dateien der Website gespeichert. Darin befinden sich zum Beispiel Informationen über die Hyperlinks der Seiten. Alle Konfigurationsinformationen werden in dem Ordner _vti_pvt werden gesichert, darin befinden unter anderem auch Btrieve Database Files (*.btr) sowie das Lockfile (*.lck).

Testergebnisse  nach oben

Im Test von renommierten Fachzeitungen konnte das Webeditor Programm Microsoft Expression Web seine Praxistauglichkeit unter Beweis stellen. So bewertete das Computermagazin Chip in seiner Ausgabe 05/2007 die Anwendung im Test mit 4 von 5 Punkten. Und PC Welt hat das Programm in der Ausgabe 04/2007 näher unter die Lupe genommen und dabei dem Webeditorprogramm Note "gut" gegeben.

Systemvoraussetzung  nach oben

Um das Webeditorprogramm Microsoft Expression Web zu verwenden werden folgende Systemanforderungen vorausgesetzt:

  • PC ab einem 700-MHz-Pentium-Prozessor oder einem schnellerem Prozessor
  • verwendetes Betriebssystem Windows XP Service Pack 2 oder höher bzw. Microsoft Windows Server 2003 Service Pack 1 oder höher
  • Minimum 512 MB Arbeitsspeicher
  • 1,5 GB freier Festplattenspeicher*
  • DVD- oder CD-ROM-Laufwerk
  • Bildschirm ab einer Auflösung von 1024 x 768 Pixel oder mehr

* Wenn das Downloadpaket von der Festplatte nach der Installation entfernt wird, dann wird ein Teil des Festplattenspeichers wieder freigegeben
Natürlich kann man mit den oben angegebenen Systemvoraussetzungen eine Website gestalten. Zum Veröffentlichen der Website ist jedoch noch ein Internetzugang erforderlich. Empfehlenswert dafür ist eine Breitbandverbindung mit mindestens 128 Kilobits pro Sekunde.

Was ist neu gegenüber FrontPage?  nach oben

Da Microsoft Expression Web auf der Technologie von FrontPage 2003 basiert, sind natürlich viele Funktionalitäten gleich, doch einige Neuerungen bringt die Anwendung mit. Zu den augenfälligsten Neuerungen gehört auf jeden Fall die grafisch überarbeitete Benutzeroberfläche. Während der Aufgabenbereich auf der rechten Seite beim Vorgänger etwas überladen war, stellt sich dieser Bereich in der neuen Anwendung ein wenig übersichtlicher dar. Dort stehen die wichtigsten HTML- und ASP-Elemente bereit. Die Browservorschau ist jetzt mit verschiednen Auflösungen möglich. Auch bringt Expression Web neue Vorlagen mit einem aktuellen Design mit.

Vorbereitung und Planung einer Website  nach oben

Bevor Sie mit Ihrer Programmier-Arbeit in dem Web-Editor Micorsoft Expression Web beginnen, sollten Sie sich ein paar vorbereitende Gedanken zu dem Projekt "Website-Erstellung" machen, um sich gegebenenfalls doppelte Arbeitsabläufe zu ersparen.

Wer ist die Zielgruppe?

Zur Vorbereitung eines Internetauftrittes gehört als erstes die nähere Eingrenzung der Zielgruppe. Je konkreter Sie die Zielgruppe im Blick haben, umso leichter fällt Ihnen dann der zweite Vorbereitungsschritt nämlich der Entwurf einer Layout-Struktur. Zur Eingrenzung der Zielgruppe werden demografische Daten wie Alter, Geschlecht, Familienstand, Ausbildung, Einkommen, Vorlieben etc. herangezogen und aufgestellt.

Inhalte einer Website

Das Programm verfügt zwar über einige Website-Vorlagen, doch es kann ja auch sein, dass Sie ein individuelles Layout von einer leeren Seite aus erstellen möchten. Um dafür die richtige Layout-Struktur erstellen zu können ist es wichtig zu wissen, welches Ziel mit der Website erreicht werden soll. Sollen Produkte oder Dienstleistungen präsentiert und oder verkauft werden oder dient die Website dazu weiterführende Informationen zu einer Organisation / eines Vereins dem User zur Verfügung zu stellen? Sobald das / die Ziel/e einer Website klar sind, wird eine Stoffsammlung, mit allem was auf der Website zu sehen sein soll, erstellt. Hierbei ist es zunächst nicht wichtig, ob alle gesammelten Punkte später wirklich in die Website einfließen, sondern es dient zuerst nur als Gedankenstütze. Ist die Stoffsammlung fertig, dann kann man an die Struktur der Daten gehen. Entweder wird auf einem Blatt Papier oder mit Hilfe eines Softwareprogramms eine Übersicht, zum Beispiel in Organigramm-Form, erstellt. Der Vorteil der elektronischen Lösung ist, dass diese anschließend weiterverarbeitet werden kann. Eine HTML-Tabelle oder ein Bild kann dann später in die Website als Sitemap integriert werden. Die Gliederung sollte in der Regel die Anzahl von 7 +/- 2 Hauptnavigationspunkte nicht unter oder überschreiten. Jedem einzelnen Oberpunkt können dann genauso viele Unternavigationspunkte zugeordnet werden. Diese Anzahl wird nämlich vom menschlichen Auge gut aufgenommen und nicht als zuviel empfunden. Als Navigationsform wird in vielen Fällen das umgedrehte L verwendet, bei der die Navigationselemente oben und auf der linken Seite angebracht sind. Navigationselemente können sowohl aus Text-, als auch aus Bild-Links bestehen. Vor allem interaktive Schaltflächen sind recht beliebt, da der Anwender gut sehen kann dass er genau auf diesen Navigationspunkt zeigt. Das Logo, welches bei der umgedrehten L Navigation meistens in der linken oberen Ecke zu finden ist, wird oft als Verknüpfung auf die Startseite verwendet.

Layoutskizze anfertigen

Wenn die Inhalte der Website strukturiert sind, dann kommt man zum letzten Vorbereitungsschritt, nämlich der Anfertigung einer Layoutskizze. Wie bei der Organisation der Inhaltsstruktur kann man dafür auf Papier zeichnen oder mit einem Grafikprogramm ein Scribble erstellen, welches später als Durchpausbild verwendet werden kann. Eine Beschreibung, wie Sie ein Scribble als Durchpausbild in Microsoft Expression Web verwenden können, finden Sie in dem Kapitel "Scribble verwenden und anpassen".

Rechtlicher Hinweis: Urheberrechtsschutz beachten

Egal, ob es sich um Texte, Bilder oder andere Medien handelt, die auf einer Website erscheinen sollen, so ist dabei immer der Urheberrechtschutz zu beachten. Es ist nicht erlaubt Werke aus fremden Quellen, ob von einer anderen Internetseite oder aus einem anderen Medium zu übernehmen, außer der Betreiber dieser Seite erlaubt dies ausdrücklich. Wenn die Rechte des zu verwendenden Textes, Bildes oder eines anderen Mediums nicht bei Ihnen oder Ihrem Kunden liegen, dann müssen Sie diese Rechte entweder erwerben oder auf die Verwendung des Werkes verzichten. Im Internet gibt es auch einige kostenlose Bilddatenbanken für lizenzfreie Fotos, bei denen es erlaubt ist, die Bilder unter Nennung der Quelle auf Webseiten zu benutzen. Auch gibt es Websites auf denen GEMA-freie Musik zu haben ist. Lesen Sie dazu jeweils die Nutzungsbedingungen des Betreibers.



« zurück weiter »
Bewerten

 

Microsoft Expression Web

.Autor:Jan Winkler.
. Bewertung:
Microsoft Expression Web: Einführung HTMLWorld
(5/5 bei 1 Votes)
.
. Community: 18 Beiträge im Microsoft Expression Web Forum .

Navigation


 
     
 

Anzeige