Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.

Aktuelle Infos finden Sie hier:

Inhaltsbereich

Die Beispielseite galerie.html

Die galerie.html wurde genau wie die Kontaktseite (im Buch auf Seite 89) als Kopie der Startseite erzeugt. Die hervorgehobenen Stellen wurden geändert:

01 ...
02 <title>Die Galerie – Little Boxes ... </title>
03 ...
04 <body id="galerieseite">
05 ...
06 <div id="navibereich">
07 <ul>
08 <li id="navi01"><a href="index.html">Startseite</a></li>
09 <li id="navi02"><a href="galerie.html">Galerie</a></li>
10 <li id="navi03"><a href="kontakt.html">Kontakt</a></li>
11 </ul>
12 </div> <!-- Ende navibereich -->
13 ...
14 <div id="textbereich">
15 <h2>Die Galerie</h2>
16
17 <div class="galerie">
18 <img src="landschaft01.jpg" width="203" height="180"
19 alt="Von Bäumen umstandener See, in dem sich Wolken spiegeln" />
20 <h3>Landschaftsbild 01</h3>
21 <p>Lorem ipsum dolor sit amet, ...</p>
22 <p>Phasellus suscipit blandit risus. ...</p>
23 </div><!-- Ende .galerie 01 -->
24
25 <div class="galerie">
26 <img src="landschaft02.jpg" width="203" height="180"
27 alt="Weite Grasfläche mit Wolken und Halmen im Vordergrund" />
28 <h3>Landschaftsbild 02</h3>
29 <p>Lorem ipsum dolor sit amet, ...</p>
30 <p>Phasellus suscipit blandit risus. ...</p>
31 </div><!-- Ende .galerie 02 -->
32
33 <p>Alle Fotos von <a href="http://pixelio.de/">pixelio.de</a></p>
34 </div> <!-- Ende textbereich -->
35 ...

Auf den anderen beiden Webseiten müssen Sie lediglich die Navigation um das dritte Listenelement ergänzen und dabei etwas anpassen.