O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Microsoft Expression Web 4 - Das offizielle Trainingsbuch

Book Description

Der clevere Weg zum Expression Web-Spezialisten! Erstellen Sie dynamische, standardkonforme Webseiten mit Expression Web 4! Mit diesem Lehrbuch und den vorbereiteten Übungsdateien lernen Sie in Ihrem persönlichen Tempo - wann immer Sie möchten. Schritt für Schritt werden Sie durch praktische Übungen geführt und lernen dabei alle wesentlichen Werkzeuge und Techniken kennen. Mit den offiziellen Trainingsbüchern haben sich weltweit schon hunderttausende Anwender zu erfolgreichen Softwarenutzern weitergebildet.

Table of Contents

  1. A Note Regarding Supplemental Files
  2. Expression Web im Überblick
    1. Was ist neu in Expression Web 4
  3. Konventionen in diesem Buch
    1. Voraussetzungen zur Nutzung des Buchs
  4. Die Übungsbeispiele zum Buch
  5. 1. Die Benutzeroberfläche erkunden
    1. Expression Web starten
    2. Wichtige Elemente der Benutzeroberfläche
      1. Das Bearbeitungsfenster im Detail
      2. Die Bedeutung der Panels
      3. Menü- und Symbolleisten und Statusleiste nutzen
    3. Die Benutzeroberfläche anpassen
      1. Symbolleisten einblenden und anpassen
      2. Größe des Bearbeitungsbereichs festlegen
      3. Der Umgang mit Panels und Bereichen
        1. Panels und Bereiche schließen und anzeigen
        2. Angedockte Panels automatisch ausblenden
        3. Panels ausdocken, verschieben und andocken
        4. Die Höhe der Bereiche verändern
        5. Die ursprüngliche Benutzeroberfläche wieder herstellen
      4. Farbschema anpassen
    4. Wichtige Einstellungen vornehmen
      1. Standardeinstellungen für neue Seiten festlegen
      2. Formatierungsoptionen angeben
      3. Weitere sinnvolle Einstellungen festlegen
    5. Grundlegende Schritte
      1. Neue Seiten erstellen
        1. Eine neue Seite über die Symbolleiste erstellen
        2. Eine neue Seite mithilfe des Menüs erstellen
      2. Dateien speichern
        1. Speichern einer Datei unter einem neuen Namen
        2. Speichern einer bearbeiteten Datei unter ihrem aktuellen Namen
      3. Geöffnete Dateien schließen
      4. Dateien öffnen
    6. Browser für die Browservorschau konfigurieren
      1. Einen neuen Browser zur Liste hinzufügen
      2. Einen Browser aus der Liste löschen
    7. Zusammenfassung
  6. 2. Der einfache Umstieg auf Expression Web 4
    1. Der grundlegende Aufbau von Webseiten
      1. Speicherorte von Sites
      2. Was einen Ordner zur Site macht
    2. Websites von Expression Web 2.0/3.0 importieren
    3. Dreamweaver-Websites importieren
    4. Einen vorhandenen Ordner in eine Site umwandeln
    5. Zusammenfassung
  7. 3. Mit wenigen Schritten zur Web-Visitenkarte
    1. Eine neue HTML-Seite erstellen
      1. Eine neue Site erstellen oder eine vorhandene öffnen
      2. Der Website eine neue HTML-Seite hinzufügen
      3. Einen Titel hinzufügen
      4. Die Seite im Browser anzeigen
    2. Textinhalte einfügen
      1. Inhalte sinnvoll strukturieren
      2. Eine Überschrift hinzufügen
      3. Eine Navigation hinzufügen
      4. Den Seiteninhalt ergänzen
        1. Überschriften einfügen
        2. Eine Aufzählung hinzufügen
        3. Fließtext hinzufügen und Teile hervorheben
        4. Das Impressum ergänzen
        5. Die Vorschau im Browser
    3. Hyperlinks erstellen
      1. Absolute und relative Adressen als Hyperlinkziele
      2. Einen Hyperlink erzeugen
        1. Hyperlinks auf externe Seiten erstellen
        2. Hyperlinks auf benannte Anker erstellen
        3. Hyperlinks auf E-Mail-Adressen erzeugen
      3. Weitere Hyperlink-Eigenschaften festlegen
        1. Den Zielframe bzw. das Zielfenster definieren
        2. Einen Titel festlegen
      4. Rechtliche Rahmenbedingungen für Hyperlinks
        1. Verantwortlichkeit für Hyperlinks
        2. Verletzung des Urheberrechts durch Links
        3. Hyperlinks und Wettbewerbsrecht
        4. Haftung für verlinkte Seiten und deren Inhalte
        5. Strafrechtliche Relevanz von Hyperlinks
    4. Formatierungen mit CSS hinzufügen
      1. CSS-Grundlagen
        1. Wie funktioniert CSS?
        2. Vor- und Nachteile von CSS
        3. Formatieren mit CSS
      2. Schnell und einfach mit Expression Web formatieren
        1. Schriftart für die ganze Seite festlegen
        2. Navigation formatieren
      3. CSS-Stile mit Sinn und Verstand erstellen
        1. Einen Stil und eine CSS-Datei erstellen
        2. Stile hinzufügen und zuweisen
    5. Zusammenfassung
  8. 4. Standardkonforme Websites entwickeln
    1. Trennung von Inhalt und Layout
      1. Barrierefreiheit und Suchmaschinenoptimierung
      2. Standardkonformität
    2. Inhalte korrekt auszeichnen
      1. Text auszeichnen
    3. Bilder verwenden und Bildergalerien gestalten
      1. Einstellungen für Bilder festlegen
      2. Einzelne Bilder einfügen
        1. Ein Bild aus einer Datei einfügen
        2. Das Bild in der Website speichern
        3. Die Bildgröße ändern
        4. Kontrast und Farbgebung ändern
        5. Bilder aus der Website per Drag & Drop einfügen
        6. Bilder im Absatz ausrichten
      3. Eine Bildergalerie anlegen
      4. Photoshop-Dateien einfügen
        1. Rechtliche Rahmenbedingungen für die Nutzung von Bildern
    4. Formulare erzeugen
      1. Das Formular einfügen
      2. Steuerelemente hinzufügen
      3. Das Formular mit rudimentären Formatierungen versehen
    5. Tabellen erstellen und verwalten
    6. Formatierung mithilfe von CSS
      1. Reihenfolge der Anwendung von Formatierungen
      2. Generelle Vorgehensweisen beim Formatieren
      3. Stile mit Expression Web verwalten
      4. Die Beispiele formatieren
    7. Einhaltung der Webstandards sicherstellen
      1. Standardkonformität prüfen
        1. Standardkonformität mit Expression Web prüfen
        2. Den Code mit dem W3C-Validator prüfen
        3. CSS-Code prüfen
        4. Barrierefreiheit überprüfen
      2. HTML-Code optimieren
        1. Tags und Attribute per Suchen und Ersetzen entfernen
        2. HTML-Code automatisch optimieren
    8. Zusammenfassung
  9. 5. Komplexere Websites verwalten
    1. Vorlagen nutzen
      1. Eine neue Website erstellen
      2. Websitedateien anpassen
      3. Eine neue Seite aus der Vorlage erstellen
      4. Die Vorlage anpassen und aktualisieren
      5. Einer Datei nachträglich die Vorlage neu zuordnen
      6. Bearbeitbare Bereiche in der Vorlage anpassen
      7. Einer Datei eine andere Vorlage zuweisen
      8. Einzelne Dateien mit der Vorlage synchronisieren
      9. Alle verknüpften Dateien aktualisieren
      10. HTML-Seiten von der Vorlage lösen
    2. Unterwebsites hinzufügen
      1. Einen Ordner in eine Unterwebsite umwandeln
      2. Eine neue Unterwebsite erstellen
      3. Unterwebsites öffnen
    3. Websitedateien verwalten und ordnen
      1. Dateien umbenennen und verschieben
      2. Ordner löschen
      3. Dateien duplizieren und löschen
      4. Ordner umbenennen
    4. Zusammenfassung
  10. 6. Websiteoptimierung und Veröffentlichung
    1. Rechtschreibfehler finden und beheben
    2. Ladezeiten optimieren
      1. Langsame Seiten finden
        1. Einstellungen für langsame Seiten festlegen
        2. Langsame Seiten ermitteln
      2. Möglichkeiten zur Optimierung
        1. Die Seite enthält viele Bilder oder ein einzelnes großes Bild oder Video
        2. Die Seite enthält sehr komplexen HTML-Code oder viel Textinhalt und lädt deshalb sehr langsam
        3. Alle Seiten aus Ihrer Website werden als zu langsam markiert, obwohl sie wenig Bilder und Inhalte haben
    3. Suchmaschinenoptimierung
      1. Was Suchmaschinen wünschen
      2. Wichtige Wörter sinnvoll im Text platzieren
      3. Den SEO-Bericht abrufen und Seiten optimieren
      4. META-Tags ergänzen
    4. Quellcode optimieren
      1. Fehlerhafte Links finden
        1. Verknüpfte Dateien grafisch anzeigen lassen
        2. Fehlerhafte Links in der Website suchen
        3. Fehlerhafte Links reparieren
      2. Browserkompatibilität prüfen und optimieren
        1. Browsertests durchführen
          1. Die Seite in einer bestimmten Auflösung aufrufen
          2. Eine Seite in mehreren Browsern testen
          3. Die SuperPreview-Vorschau nutzen
        2. Kompatibilitätsprüfung durchführen
    5. Die Website veröffentlichen
      1. Veröffentlichungseinstellungen festlegen
      2. Eine Website erstmalig veröffentlichen
      3. Geänderte Dateien hochladen
      4. Die Website synchronisieren
    6. Zusammenfassung
  11. 7. Individuelle Websites und eigene Vorlagen entwickeln
    1. Allgemeine Vorgehensweise und wichtige Hilfsmittel
      1. Inhalte der Navigationsleisten festlegen
      2. Struktur der Site bestimmen
      3. Layoutgrundlagen festlegen
    2. Die Verzeichnisstruktur der Website anlegen
      1. Ein Durchpausbild gestalten und festlegen
    3. Eine Vorlage erstellen und formatieren
      1. Container für die einzelnen Seitenbereiche definieren
      2. Grundlegende Formatierungen
      3. Die Container zueinander ausrichten
      4. Die Navigationslinks einfügen
      5. Rahmen entfernen
      6. Hintergrundbilder erstellen
    4. Formatierungen optimieren und anpassen
      1. Das Banner formatieren
      2. Die horizontale Navigationsleiste ausrichten
      3. Hyperlinks formatieren
      4. Die vertikale Navigation formatieren
      5. Die Überschrift formatieren
      6. Hintergrundbild für die Seite definieren
    5. Die Vorlage erstellen
      1. Die Datei als Vorlagendatei speichern
      2. Die Vorlage mit gesperrten und bearbeitbaren Bereichen versehen
    6. Seiten aus der Vorlage erzeugen und bearbeiten
      1. HTML-Seiten erstellen
      2. Inhalte aus Word einfügen
      3. Inhalte aus vorhandenen HTML-Dateien einfügen
        1. Tabellen aus vorhandenen Webseiten übernehmen
        2. Unerwünschte Formatierungen aus der Tabelle entfernen
        3. Unformatierte Tabellendaten mittels Word importieren
    7. Die Vorlage nachträglich bearbeiten
      1. Navigationslinks aktualisieren
      2. Seitenlayout optimieren
        1. Horizontale Navigation verkürzen
        2. Einspaltige Layouts mit einer zweiten CSS-Datei ermöglichen
    8. Zusammenfassung
  12. 8. PHP-Seiten mit Expression Web erstellen
    1. Vorbereitungen zur Verwendung von PHP treffen
      1. Was ist und was kann PHP?
      2. Die notwendige Testumgebung einrichten
      3. Eine Website mit PHP-Unterstützung erstellen
      4. Eine erste PHP-Seite erstellen
      5. PHP-Seiten in der Browservorschau anzeigen
      6. Fehlersuche
        1. PHP ist nicht konfiguriert
        2. Expression Development Server ist nicht installiert
        3. PHP-Fehlermeldungen beheben
    2. Einfache PHP-Features nutzen
      1. Ein Suchformular erstellen
      2. Die Folgeseite einrichten
      3. Die übermittelten Formulardaten ausgeben
      4. Die Seiten testen
      5. Den Code ergänzen und optimieren
    3. Navigationsstrukturen mit PHP optimieren
      1. Grundlegender HTML-Code
      2. Die Navigationsleisten in einzelne Dateien auslagern
      3. Per URL-Parameter die gewünschte Navigationsleiste ermitteln
        1. URL-Parameter ergänzen
        2. Textdatei laden
      4. Per PHP-Code die include-Anweisungen einfügen
    4. Eine Diashow gestalten
      1. Eine Diashow mit zufälliger Reihenfolge erstellen
        1. Die Funktion zufallszahl erstellen
        2. Die Funktion testen
        3. Die Bilder anzeigen
      2. Die Diashow barrierefrei gestalten und mit einer Bildbeschriftung versehen
        1. Das angezeigte Bild automatisch wechseln
        2. Diashow mit festgelegter Reihenfolge
    5. Zusammenfassung
  13. 9. ASP.NET-Features nutzen
    1. Vorbereitungen für die Verwendung von ASP.NET-Seiten treffen
      1. Das .NET Framework installieren
        1. Prüfen, welche Version von .NET Framework installiert ist
        2. .NET Framework aktualisieren
      2. Einen Datenbankserver installieren
        1. Microsoft SQL Server 2008 Management Studio Express herunterladen
        2. Microsoft SQL Server 2008 Management Studio Express installieren
        3. SQLExpress Service Pack 1 installieren
        4. Die Management-Konsole starten und den SQL Server einrichten
      3. Die Website für ASP.NET einrichten
    2. Eine Datenbankanwendung realisieren
      1. Eine Datenbank anlegen
      2. Tabellen hinzufügen
      3. Testdaten in die neue Tabelle eingeben
      4. Die Verbindung zur Datenbank herstellen
        1. Remoteverbindungen erlauben
        2. Eine ASPX-Seite erstellen
        3. Die Datenbankverbindung konfigurieren
    3. Datensteuerelemente nutzen
      1. Daten aus der Datenbank abrufen
        1. Daten mit dem DataList-Steuerelement anzeigen
        2. Daten mit ListView - und Repeater-Steuerelement darstellen
      2. Ein Formular zur Datenerfassung erstellen
    4. Arbeiten mit anderen Datenquellen
      1. Benutzeranmeldungen realisieren
        1. Erstellen eines Formulars für die Benutzeranmeldung
        2. Formular für die Benutzerregistrierung
        3. Eine Seite mit Zugriffsschutz versehen
        4. Die Art der Benutzerauthentifizierung einstellen
        5. Die Inhalte für angemeldete Benutzer definieren
        6. Steuerelemente bearbeiten und formatieren
          1. Automatisches Login nach Registrierung abschalten
          2. Folgeseite für Formulare festlegen
          3. Link auf das Registrierungsformular erstellen
    5. ASP.NET-Seiten formatieren
      1. Die Stildefinitionen des Steuerelements verwenden
      2. CSS-Stile verwenden
    6. Zusammenfassung
  14. A. Glossar
  15. B. Wichtige Webadressen
    1. Wichtige URLs
  16. Stichwortverzeichnis
  17. Copyright