iSpring Suite kann Kurse in ein webfreundliches HTML5-Format umwandeln. Alle PowerPoint-Funktionen wie Animationen, Übergänge, Video und Audio werden beibehalten. Ein großer Vorteil von HTML5-Folien ist, dass sie auf nahezu jedem PC oder Mobilgerät angezeigt werden können, einschließlich iPads.
Sie können Ihren HTML5-Inhalt in eine Website oder einen Blog einbetten. Um dies zu tun, folgen Sie dieser einfachen Schritt-für-Schritt-Führungslinie:
...
| Table of Contents | ||||
|---|---|---|---|---|
|
...
Veröffentlichen eines Kurses in HTML5
- Öffnen Sie PowerPoint und wählen Sie die Registerkarte iSpring Suite 11 aus. Klicken Sie dann auf Veröffentlichen.
- Wählen Sie die Registerkarte Mein Computer aus, geben Sie den Namen des Kurses ein und konfigurieren Sie seine Einstellungen. Klicken Sie schließlich auf Veröffentlichen.
Fertig! Sie haben den Kurs im HTML5-Format veröffentlicht.
...
Klicken Sie im Fenster, das nach dem Veröffentlichen geöffnet wird, auf FTP.
Expand FTP ist ein Dateiübertragungsprotokoll, mit dem Sie Dateien auf einen Server hochladen können.
Um die Benutzername / Login-Informationen für Ihr FTP-Konto zu erhalten, kontaktieren Sie Ihren Hosting-Anbieter. Sie werden Ihnen die folgenden Daten zur Verfügung stellen: den Hostnamen, den Benutzernamen und das Passwort.
Um sich beim Server anzumelden, laden Sie einen FTP-Client herunter — ein Programm, das Zugriff auf einen Server bietet. Einer der beliebtesten FTP-Clients ist FileZilla.- Sie werden ein Fenster sehen, in dem Sie FTP-Konten hinzufügen, bearbeiten und entfernen können. Wählen Sie das Ordner für Ausgabedateien erstellen Kontrollkästchen aus, um auf Ihrem Server einen neuen Ordner mit dem Kursnamen zu erstellen.
Dann geben Sie im geöffneten Fenster die FTP-Benutzername / Login-Informationen ein, die Sie von Ihrem Hosting-Anbieter erhalten haben. Klicken Sie schließlich auf OK.
HostnameFTP Konto Adresse der Internetseite Der Hostname (z. B. mysite.com) oder die IP-Adresse (z. B. 77.77.55.88) des Webservers, auf den die Präsentation hochgeladen wird. Port FTP-Server verwenden in der Regel Port 21, aber manchmal kann die Portnummer abweichen. Weitere Informationen erhalten Sie von Ihrem Netzwerk administrator. Verwenden Sie die verschlüsselte Verbindung über SSL /TLS Das Programm wird eine sichere Verbindung mit einem Server über FTP mit TLS/SSL (FTPS) herstellen. Ordner auf FTP-Server Der Pfad zu einem Ordner auf dem FTP Server. Benutzername Wenn anonymer Zugriff auf das FTP nicht zulässig ist, geben Sie Ihren Benutzernamen ein. Passwort Wenn anonymer Zugriff auf das FTP nicht zulässig ist, geben Sie Ihr Passwort ein. Als Nächstes müssen Sie die HTTP-URL der hochgeladenen HTML5-Präsentation ermitteln und die URL in die Zwischenablage kopieren. Die URL der Präsentation hängt von den spezifischen Einstellungen Ihres Servers ab.
Panel bgColor #eaf4fd Stellen Sie sicher, dass die ausgewählte URL mit „http://“ und nicht mit „ftp://“ beginnt
Ihre HTML5-Präsentation in eine Website einfügen
Nachdem Sie den Kurs auf den Server hochgeladen haben, fügen Sie ihn in eine Website ein. Sie können einen Kurs auf drei Arten einfügen:
...
| Table of Contents | ||||
|---|---|---|---|---|
|
...
Ihre HTML5-Präsentation auf einer separaten Webseite abspielen
Eine der einfachsten Möglichkeiten, Ihre Präsentation über eine Website zu teilen, besteht darin, irgendwo auf einer Webseite einen Hyperlink zu der Präsentation bereitzustellen. Um einen Hyperlink einzufügen, wechseln Sie in den HTML-Bearbeitungsmodus und verwenden Sie den folgenden Code:
| Code Block | ||
|---|---|---|
| ||
<a title="CUSTOM TITLE OF THE LINK" href=”ENTER YOUR URL” target=”_blank”> CUSTOM TEXT OF THE HYPERLINK</a> |
Sie können wählen, ob die Präsentation in einer neuen Browser-Registerkarte (target=”_blank”) oder in derselben Registerkarte (target=“_self”) geöffnet werden soll.
...
Sie können den folgenden Code verwenden, um ein Popup beim Klicken zu erstellen:
| Code Block | ||
|---|---|---|
| ||
<script> function popup(url)
{
window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
</script>
<a onClick="popup('http:// ENTER YOUR URL ')">CUSTOM TEXT OF THE HYPERLINK</a> |
Sie können Breite und Höhe anpassen und Ihrem Popup verschiedene Elemente hinzufügen (hier erfahren Sie mehr).
Oder Sie können das Popup-Fenster so einstellen, dass es angezeigt wird, sobald die Webseite geladen ist:
| Code Block | ||
|---|---|---|
| ||
<script> function popup(url)
{
window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
popup('http://ENTER YOUR URL');
</script> |
Ihre HTML5-Präsentation in ein HTML-iFrame-Tag einfügen
Wenn Sie Ihre HTML5-Präsentation innerhalb Ihrer Webseite anzeigen möchten, können Sie sie mit dem folgenden HTML-Code in ein iFrame einfügen:
| Code Block | ||
|---|---|---|
| ||
<iframe src="http://ENTER YOUR URL" width="800" height="600" scrolling=”no” /> |
Wenn Ihre HTML5-Präsentation auf Ihrer Website auf eine der oben beschriebenen Arten veröffentlicht wird, kann sie mithilfe moderner Webbrowser, mobiler Geräte und iPads einem viel größeren Publikum bereitgestellt werden. Erfahren Sie mehr über HTML-iFrames.

