Link einfügen (Eigenes Design)

[Dummy]

Wichtiges zu Link einfügen (Eigenes Design)

Beim Eigenen Design ist die Eingestellte Navigation, die man bei den Unterseiten vorgenommen hat, Wirkungslos! Deswegen muss man es im Design einfügen. Dazu musst Du bei deiner neu erstellte Textseite zuerst den Style zuordnen

Deine Links sind im HTML teil des Design Untergebracht. Nun musst Du zu deinem Design - Design Einstellungen gehen und Styles verwalten wählen, dann dein Style öffnen!
Befindet sich deine Navigation Oben oder Links im Design, so musst du im Header suchen. Wenn Du aber die Navigation Rechts oder sogar Unten in deinem Design befindet, wird sie sich im Footer befinden. "Keine Regel ohne Ausnahme"!

Um einen Hyperlink auf eine fremde Webseite im neuen Tab geöffnet zu erstellen Lese auch hier!

Der Aufbau des Linkes

Das eigentliche bei einem link ist ja immer das selbe: er fängt mit "<a" an und endet mit "</a>".

Angaben im Link: <a href="../unterseite1.html" class="menulink">Menüpunkt 1</a>

Rot ist die URL Adresse
Orange ist eine Class angabe (nicht in jeder Navi Vorhanden im link)
Blau ist der Text wo erscheinnt in euer Navigation.

Link Varianten

Deine Links können ganz Unterschiedlich Aufgebaut sein, aber der Vorgang ist eigentlich immer gleich! Hier zeige ich euch einige Varianten, damit die suche im Design besser geht.

Variante A
Hier ist eine ganz einfache und übersichtliche wo die class bereits gegeben ist in einem "div"

<div class="navigation">
<!--Anfang Menupunkte-->
<a href="../unterseite1.html">Menüpunkt 1</a>
<a href="../unterseite2.html">Menüpunkt 2</a>
<a href="../unterseite3.html">Menüpunkt 3</a>
<a href="../unterseite4.html">Menüpunkt 4</a>
<a href="../unterseite5.html">Menüpunkt 5</a>
<a href="../unterseite6.html">Menüpunkt 6</a>
<!--Ende Menupunkte-->
</div>

Variante B
Gleich wie A, aber hier wird bei jedem link die Class angegeben, da der Webmaster eventuell einige Links anders aussehen lässt

<div id="navigation">
<!--Anfang Menupunkte-->
<a href="../unterseite1.html" class="menulink">Menüpunkt 1</a>
<a href="../unterseite2.html" class="menulink">Menüpunkt 2</a>
<a href="../unterseite3.html" class="menuwichtig">Menüpunkt 3</a>
<a href="../unterseite4.html" class="menulink">Menüpunkt 4</a>
<a href="../unterseite5.html" class="menulink">Menüpunkt 5</a>
<a href="../unterseite6.html" class="menulink">Menüpunkt 6</a>
<!--Ende Menupunkte-->
</div>

Variante C
Wird verwendet für eine Navigation Oben oder Unten, so sind die Links aneinander gereit mit einem Trennstrich.

<div id="subnavi"><a href="#">Menüpunkt 1</a> | <a href="#">Menüpunkt 2</a> | <a href="#">Menüpunkt 3</a> | <a href="#">Menüpunkt 4</a> | <a href="#">Menüpunkt 5</a> | <a href="#">Menüpunkt 6</a>
</div>

Variante D
Ein listen menü, hier muss man etwas genauer gucken was man tut, es hat auch seitlich ausklappare menüs drinn.

<div id="menu">
<!--Klappbare Navi-->
<ul>
<li><h2 align="center">Link Zeile 1</h2>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a>
<ul>
<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>
<li><a href="#">Link 3.3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<!--Klappbare Navi-->
</div>

Anleitung zu Link einfügen

Das eigentliche bei einem link ist ja immer das selbe: er fängt mit "<a" an und endet mit "</a>".

Wenn ihr also Variante A oder B habt, ist es ja sehr übersichtlich und einfach!
Einen ganzen link Kopieren, dann gleich hinter dem Link mit der Raute Taste einen Abschnitt machen!

<div class="navigation">
<!--Anfang Menupunkte-->
<a href="../unterseite1.html">Menüpunkt 1</a>
<a href="../unterseite2.html">Menüpunkt 2</a>

<a href="../unterseite3.html">Menüpunkt 3</a>
<a href="../unterseite4.html">Menüpunkt 4</a>
<a href="../unterseite5.html">Menüpunkt 5</a>
<a href="../unterseite6.html">Menüpunkt 6</a>
<!--Ende Menupunkte-->
</div>

Dann der Link and der Stelle Reinkopieren, den URL Adressen der Unterseite einfügen, und der Name des Linkes bestimmen

<div class="navigation">
<!--Anfang Menupunkte-->
<a href="../unterseite1.html">Menüpunkt 1</a>
<a href="../unterseite2.html">Menüpunkt 2</a>
<a href="../neueunterseite.html">Neuer Menüpunkt</a>
<a href="../unterseite3.html">Menüpunkt 3</a>
<a href="../unterseite4.html">Menüpunkt 4</a>
<a href="../unterseite5.html">Menüpunkt 5</a>
<a href="../unterseite6.html">Menüpunkt 6</a>
<!--Ende Menupunkte-->
</div>

Bei der Variante C macht man das gleiche, halt Horizontal statt Vertikal und man muss jedoch achten das Du das sonderzeich "|" auch mitnimmst, und ein leerzeichen davor und dahinter hast.

Bei der Variante D musst Du dich Konzentrieren, hier kommt das <li> dazu, und in den Ausklapparen Navigation wird der </li> von der Hauptgruppe erst nach der Ausklapparen Navi geschlossen.

Bei Weiteren fragen, eröffne bitte ein Thema in fragen zu HTML und Programiersprachen.

Verfasst von goefi-chiangmai