Textanker und Links erstellen
(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)
Wie Textanker, Hyperlinks und Verweise in InDesign erstellt werden können, haben wir unter Querverweise und Links gesehen. Wie geht das aber nachher im HTML-Code? Auch hier muss für einen Verweis zunächst der Textanker erstellt werden und anschließend der Hyperlink, der darauf verweist.
Textanker setzen
Gehen Sie zuerst zu der Textpassage, wo der Textanker gesetzt werden soll. Nehmen wir z.B. einfach den Kapiteltitel:
<h1 class="Titel">1) Geschichte der Entwicklung</h1>Sie können nun den Textanker setzen, indem Sie id="Textanker" hinzufügen:
<h1 class="Titel" id="IhrTextankername">1) Geschichte der Entwicklung</h1>
Abbildung: Textanker setzen im HTML-Code.
Hyperlinks in HTML erstellen
Hyperlinks werden durch folgende Syntax erzeugt:
<a href="MeinLinkziel">Mein Hyperlink-Text</a>Um auf unseren vorher erstellten Textanker zu verweisen, wird zuerst auf die entsprechende XHTML-Datei verwiesen und danach durch das Doppelkreuz (#) ohne Leerzeichen auf den Textanker. Achten Sie auf die Syntax. Sie müssen hier den Textanker exakt so angeben wie beim Setzen des Textankers.
<a href="../Text/Datei.xhtml#IhrTextankername">Hier kommt der Text Ihres Hyperlinks hin</a>| Tipp der data2type-Redaktion: Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de