Microsoft Expression Web - Masterseiten

In diesem Kapitel erfahren Sie mehr über ASP.NET-Masterseiten. Wenn wir eine Masterseite erstellen, können wir sie auf dieselbe Weise wie auf anderen Seiten in Microsoft Expression Web anordnen, Stile anwenden und ASP.NET-Steuerelemente hinzufügen. Das Layout und der Inhalt, die wir auf einer Masterseite erstellen, werden auf die Seiten angewendet, die an die Masterseite angehängt sind. Es ist ein ähnliches Konzept wieDynamic Web Template.

Mit dynamischen Webvorlagen können Sie allen Seiten Ihrer Website ein gemeinsames Erscheinungsbild zuweisen. Da dynamische Webvorlagen auf die Seiten angewendet werden, an die sie zur Entwurfszeit angehängt sind, kann das Anwenden von Änderungen auf alle Seiten einer Site zu Verzögerungen führen, während der HTML-Code auf allen Seiten aktualisiert wird.

Wenn auf dem Server ASP.NET ausgeführt wird, ermöglichen ASP.NET-Masterseiten ähnliche Funktionen, indem die bearbeitbaren Bereiche in der Vorlage definiert werden. Die Anwendung der Vorlage auf den benutzerdefinierten Inhalt der Seiten erfolgt jedoch dynamisch zur Laufzeit.

Beispiel

Schauen wir uns ein einfaches Beispiel an, in dem wir eine Masterseite mithilfe einer CSS-Vorlage erstellen und diese Masterseite verwenden, um andere Seiten zu erstellen.

Step 1 - Öffnen Sie die index.html Seite, auf der wir mithilfe des CSS-Stylesheets verschiedene Abschnitte definiert haben.

Step 2 - Aus dem File Menü, gehen Sie zu New → Page und Sie sehen den Dialog Neue Seite.

Step 3 - Wählen Sie im linken Bereich ASP.NET und in der mittleren Liste Masterseite aus und klicken Sie auf die Schaltfläche OK.

Step 4 - Auf dem obigen Bildschirm wird ein Popup mit dem Namen angezeigt Untitled1.master. Speichern Sie diese Seite und benennen Sie siedefault.master.

Step 5- Wir möchten unser Design in die Masterseite integrieren, die auf unserer Website geteilt wird. Kopieren Sie also den Code des Inhalts, den Sie auf jeder Seite haben möchten, aus dem index.html-Code und fügen Sie den Code in die default.master-Seite ein.

Step 6- Jetzt haben wir ein Layout, das wir auf jeder Seite der Site verwenden möchten. Wenn wir jetzt mit dem Erstellen der Inhaltsseiten beginnen würden, könnten wir jedoch keinen Inhalt in dieses Layout eingeben. Daher müssen wir schaffenASPX contentSeiten von der Masterseite. Dazu müssen wir die hinzufügencontent region auch, damit wir den angegebenen Seiten Inhalte hinzufügen können.

Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf die Stelle, an der der Inhalt Ihrer Seiten angezeigt werden soll. Angenommen, wir möchten Inhalte im Hauptinhaltsbereich hinzufügen und dann auf klickenManage Microsoft ASP.NET Content Regions…

Step 7 - Geben Sie im Assistenten zum Verwalten von Inhaltsregionen Folgendes ein Region Name und klicken Sie auf Close.

Step 8- Wie im folgenden Screenshot zu sehen ist, wird der Content PlaceHolder im Hauptinhaltsbereich hinzugefügt. Jetzt müssen wir die ASPX-Webseite hinzufügen.