Seitenfragment head.htm anlegen 
Seitenfragment head.htm anlegen
Voraussetzungen
Wozu Sie Seitenfragmente einsetzen können, wurde in Tutorial 3 behandelt. Folgende Abschnitte enthalten Informationen zum grundsätzlichen Erstellen von Seitenfragmenten sowie zur Include-Direktive.
Wozu und wie erstellen Sie Seitenfragmente?
Wie sieht das Layout für Ihre Einstiegsseite aus?
Vorgehensweise
Legen Sie das Seitenfragment head.htm an wie in Tutorial 3
Unser erster Online-Buchladen) beschrieben. Damit das Design HTMLB-Design der anderen Views passt, ändern Sie das Coding im Layout des Seitenfragments ab wie folgt:
|
<%@extension name="htmlb" prefix="htmlb" %> <htmlb:group title = "Welcome!" bodyColor = "Whitesmoke" width = "100%" > <htmlb:groupBody> <table border="0" width="100%" height="100%"><tr> <td width="180" valign="MIDDLE"> <htmlb:image src = "book2.jpg" height = "80" /> </td> <td valign="MIDDLE"> <htmlb:textView text = "mySAP Bookshop" encode = "TRUE" design = "HEADER1" textColor = "darkblue" /> </td></tr></table> </htmlb:groupBody> </htmlb:group> |
Sie verwenden das HTMLB-Element
group, um der Kopfleiste eine einheitliche Hintergrundfarbe zu geben.Diese
group enthält dann das bekannte Buch-Bild sowie den Titeltext. Um die beiden Elemente vertikal zentriert zu setzen, werden sie noch zusätzlich in eine normale HTML-Tabelle gesteckt.Wie Sie im Web Application Builder mit BSP-Extensions und dem Tag-Browser die Elemente einfach in Ihre Seite hinüberziehen können, ist unter
BSP-Elemente verwenden beschrieben.
Ergebnis
Sie haben nun einen Seitenkopf für den Buchladen erstellt, der so aussieht:
Legen Sie nun den Controller für die Büchersuche an:
Controller search.do für die Suche anlegen