Download in Tabelle

Wenn man viele Downloads auf seiner Seite anbietet, ensteht schnell eine lange Liste, da die Downloadmodule untereinander angeordnet sind. Dem ist mit ein wenig Arbeit Abhilfe zu schaffen, indem man die Downloads in eine Tabelle setzt.

 

Zuerst lädt man die Downloads auf eine versteckte Seite seiner Page. Nachdem dies geschehen, wechselt man in den AnsichtmodusDie URL immer im Ansichtmodus kopieren und kopiert die Adresse/Url der einzelnen Downloaddateien. Diese Links fügt man z.B. in den Windows Editor ein, um sie später von dort zu entnehmen.

 

Auf der gewünschten Seite legt man nun eine Tabelle an, wobei die Mustertabelle als Basis dient. Die Mustertabelle kann man nun für seinen Bedarf erweitern. In die neu entstandenen Zellen schreibt man z.B. d1, d2 etc. als Platzhalter hinein und speichert die Tabelle mal ab.

 

Nun braucht man einen oder zwei Html Tags. Zwei Tags, wenn man seinen Downloads eine Grafik hinzufügen möchte, da diese nicht mit an Bord ist. Wir nutzen zu unserem Zweck ja nicht mehr das Dowenloadmodul, dass diese Grafik mitliefert.

 

Man kann sich neine beliebige eigene Grafik erstellen, oder auf vorhandene Icons zurückgreifen. Im Grunde spielt die Größe dabei keine Rolle. Für dieses Tutorial habe ich die Grafik in der Größe 51 x 51 Pixel gewählt.

Die Grafik(en) lädt man auf eine versteckte Unterseite und kopiert im AnsichtmodusDie URL immer im Ansichtmodus kopieren die Bildadresse/Url der Grafik(en) und fügt sie auch in den Windows Editor ein..

 

Nun zurück zu den beiden Html Tags.

 

Wenn wir nur den Download ohne Grafik einfügen wollen, nehmen wir den folgenden Html Tag:

    

 <a href="Url der DateiHier die Url der Downloaddatei einfügen" target="_self">down1Hier unbedingt eine Bezeichnung für die Downloaddatei einfügen</a>

 

Unsere Tabelle (Beispiel) sieht etwa so aus.

 

Name	Vorname	Telefon
Max	Muster	12345
Minni	Maus	01234

 

Jetzt wechseln wir per HTML Button des Tabellenmoduls in das Html Fenster der Tabelle, wo es in etwa wie folgt aussieht:

 

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><strong>NameHier den Html Tag einfügen </strong></td>
<td><strong>Vorname</strong></td>
<td><strong>Telefon</strong></td>
</tr>
<tr>
<td>Max</td>
<td>Muster</td>
<td>12345</td>
</tr>
<tr>
<td>Minni</td>
<td>Maus</td>
<td>01234</td>
</tr>
</tbody>
</table>

 

 

Jetzt fügen wir, im Html Fenster, anstelle der Zellinhalte (z.B. Name, Vorname etc.) den jeweiligen Html Tag mit der entsprechenden Url ein.

 

 

Wollen wir dem Download eine Grafik hinzufügen, so brauchen wir noch einen weiteren Html Tag:

 

<img src="Bild Url" alt="" />

 

Jetzt kombinieren wir die beiden Html Tags, was dann wie folgt aussieht:

 

<img src="Bild UrlHier die URL der Grafik einfügen" alt="" /> <a href="Url der DateiHier die Url der Downloaddatei einfügen" target="_self">down1Hier unbedingt eine Bezeichnung für die Downloaddatei einfügen </a>

 

Den fertigen Html Tag fügen wir dann im Html Fenster, wie oben beschrieben ein. So verfahren wir mit allen weiteren Downloads. Sieht Anfangs vielleicht etwas schwierig und nach sehr viel Arbeit aus. Wenn man das System verstanden und den ersten Download korrekt eingegeben hat, wird man feststellen dass es recht schnell vonstatten geht, wenngleich eine Menge Kopier- und Einfügearbeit zu vollziehen ist

 

Im Ergebnis wird es dann in etwa so aussehen wie in dem Beispiel hier darunter.