WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 296

Inhaltsgestaltung, Typografie und Bilder
Neben etwas Text möchte Herr Mattisen auch ein Foto des Restaurants auf der Start-
seite. Für dieses Beispiel verwenden Sie wieder ein Bild aus dem Creative-Commons-
Archiv von Flickr ( http://www.flickr.com/creativecommons/ ), welche größtenteils,
unter Angabe des Autors, auch kommerziell eingesetzt werden dürfen. Wir haben
uns für ein Bild des Flickr-Benutzers »prayitno« entschieden. Setzen Sie das Bild und
etwas Text im content -container ein (Abbildung 8.2):
<div data-role="page" id="startseite">
<div data-role="content">
<img src="bilder/restaurant.jpg" class="schatten" />
<h1>Ahoi & herzlich Willkommen beim heiteren Hering</h1>
<p>Der heitere Hering ist das älteste Fischrestaurant in ganz Deutschland
und versorgt Sie nach Ihrem Besuch des nahegelegen Aquariums mit den besten
Fischspezialitäten. Keine Angst, die Fische stammen nicht aus dem Aquarium.
</p>
<p>Benutzen Sie die untere Leiste, um mehr über unser Restaurant zu erfahren,
die Speisekarte aufzurufen oder uns zu kontaktieren. Wir freuen uns
auf Ihren Besuch.
</p>
</div><!-- /content -->
</div><!-- /page -->
Listing 8.2 Ein Bild und etwas Text als Inhalt für die Startseite
Abbildung 8.2 Die Startseite ohne jegliche Anpassungen