Programm Hilfe Website X5
Hauptmenü
Echter Download
Datei Anpassungen
Dateien zum Download anbieten
Hier die vorgehensweise wie man eine PDF (oder jede andere Datei auch) zum „echten“
Download bereit stellen kann ohne sie vorher in ein Archiv zu packen!
Lösungsweg:
Man erstellt sich eine Datei im Windows Editor (Notepad) oder einem anderen Text Programm.
Diese nennt man
download.php
Der Inhalt der Datei sollte so aussehen:
<?php $ordner='PDF/'; #wichtig: / am ende! if($_GET['datei']) { if(file_exists($ordner.$_GET['datei'])) \ line else header('HTTP/1.1 404'); } else echo '<html><head><title>Fehler</title></head><body><h1>FEHLER!</h1><hr /><p>Kein Dateiname angegeben</p></body></html>'; ?>
Bei der Vergabe des Namens $ordner='PDF' auf Groß- und Kleinschreibung achten!
Danach geht man in einem FTP Programm auf den Websspace und erstellt einen Ordner
mit den Namen PDF
Soll der Ordner anders heißen muss man es oben im Code verändern
siehe: $ordner='EUER ORDNERNAME/'
Danach kopiert man die eben erstellte download.php in das root (Stammverzeichnis)
Verzeichnis des Webspaces!
Bei der Erstellung der Seiten in Website X5 muss darauf geachtet werden das die
erstellte Datei nicht genauso heißt (download.php) sonst wird sie logischerweise überschrieben!
Jetzt geht es los mit der Erstellung der Seite mit den Inhalt der PDF Dateien!
Dazu einfach in WS X5 die Seite erstellen wo die Links drin sein sollen.
HTML CODE FELD einfügen
Und jetzt wird ein HTML Code benötigt der entweder über ein Bild oder ganz einfach
nur Text auf das Skript zugreift
Beispiel 1:
<a href="http://www.DOMAIN.de/download.php?datei=DATEINAME DER PDF.pdf"><img src="http://www.DOMAIN.de/PDF/BILD ODER BUTTON.jpg"></a></a>
Beispiel 2:
HTML Bereich
<div id="reihe1">
<a class="bild1" href="http://www.kmp-design.de/download.php?datei=tutorial.pdf"></a>
<style="display:none a class="bild2" href="www.kmp-design.de/download.php?datei=tutorial.pdf"></a>
<style="display:none a class="bild3" href="http://www.kmp-design.de/download.php?datei=tutorial.pdf"></a><br>
</div>
<div id="reihe2">
<a class="bild4" href="http://www.kmp-design.de/download.php?datei=tutorial.pdf"></a>
<a class="bild5" href="www.kmp-design.de/download.php?datei=tutorial.pdf"></a>
<style="display:none a class="bild6" href="http://www.kmp-design.de/download.php?datei=tutorial.pdf"></a><br>
</div>
style="display:none bedeutet Zeile ist unsichtbar
CSS Bereich
body{
text-align:center;
}
#reihe1 {
margin:0px auto;
width:600px;
text-align:center;
}
a.bild1 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/november2009.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild1:hover { background-image:url(http:/www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
a.bild2 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/november2009_1.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild2:hover { background-image:url(http:/www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
a.bild3 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/november2009_2.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild3:hover { background-image:url(http:/www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
body{
text-align:center;
}
#reihe2 {
margin:50px auto;
width:600px;
text-align:center;
}
a.bild4 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/dezember2009.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild4:hover { background-image:url(http://www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
a.bild5 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/dezember2009_1.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild5:hover { background-image:url(http://www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
a.bild6 { display:inline-block; background-image:url('http://www.kmp-design.de/PDF/Button/dezember2009_2.jpg'); margin-left:auto; margin-right:auto;width:192px; height:192px }
a.bild6:hover { background-image:url(http://www.kmp-design.de/PDF/Button/download.jpg); width:192px; height:192px }
Um andere Dateien zum Download anzubieten muss
man im Code folgenden Typ wechseln:
Content-type: application/pdf
Folgendes ist möglich
text – für Text
image – für Grafiken
video – für Videomaterial
audio – für Audiodaten
application – für uninterpretierte binäre Daten, Mischformate (z. B. Textdokumente mit eingebetteten nichttextuellen Daten) oder Informationen, die von einem bestimmten Programm verarbeitet werden sollen
multipart – für mehrteilige Daten
message – für Nachrichten, beispielsweise message/rfc822
model – für Daten, die mehrdimensionale Strukturen repräsentieren
example – Beispiel-Medientyp für Dokumentationen
Auf die einzelnen Dateiendungen werde ich jetzt
nicht eingehen das würde den Rahmen sprengen.
Beispiel 1 mit normalem Bild
Super jetzt weiss ich wie ich eine Website einbinden kann. Vielen Dank !
juhu da ist jemand der weiß wie man die audio spur bei mozilla zum laufen bringt. Leider habe ich es immer noch nicht verstanden. ich kann zwar den Vogelgesang kopieren bekomme aber mein eigenen sound nicht rein. kannst du mir helfen. mfg olaf bockstaller.
Falls Sie einen Kommentar hinterlassen möchten können Sie dies hier machen.