Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
maxLevel2
minLevel2

...

Veröffentlichen eines Kurses in HTML5

...

  1. 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.


  2. 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.

  3. 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.

    FTP Konto              
    HostnameAdresse der InternetseiteDer Hostname (z. B. mysite.com) oder die IP-Adresse (z. B. 77.77.55.88) des Webservers, auf den die Präsentation hochgeladen wird.
    PortFTP-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 /TLSDas Programm wird eine sichere Verbindung mit einem Server über FTP mit TLS/SSL (FTPS) herstellen.
    Ordner auf FTP-ServerDer Pfad zu einem Ordner auf dem FTP Server.
    BenutzernameWenn anonymer Zugriff auf das FTP nicht zulässig ist, geben Sie Ihren Benutzernamen ein.
    PasswortWenn anonymer Zugriff auf das FTP nicht zulässig ist, geben Sie Ihr Passwort ein.


  4. 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
maxLevel3
minLevel3

...

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
languagexml
<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
languagexml
<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
languagexml
<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
languagexml
<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