Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆2. 13. 3 Projekt-interne Verweise

2.13.3 Projekt-interne Verweise

-

1 Prinzip

-

a) Projekt-interne Verweise

Rekapitulation:

-

b) Im Gegensatzu zu Projekt-externen Verweise

-

2 Grundlagen-Websites & Workshops
en Basic Sites & Workshops
fr Sites de base & Workshops

Pfeil nach rechts (Icon)
      120 x 120 Pixel HTML: Grafiken in HTML-Seiten einbinden

-

3 Beispiele von internen Verweisen

-

Beispiel 1: Die Datei befindet sich im gleichen Verzeichnis

Gleiches Verzeichnis = Ordnder in dem die vorliegende Datei, eventuell mit anderen Dateien (Dokumenten) enthalten ist.

Relativer Verweis = Nicht den ganzen Pfad der aufzurufenden Datei angeben,
nur wie die Adresse relativ von der vorliegenden Datei zu der Datei steht, die aufgerufen werden soll.

1) Eintrag im Quelltext:

Variante 1: mit Punk und Schrägstrich: ./xyz

<p>
Relativer Link: <a href="./referenz.php">Link zur Datei "Refernzieren" 
im gleichen Ordner wie diese Datei</a>
</p>

Variante 2: ohne Punk und ohne Schrägstrich: xyz

<p>
Relativer Link: <a href="referenz.php">Link zur Datei "Refernzieren" 
im gleichen Ordner wie diese Datei</a>
</p>

2) Anzeige im HTML-Dokument:

Variante 1: mit Punk und Schrägstrich:

Relativer Link: Link zur Datei "Refernzieren" im gleichen Ordner wie diese Datei

Variante 2: ohne Punk und ohne Schrägstrich:

Relativer Link: Link zur Datei "Refernzieren" im gleichen Ordner wie diese Datei

Bemerkungen:

-

Beispiel 2: Link auf eine Datei in einem andern Verzeichnis

Der relative Link geht in der Hierarchie der Verzeichnisse zwei Stufen höher:

1) Angabe im Quelltext:

<p>
&rArr; Siehe "Internet-Grundlagen":
<a href="../../grundlagen/normen/w3c.php>
W3C - World Wide Web Consortium</a>
</p>

2) Anzeige im HTML-Dokument:

⇒ Siehe "Internet-Grundlagen": W3C - World Wide Web Consortium

-

Beispiel 3: Link auf eine Datei im Stammverzeichnis dieser Website

1) Angabe im Quelltext:

<p>
Relativer Link: 
<a href="../../musik/start.wav">
start.wav3</a>
(Haben Sie etwas Geduld: das Laden dauert einige Sekunden)
</p>

2) Angabe im HTML-Dokument:

Relativer Link: start.wav3
(Haben Sie etwas Geduld: das Laden dauert einige Sekunden)

-

Beispiel 4: Link auf das Stylesheet dieser Website

1) Angabe im Quelltext:

<p>
Link auf das Stylesheet dieser Website:
<a href="../../styles/allgemein.css.php">
allgemein.css.php</a>
</p>

2) Anzeige im HTML-Dokument:

Bemerkungen zum Stylesheet:

Wie in dieser Website an entsprechender Stelle angegeben wird, werden in einer separaten PHP-Datei zuerst die Farben definiert und als Datei oben in das Stylesheet eingelesen.

-

4 Anker definieren und Verweise zu Ankern

-

a) Prinzip

-

b) Beispiel: Link auf Color-Mixer im Abschnitt Farben

1) Im Abschnitt Farben muss ein Anker gesetzt werden:

Erklärungen:

<a name="mixer"><span style="visibility:hidden">-<br><br><br></span></a>

2) Mit folgendem Link wird nun auf diesen Anker gesprungen:

<p>&rArr; Link: 
<a href="../farben/waehler.php#mixer">
Color-Mixer</a>
</p>

⇒ Link: Color-Mixer

-

c) Workshops