Webmaster-Crashkurs

Website Online stellen - Datenübertragung auf Webserver

Scriptly hat einen FTP-Client integriert. Somit können erstellte HTML-Dateien direkt mit Scriptly Online gestellt werden. Vorbereitend dazu müssen die Zugangsdaten hinterlegt werden.

Zugangsdaten hinterlegen in Scriptly

Wenn Sie dem System trauen, auf dem Sie arbeiten, haben Sie die Möglichkeit das Kennwort zu speichern. Ansonsten müssen Sie jedes mal das Kennwort eintragen.

FTP-Zugangsdaten mit Passwort speichern

HTML-Seite online stellen

Um eine HTML-Seite, sprich Datei, online zu stellen, benötigen wir das untere Explorer-Fenster, dass mit F7 eingeblendet werden kann.

Dort auf das Symbol klicken, das wie ein Stromstecker aussieht. Man wird dann gefragt, mit welchem hinterlegten FTP-Server man verbunden werden möchte.

FTP-Verbindung aufbauen

Sobald die FTP-Verbindung aufgebaut ist, werden die Daten auf FTP-Server angezeigt.

FTP-Verbindung aufgebaut - die Daten auf FTP-Server werden angezeigt

Jetzt muss auf der linken Seite noch der entsprechende Ordner auf Ihrer Festplatte angezeigt werden. Das einfachste ist, wenn Sie aus diesem Ordner eine Datei geladen haben und diese in Scriptly angezeigt wird, über den Button "Pfad von aktueller Datei übernehmen" (wie im nächsten Bild abgebildet).

FTP-Verbindung aufbauen

Die zu übertragenden Datei markieren (damit diese blau hinterlegt sind).

markieren der zu übertragenden Datei

Und mit dem Button in der Mitte (ausgewählte Dateien hochladen)

Online stellen der markierten Datei

Jetzt sollten die übertragenen Dateien rechts erscheinen - wir haben nun Dateien "online gestellt". Diese sind nun Weltweit abrufbar.

Datei ist auf FTP-Server übertragen und Online abrufbar

Jetzt können wir in einem Internet-Browser und der entsprechenden URL die Seite kontrollieren:

Online gestellte Datei im Browser aufrufen

Es dürfen keine Dateien vergessen werden - jedes in den HTML-Seite integrierte Bild muss auch übertragen werden!

HTML5-Video-Kurs:
hier klicken für
mehr Informationen
© 2008-2024   •   www.webmaster-crashkurs.de - HTML5 Tutorial mit VideosImpressumDatenschutzerklärung
weitere eigene Projekte: