Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

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.