Anfang des Inhaltsbereichs

Vorgehensweisen Wozu und wie erstellen Sie Seitenfragmente? Dokument im Navigationsbaum lokalisieren

Verwendung

Seitenfragmente dienen dem einheitlichen Erscheinungsbild Ihrer Web-Applikationen. Ähnlich wie bei Frames können Sie über Seitenfragmente das gleiche Layout für einen Teil Ihrer Seiten verwenden. In diesem Tutorial setzen Sie ein Seitenfragment ein, um eine einheitliche Kopfzeile für alle BSPs Ihrer BSP-Applikation zu gewährleisten. Sie inkludieren das Seitenfragment einfach in alle Ihrer BSPs.

Vorgehensweise

Gehen Sie folgendermaßen vor, um in Ihrer BSP-Applikation ein Seitenfragment anzulegen:

  1. Positionieren Sie im Web Application Builder in Ihrer Applikation tutorial_3 im linken Navigationsbaum auf den obersten Hierarchieknoten und wählen Sie mit der rechten Maustaste Anlegen ® Seite.
  2. Geben Sie im folgenden Popup einen sprechenden Seitennamen (die Endung .htm wird Ihnen vom System vorgeschlagen) und eine Beschreibung an und markieren Sie den Seitentyp Seitenfragment.

    3. Diese Grafik wird im zugehörigen Text erklärt

  3. Wählen Sie Diese Grafik wird im zugehörigen Text erklärt.
  4. Erstellen Sie das Coding für Ihr Seitenfragment:
    5.

    <%@ page language="abap" %>

    <html>

      <head>
        <title>mySAP Bookshop</title>
      </head>

      <body BGCOLOR="#B5E1D2">

        <h2> <img height="80" width="80" src="book2.jpg"> &nbsp;&nbsp;mySAP Bookshop
        </h2>

      <hr>

     

    Beachten Sie, dass Sie hier nicht die Anweisungen </body> und </html> einfügen, da es sich um ein Seitenfragment handelt, das immer den Anfang einer HTML-Seite bildet. Entsprechend haben Seiten, die zu Beginn das Fragment head.htm inkludieren, keine Anfangs-Tags, dafür jedoch Ende-Tags.

    Damit hat die Kopfzeile, die in den folgenden Schritten in jede BSP inkludiert wird, immer das gleiche Aussehen:

    Diese Grafik wird im zugehörigen Text erklärt

    Des weiteren wird die Hintergrundfarbe für die ganze Seite festgelegt.

  5. Wählen Sie Diese Grafik wird im zugehörigen Text erklärt.

Ergebnis

Im Web Application Builder wird Ihre gesamte BSP-Applikation mit den Seiten, den Bildern und dem Seitenfragment nun folgendermaßen dargestellt:

Diese Grafik wird im zugehörigen Text erklärt

Diese Grafik wird im zugehörigen Text erklärtLayout für die Eintstiegsseite

Ende des Inhaltsbereichs